## VerifyCodeInput 验证码组件
该组件加持了人机校验, 使用者无需关心, Demo 中的不同场景的例子主要是为了方便调试与验收, 实际开发中请勿使用文档中没有提及的 `debug-*` 类的 `prop`

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

### Example

#### 基本用法
```html
<bxs-verify-code-input
  v-model="cellphone"
  :error-message="errorMessage"
  />

<!-- 显示 手机号输入框 右侧按钮 && 自定义属性 -->
<bxs-verify-code-input
  v-model="cellphone"
  cellphone-label="自定义label"
  cellphone-placeholder="自定义手机号 placeholder"
  label="码证验"
  placeholder="号机手入输请"
  :cellphone-is-link="true"
  @cellphone-click-icon="cellphoneClickIcon"
  :error-message="errorMessage"
  />
```
```js
export default {
  data() {
    return {
      cellphone: '',
      errorMessage: 'aa',
    }
  },
  methods: {
    cellphoneClickIcon() {
      this.$toast('点击了');
    },
  },
}
```

### VerifyCodeInput Attributes

所有 `cellphone-` 开头的属性, 会去掉 `cellphone-` 前缀, 全部同步至手机号的 input 组件 (除 `error-message` 外), 比如: `type`、`label`、`placeholder`、`readonly` 等

所有非 `cellphone-` 开头的属性, 会全部同步至验证码的 input 组件(除 `error-message`、`autocomplete`、`ref` 外), 比如: `type`、`label`、`placeholder`、`readonly` 等

| 参数| 说明 | 类型 | 可选值 | 默认值 |
| --- | --- | --- |  --- | --- |
| error-message | 底部错误提示文案，为空时不展示 | String | ` ` | '' |

### VerifyCodeInput Methods

| 方法名称 | 说明 | 参数 | 返回值 |
| --- | --- | --- | --- |
| getVerifyCode | 获取用户输入的验证码 | ` ` | 用户输入 |

### Event

| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| code-change | 可选，验证码输入框的值改变时触发 | val(改变后的值) |
| cellphone-clear | 可选, 手机号输入框的值被清空时触发 | 无 |
| cellphone-click-icon | 可选, 手机号输入框右侧图标被点击时触发 | 无 |
