# ClInputSearch InputSearch

> 搜索输入框，支持搜索图标和清除按钮

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

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| theme | `String` | `'icon'` | 否 | 可选: icon, text |
| location | `String` | `'right'` | 否 | 可选: left, right |
| value | `String` | `` | 否 |  |
| placeholder | `String` | `` | 否 |  |
| className | `String` | `` | 否 |  |
| disabled | `Boolean` | `false` | 否 |  |
| textLabel | `String` | `` | 否 |  |
| changDelayTime | `Number` | `200` | 否 |  |

## Events

| 事件名 | 说明 |
|--------|------|
| update:value |  |
| onChange | 值改变事件 |
| onSearch |  |
| onFocus | 获得焦点事件 |
| onBlur | 失去焦点事件 |

## 方法

| 方法 | 说明 |
|------|------|
| getValue() | 获取当前值 |
| setValue() | 设置值 |
| focus() | 获取焦点 |

## 基础用法

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