### 组件<cbim-ck-editor />[展示](src/samples/样子.png)
### 搜索栏对应的请求可通过
### 使用示例：

- 右侧面板用slot方式实现
- 右侧面板有变化时，会触发change事件
- 搜索栏通过search-hook属性嵌入
- selected-users属性用来初始化右侧面板
- all-users属性用来传入左侧面板（树状数据）
```
<add-admins
                v-model="addAdminVisible"
                :selected-users="initUsers"
                :all-users="allUsers"
                node-key="userName"
                :search-hook="searchHook"
                user-type="user"
                parent-id="depId"
                ref="addAdminsRef"
                @change="getCheckedUsers">
            <template slot-scope="scope"> <!--右侧数据板-->
                <div class="selected-users-outer">
                    <div>
                        <ul v-if="Array.isArray(scope.data)" class="selected-users">
                            <li v-for="(item) of scope.data.filter(d => initUsersUserNames.includes(d.userName))" :key="item.userName">
                                <div class="selected-users-name" :title="`${item.name || item.title}（${item.userName}）`">{{item.name || item.title}}（{{item.userName}}）</div>
                                <i @click="handleRemoveNode(item)" class="el-icon-close" v-if="!initUsersUserNames.includes(item.userName)"></i>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <ul v-if="Array.isArray(scope.data)" class="selected-users">
                            <li v-for="(item) of scope.data.filter(d => !initUsersUserNames.includes(d.userName))" :key="item.userName">
                                <div class="selected-users-name" :title="`${item.name || item.title}（${item.userName}）`">{{item.name || item.title}}（{{item.userName}}）</div>
                                <i @click="handleRemoveNode(item)" class="el-icon-close" v-if="!initUsersUserNames.includes(item.userName)"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </template>
        </add-admins>
```
```
// search-hook示例
 getSearchHook() {
   const self = this
   const a = class searchAdapter {
     constructor(search) {
       this.search = search
     }

     upload() {
       return new Promise((resolve, reject) => {
         permissionService.getAllUsers(self, { searchName: this.search }).then(data => {
           resolve(data)
         }).catch(e => {
           reject(e)
         })
       })
     }
   }
   return a
 }
```