@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
98 lines (97 loc) • 2.26 kB
TypeScript
import { default as React, FunctionComponent, ChangeEvent } from 'react';
import { InputProps } from '@tarojs/components';
import { BasicComponent } from '../../utils/typings';
export interface InputNumberProps extends BasicComponent {
/**
* 当前值,受控值
* @default -
*/
value: number | string
/**
* 默认值
* @default 0
*/
defaultValue: number | string
/**
* 是否允许内容为空
* @default false
*/
allowEmpty: boolean
/**
* 最小值限制
* @default 1
*/
min: number | string
/**
* 最大值限制
* @default 9999
*/
max: number | string
/**
* input 的类型
* @default digit
*/
type?: Extract<InputProps['type'], 'number' | 'digit'>
/**
* 禁用所有功能
* @default false
*/
disabled: boolean
/**
* 只读状态禁用输入框操作行为
* @default false
*/
readOnly: boolean
/**
* 步长
* @default 1
*/
step: number
/**
* 设置保留的小数位
* @default 0
*/
digits: number
/**
* 支持异步修改
* @default false
*/
async: boolean
select: boolean;
/**
* 指定输入框展示值的格式
* @default -
*/
formatter?: (value?: string | number) => string
/**
* 点击增加按钮时触发
* @default -
*/
onPlus: (e: React.MouseEvent) => void
/**
* 点击减少按钮时触发
* @default -
*/
onMinus: (e: React.MouseEvent) => void
/**
* 点击不可用的按钮时触发
* @default -
*/
onOverlimit: (e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void
/**
* 输入框失去焦点时触发
* @default -
*/
onBlur: (e: React.FocusEvent<HTMLInputElement>) => void
/**
* 输入框获得焦点时触发
* @default -
*/
onFocus: (e: React.FocusEvent<HTMLInputElement>) => void
/**
* 值改变时触发
* @default -
*/
onChange: (param: string | number, e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void
}
export declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;