<commit_before># Radio

## 单独引入

```javascript
import {Radio} from 'wdui'

//注册
export default {
  ...
  components: {
    'wd-radio': Radio
  },
  ...
}
```

## 用法

Radio 组件 通过 `v-model` 设置已选中的数据。

```html
<ul class="custome-radiolist-list">
  <li v-for="list in listData">
    <label>
      <wd-radio
        :disChoose="list.disChoose"
        :name="'radio1'"
        :nowValue="currentValue"
        :text="list.value || list"
        v-model="currentValue">
      </wd-radio>
    </label>
  </li>
</ul>
<p class="current-value">当前选中："currentValue"</p>
```
```javascript
//不包含禁用选项
export default {
  ...
  data () {
    return {
      listData: ['选项1', '选项2', '选项3', '选项4'],
      currentValue: '选项2',
    }
  }
}
```
```javascript
//包含禁用选项
export default {
  ...
  data () {
    return {
      [{value: '选项1'}, {value: '选中'}, {value: '选项3'}, {value: '被禁用', disChoose: true}],
      currentValue: '选中',
    }
  }
}
```

## 配置项

| 参数        | 描述                                            | 类型      | 默认值   | 备注  |
|-----------  |------------------------------------------------ |---------  |-------- |------ |
| disChoose   | 是否为禁用选项                                   | Boolean   | false   | 可选  |
| nowValue    | 绑定的v-model值                                 | String    | ''      | 必需  |
| name        | radio name值，多个表单list同时存在时需传入      | String    | ''      | 可选  |
| text        | 表单value值                                      | String    | ''      | 可选  |
| v-model     | 双向绑定数据值，和nowValue一致，同步已选中数据   | Array     | /       | 必需  |

# RadioGroup

## 单独引入

```javascript
import {RadioGroup} from 'wdui'

//注册
export default {
  ...
  components: {
    'wd-radiogroup': RadioGroup
  },
  ...
}
```

## 用法

RadioGroup 组件 通过 `v-model` 设置已选中的数据。

```html
<wd-radiogroup
  :listData="listdata"
  :name="'group1'"
  v-model="currentValue">
</wd-radiogroup>
```
```javascript
//不包含禁用选项
export default {
  ...
  data () {
    return {
      listdata: ['选项1', '选项2', '选项3', '选项4'],
      currentValue: [],
    }
  }
}
```
```javascript
//包含禁用选项
export default {
  ...
  data () {
    return {
      listdata: [lists2: [{value: '选项1'}, {value: '选中'}, {value: '选项3'}, {value: '被禁用', disChoose: true}],
      currentValue: '选中',
    }
  }
}
```

## Props

| 参数      | 描述                                            | 类型    | 默认值   | 备注  |
|---------- |-----------------------------------------------  |-------- |-------- |------ |
| listData  | 传入的 RadioGroup 数据                         | Array   | []      | 必需  |
| name      | radio name 值，多个表单 list 同时存在时需传入   | String  | ''      | 可选  |
| v-model   | 双向绑定数据值，同步已选中数据                 | String  | ''      | 必需  |<commit_msg>[docs] update Radio doc<commit_after># Radio

## 单独引入

```javascript
import {Radio} from 'wdui'

//注册
export default {
  ...
  components: {
    'wd-radio': Radio
  },
  ...
}
```

## 用法

Radio 组件 通过 `v-model` 设置已选中的数据。

```html
<ul class="custome-radiolist-list">
  <li v-for="list in listData">
    <label>
      <wd-radio
        :disChoose="list.disChoose"
        :name="'radio1'"
        :nowValue="currentValue"
        :text="list.value || list"
        v-model="currentValue">
      </wd-radio>
      <p class="custome-text">{{list.text || list.value || list}}</p>
    </label>
  </li>
</ul>
<p class="current-value">当前选中："currentValue"</p>
```
```javascript
//不包含禁用选项
export default {
  ...
  data () {
    return {
      listData: ['选项1', '选项2', '选项3', '选项4'],
      currentValue: '选项2',
    }
  }
}
```
```javascript
//包含禁用选项
export default {
  ...
  data () {
    return {
      listData: [{value: '选项1', text: '选项text1'}, {value: '选项2', text: '选项text2'}, {value: '选项3', text: '选项text3'}, {value: '选项4', text: '选项text4'}],
      currentValue: '选中',
    }
  }
}
```

## 配置项

| 参数        | 描述                                            | 类型      | 默认值   | 备注  |
|-----------  |------------------------------------------------ |---------  |-------- |------ |
| disChoose   | 是否为禁用选项                                   | Boolean   | false   | 可选  |
| nowValue    | 绑定的v-model值                                 | String    | ''      | 必需  |
| name        | radio name值，多个表单list同时存在时需传入      | String    | ''      | 可选  |
| text        | 表单value值                                      | String    | ''      | 可选  |
| v-model     | 双向绑定数据值，和nowValue一致，同步已选中数据   | Array     | /       | 必需  |

# RadioGroup

## 单独引入

```javascript
import {RadioGroup} from 'wdui'

//注册
export default {
  ...
  components: {
    'wd-radiogroup': RadioGroup
  },
  ...
}
```

## 用法

RadioGroup 组件 通过 `v-model` 设置已选中的数据。

```html
<wd-radiogroup
  :listData="listdata"
  :name="'group1'"
  v-model="currentValue">
</wd-radiogroup>
```
```javascript
//不包含禁用选项
export default {
  ...
  data () {
    return {
      listdata: ['选项1', '选项2', '选项3', '选项4'],
      currentValue: [],
    }
  }
}
```
```javascript
//包含禁用选项
export default {
  ...
  data () {
    return {
      listdata: [{value: '选项1', text: '选项text1'}, {value: '选中', text: '选中text'}, {value: '选项3', text: '选项text3'}, {value: '被禁用', text: '被禁用text', disChoose: true}],
      currentValue: '选中',
    }
  }
}
```

## Props

| 参数      | 描述                                            | 类型    | 默认值   | 备注  |
|---------- |-----------------------------------------------  |-------- |-------- |------ |
| listData  | 传入的 RadioGroup 数据：value表单value值，text表单展示文字                      | Array   | []      | 必需  |
| name      | radio name 值，多个表单 list 同时存在时需传入   | String  | ''      | 可选  |
| v-model   | 双向绑定数据值，同步已选中数据                 | String  | ''      | 必需  |
{'fraction_non_alphanumeric': 0.2314881380301941, 'fraction_numerical': 0.007009345794392523, 'mean_word_length': 1.4483062032556093, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 19, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4696527', 'n_tokens_mistral': 2249, 'n_tokens_neox': 2315, 'n_words': 383}