# ClInputNumber InputNumber

> 数字输入框，支持加减按钮、小数位数、千分位格式化

- **标签名**: `<cl-input-number>`
- **引入**: `import { ClInputNumber } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| size | `String` | `'large'` | 否 | 可选: large, small |
| btnShowType | `String` | `'fixed'` | 否 | 可选: fixed, focus |
| btnTheme | `String` | `'leftRight'` | 否 | 可选: leftRight, upDown |
| value | `String, Number` | `` | 否 |  |
| placeholder | `String` | `` | 否 |  |
| className | `String` | `` | 否 |  |
| disabled | `Boolean` | `false` | 否 |  |
| isClean | `Boolean` | `true` | 否 |  |
| isTextRead | `Boolean` | `false` | 否 |  |
| min | `Number` | `undefined` | 否 |  |
| max | `Number` | `undefined` | 否 |  |
| isLoop | `Boolean` | `false` | 否 |  |
| decimal | `Number` | `0` | 否 |  |
| fillZeroCount | `Number` | `0` | 否 |  |
| btnStep | `Number` | `1` | 否 |  |
| btnClsIconSub | `String` | `` | 否 |  |
| btnClsIconAdd | `String` | `` | 否 |  |
| operateBtnDownBeforeCallback | `Function` | `` | 否 |  |
| calculationOperateValueCallback | `Function` | `` | 否 |  |

## Slots

| 名称 | 说明 |
|------|------|
| textPrepend | textPrepend 插槽 |
| prepend | 前置内容插槽 |
| icon | 图标插槽 |

## Events

| 事件名 | 说明 |
|--------|------|
| update:value |  |
| onChange | 值改变事件 |

## 基础用法

```vue
<cl-input-number></cl-input-number>
```
