## radio组件
保险师或C端页面均可引用radio

## Import
``` javascript
import { RadioGroup, Radio }from 'bxs-ui-vue'

Vue.use(RadioGroup);
Vue.use(Radio);

```
## Example
通过`v-model`绑定值当前选中项的 name

``` html
<bxs-radio-group v-model="radio">
  <bxs-radio name="1">单选框 1</bxs-radio>
  <bxs-radio name="2">单选框 2</bxs-radio>
</bxs-radio-group>
```

``` javascript
export default {
  data() {
    return {
      radio: '1'
    }
  }
};
```

#### 禁用状态
通过`disabled`属性在`bxs-radio-group`上禁止选项切换，在`bxs-radio`上设置`disabled`可以禁用单个选项

`bxs-radio-group`全部禁用

``` html
<bxs-radio-group v-model="sex1" disabled>
  <bxs-radio name="1">男</bxs-radio>
  <bxs-radio name="2">女</bxs-radio>
</bxs-radio-group>
```
`bxs-radio disabled`单个禁用
``` html
<bxs-radio-group v-model="sex2">
  <bxs-radio disabled name="3">男（禁用且选中状态）</bxs-radio>
  <bxs-radio name="4">女</bxs-radio>
</bxs-radio-group>
```
`bxs-radio labelDisabled`单个禁用（仅禁用文本、radio可选）
``` html
<bxs-radio-group v-model="sex2">
  <bxs-radio disabled name="3">男（禁用且选中状态）</bxs-radio>
  <bxs-radio name="4">女</bxs-radio>
</bxs-radio-group>
```
``` javascript
export default {
  data() {
    return {
      sex1: '1',
      sex2: '3'
    }
  }
};
```

### Radio API

| 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------|
| name | 标识符 | 任意类型 | - | - |
| type | 样式类型 可选值为 `button` | String | `icon` | - |
| selectColor | 选中颜色 可选值为 `minor` | String | `primary` | - |
| disabled | 是否为禁用状态 | `Boolean` | `false` | 2.0.0 |
| label-disabled | 是否禁用文本内容点击，文本禁用后依然可选择，如需全部禁用请使用`disabled`（仅限type=`icon`，即将弃用） | `Boolean` | `false` | 2.0.0 |
| label-position | 文本位置，可选值为 `left` | `String` | `right` | 2.0.0 |

### RadioGroup API

| 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------|
| v-model | 当前选中项的标识符 | 任意类型 | - | 2.0.0 |
| disabled | 是否禁用所有单选框 | `Boolean` | `false` | 2.0.0 |

### RadioGroup Event

| 事件名称 | 说明 | 回调参数 |
|------|------|------|
| change | 当绑定值变化时触发的事件 | 当前选中项的 name |
