# InputNumberRich

### config
参数 | 说明 | 类型 | 默认值 | 是否必传 | 版本
---|---|---|---|---|---
addonBefore | 带标签的 InputNumber，设置前置标签，类似 Input | string / ReactNode | 无 | 否 | 3.1.0
addonAfter | 带标签的 InputNumber，设置后置标签，类似 Input | string / ReactNode | 无 | 否 | 3.1.0
className | 样式类名，作用于子元素 InputGroup | string | 无 | 否 | 3.1.0
...restProps | InputNumber 可传入的其他属性，作用于子元素 InputNumber，具体参照 antd3 | - | 无 | 否 | 3.1.0


### 类型
```typescript
interface InputNumberRich {
    addonBefore?: string | ReactNode,
    addonAfter?: string | ReactNode,
    className?: string,
    [propsName: string]: any,
}

// antd 3
interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, OmitAttrs> {
    prefixCls?: string;
    min?: number;
    max?: number;
    value?: number;
    step?: number | string;
    defaultValue?: number;
    tabIndex?: number;
    onChange?: (value: number | undefined) => void;
    disabled?: boolean;
    size?: 'large' | 'small' | 'default';
    formatter?: (value: number | string | undefined) => string;
    parser?: (displayValue: string | undefined) => number | string;
    decimalSeparator?: string;
    placeholder?: string;
    style?: React.CSSProperties;
    className?: string;
    name?: string;
    id?: string;
    precision?: number;
    onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
}
```

### example
```typescript
<InputNumberRich placeholder="请输入"
    max={10}
    min={1}
    step={1}
    precision={0}
    addonAfter='次'
/>
```
```typescript
<InputNumberRich
    max={100}
    min={0}
    step={0.01}
    precision={2}
    addonAfter='%'
/>`
```