## MailInput电子邮箱输入组件

### Import
```js
import { MailInput } from 'bxs-ui-vue';
```

### Example

#### 基本用法
```html
<bxs-mail-input
  label="电子邮箱"
  type="text"
  clearable
  placeholder="请填写电子邮箱"
  v-model.trim="emailValue"
  @select="select">
</bxs-mail-input>
```

#### 自定义邮箱后缀名
```html
<bxs-mail-input
  label="电子邮箱"
  type="text"
  clearable
  placeholder="请填写电子邮箱"
  v-model.trim="emailValue2"
  @select="select"
  :email-arr="emailArr">
</bxs-mail-input>
```

```js
export default {
  components: {
    [MailInput.name]: MailInput
  },
  data() {
    return {
      emailValue: '',
      emailValue2: '',
      emailArr: ['@winbaoxian.com', '@189.com', '@qq.com']
    }
  },
  methods: {
    select(data) {
      console.log(data);
    }
  }
}
```

### MailInput Attributes（继承input的属性）
MailInput 是基于``Input``组件开发的，基础属性设置，请参考 [Input 的文档](http://wy-front.git-page.winbaoxian.com/bxs-ui-vue/#/input)

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- |  --- |
| emailArr | 可选，联想后缀名 | Array | `['qq'、'163'、'126'、'139']` |

### MailInput Event
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| select | 点击选中建议项时触发 | 选中建议项 |
| blur | 失去焦点时触发 | Event |
| focus | 获得焦点时触发 | Event |
