# ClInput Input

> 输入框组件，支持文本/数字/密码/千分位/清除按钮，支持 prepend/append 插槽

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

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| theme | `String` | `'default'` | 否 | 可选: default, icon, bottomLine |
| value | `String, Number` | `` | 否 |  |
| inputType | `String` | `` | 否 |  |
| className | `String` | `` | 否 |  |
| width | `String` | `` | 否 |  |
| name | `String` | `` | 否 |  |
| placeholder | `String` | `` | 否 |  |
| disabled | `Boolean` | `false` | 否 |  |
| isReadonly | `Boolean` | `false` | 否 |  |
| isClean | `Boolean` | `true` | 否 |  |
| isNumber | `Boolean` | `false` | 否 |  |
| decimal | `Number` | `0` | 否 |  |
| isThousand | `Boolean` | `true` | 否 |  |
| isImmediateThousand | `Boolean` | `true` | 否 |  |
| isPassword | `Boolean` | `false` | 否 |  |
| changDelayTime | `Number` | `200` | 否 |  |

## Slots

| 名称 | 说明 |
|------|------|
| prepend | 前置内容插槽 |
| append | 后置内容插槽 |

## Events

| 事件名 | 说明 |
|--------|------|
| update:value |  |
| onChange | 值改变事件 |
| onFocus | 获得焦点事件 |
| onBlur | 失去焦点事件 |
| onChangeBlur | 失去焦点且值改变时触发 |
| onKeyupEnter | 回车键抬起事件 |
| onClear | 清除事件 |
| onInit | 初始化完成事件 |
| onKeydown | 键盘按下事件 |
| onKeyup | 键盘抬起事件 |
| onChangeDelay | 值改变后防抖触发 |

## 方法

| 方法 | 说明 |
|------|------|
| getValue() | 获取当前值 |
| getValueData() | 获取当前值对应的数据对象 |
| setValue() | 设置值 |
| focus() | 获取焦点 |

## 基础用法

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