# ClSelectmove Selectmove

> 穿梭框选择器，支持左右列表数据穿梭

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

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| value | `String` | `` | 否 |  |
| list | `Array` | `() => []` | 否 |  |
| className | `String` | `` | 否 |  |
| isDropdown | `Boolean` | `false` | 否 |  |
| placeholder | `String` | `` | 否 |  |
| disabled | `Boolean` | `false` | 否 |  |
| isClear | `Boolean` | `false` | 否 |  |
| containerWidth | `Number` | `350` | 否 |  |
| isSearch | `Boolean` | `true` | 否 |  |
| searchPlaceholder | `String` | `` | 否 |  |
| searchKey | `Array` | `() => ['name']` | 否 |  |
| searchKeyType | `String` | `'||'` | 否 |  |
| searchIsMultiple | `Boolean` | `false` | 否 |  |
| searchMultipleJoin | `String` | `'` | 否 |  |
| searchTextFormat | `String, Array` | `` | 否 |  |
| treeTitle | `Array` | `() => []` | 否 |  |
| treeShowMinLevel | `Number` | `1` | 否 |  |
| treeTextFormat | `String, Array` | `` | 否 |  |
| resultIsShow | `Boolean` | `true` | 否 |  |
| resultTextFormat | `String` | `` | 否 |  |
| resultCountFormat | `String` | `` | 否 |  |
| resultMergeParent | `Boolean` | `true` | 否 |  |
| isOutMerge | `Boolean` | `true` | 否 |  |
| parentKey | `String` | `'parentId'` | 否 |  |
| topParentValue | `String` | `'0'` | 否 |  |

## Slots

| 名称 | 说明 |
|------|------|
| resultSelect | resultSelect 插槽 |
| textExtend | textExtend 插槽 |
| dropdown | 下拉内容插槽 |

## 方法

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

## 基础用法

```vue
<cl-selectmove></cl-selectmove>
```
