iconSelector
====

> 图标选择组件，常用于为某一个数据设定一个图标时使用
> eg: 设定菜单列表时，为每个菜单设定一个图标



### 使用方式

```vue
<template>
	<div>
	   <a-button type="primary" @click="$refs.iconselector.showModal(iconValue)">选择</a-button>
       <icon-selector ref="iconselector" @callBack="iconCallBack"/>
    </div>
</template>

<script>
import iconSelector from '@/components/Selector/iconSelector.vue'

export default {
  name: 'YourView',
  components: {
    iconSelector
  },
  data () {
    return {
    }
  },
  methods: {
    iconCallBack (icon) {
      console.log('iconCallBack Icon', icon)
    }
  }
}
</script>
```



### 事件

| 名称         | 说明                       | 类型   | 默认值 |
| ------------ | -------------------------- | ------ | ------ |
| iconCallBack | 当改变了 `icon` 选中项触发 | String | -      |

### 方法

| 名称      | 说明                                    | 类型   | 默认值 |
| --------- | --------------------------------------- | ------ | ------ |
| showIconModal | 打开选择器Model触发，携带图标时默认选中 | String | -      |
