chore: radiogroup 使用名称变更

src/packages/__VUE/configprovider/demo.vue

@@ -17,11 +17,11 @@
           <nut-checkbox v-model="formData2.checkbox">{{ translate('checkbox') }}</nut-checkbox>
         </nut-form-item>
         <nut-form-item :label="translate('radiogroup')">
-          <nut-radiogroup direction="horizontal" v-model="formData2.radio">
+          <nut-radio-group direction="horizontal" v-model="formData2.radio">
             <nut-radio label="1">{{ translate('option', 1) }}</nut-radio>
             <nut-radio disabled label="2">{{ translate('option', 2) }}</nut-radio>
             <nut-radio label="3">{{ translate('option', 3) }}</nut-radio>
-          </nut-radiogroup>
+          </nut-radio-group>
         </nut-form-item>
         <nut-form-item :label="translate('rate')">
           <nut-rate v-model="formData2.rate" />

src/packages/__VUE/form/demo.vue

@@ -131,11 +131,11 @@
         <nut-checkbox v-model="formData2.checkbox">{{ translate('checkbox') }}</nut-checkbox>
       </nut-form-item>
       <nut-form-item :label="translate('radiogroup')">
-        <nut-radiogroup direction="horizontal" v-model="formData2.radio">
+        <nut-radio-group direction="horizontal" v-model="formData2.radio">
           <nut-radio label="1">{{ translate('option', 1) }}</nut-radio>
           <nut-radio disabled label="2">{{ translate('option', 2) }}</nut-radio>
           <nut-radio label="3">{{ translate('option', 3) }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-form-item>
       <nut-form-item :label="translate('rate')">
         <nut-rate v-model="formData2.rate" />

src/packages/__VUE/form/doc.en-US.md

@@ -239,11 +239,11 @@ setup(){
         <nut-checkbox v-model="formData2.checkbox">checkbox</nut-checkbox>
     </nut-form-item>
     <nut-form-item label="radio">
-        <nut-radiogroup direction="horizontal" v-model="formData2.radio">
+        <nut-radio-group direction="horizontal" v-model="formData2.radio">
             <nut-radio label="1">Option 1</nut-radio>
             <nut-radio disabled label="2">Option 2</nut-radio>
             <nut-radio label="3">Option 3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
     </nut-form-item>
     <nut-form-item label="Rate">
         <nut-rate v-model="formData2.rate" />

src/packages/__VUE/form/doc.md

@@ -239,11 +239,11 @@ setup(){
         <nut-checkbox v-model="formData2.checkbox">复选框</nut-checkbox>
     </nut-form-item>
     <nut-form-item label="单选按钮">
-        <nut-radiogroup direction="horizontal" v-model="formData2.radio">
+        <nut-radio-group direction="horizontal" v-model="formData2.radio">
             <nut-radio label="1">选项1</nut-radio>
             <nut-radio disabled label="2">选项2</nut-radio>
             <nut-radio label="3">选项3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
     </nut-form-item>
     <nut-form-item label="评分">
         <nut-rate v-model="formData2.rate" />

src/packages/__VUE/invoice/index.taro.vue

@@ -10,7 +10,7 @@
         :prop="item.formItemProp"
       >
         <template v-if="item.type === 'radio'">
-          <nut-radiogroup v-model="formValue[item.formItemProp]">
+          <nut-radio-group v-model="formValue[item.formItemProp]">
             <nut-radio
               v-for="(radioItem, radioIndex) of item.radioLabel"
               :key="radioIndex"
@@ -19,7 +19,7 @@
             >
               {{ radioItem.label }}
             </nut-radio>
-          </nut-radiogroup>
+          </nut-radio-group>
         </template>
         <template v-else>
           <input

src/packages/__VUE/invoice/index.vue

@@ -10,7 +10,7 @@
         :prop="item.formItemProp"
       >
         <template v-if="item.type === 'radio'">
-          <nut-radiogroup v-model="formValue[item.formItemProp]">
+          <nut-radio-group v-model="formValue[item.formItemProp]">
             <nut-radio
               v-for="(radioItem, radioIndex) of item.radioLabel"
               :key="radioIndex"
@@ -19,7 +19,7 @@
             >
               {{ radioItem.label }}
             </nut-radio>
-          </nut-radiogroup>
+          </nut-radio-group>
         </template>
         <template v-else>
           <input

src/packages/__VUE/radio/demo.vue

@@ -2,72 +2,72 @@
   <div class="demo full">
     <nut-cell-group :title="translate('basic')">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal">
+        <nut-radio-group v-model="radioVal">
           <nut-radio label="1">{{ translate('option1') }}</nut-radio>
           <nut-radio disabled label="2">{{ translate('option2') }}</nut-radio>
           <nut-radio label="3">{{ translate('option3') }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell>
-        <nut-radiogroup v-model="radioVal" text-position="left">
+        <nut-radio-group v-model="radioVal" text-position="left">
           <nut-radio label="1">{{ translate('option1') }}</nut-radio>
           <nut-radio disabled label="2">{{ translate('option2') }}</nut-radio>
           <nut-radio label="3">{{ translate('option3') }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell>
-        <nut-radiogroup v-model="radioVal">
+        <nut-radio-group v-model="radioVal">
           <nut-radio shape="button" label="1">{{ translate('option1') }}</nut-radio>
           <nut-radio disabled shape="button" label="2">{{ translate('option2') }}</nut-radio>
           <nut-radio shape="button" label="3">{{ translate('option3') }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
     </nut-cell-group>
     <nut-cell-group :title="translate('vertical')">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio label="1">{{ translate('option1') }}</nut-radio>
           <nut-radio label="2">{{ translate('option2') }}</nut-radio>
           <nut-radio label="3">{{ translate('option3') }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell>
-        <nut-radiogroup v-model="radioVal" text-position="left" direction="horizontal">
+        <nut-radio-group v-model="radioVal" text-position="left" direction="horizontal">
           <nut-radio label="1">{{ translate('option1') }}</nut-radio>
           <nut-radio label="2">{{ translate('option2') }}</nut-radio>
           <nut-radio label="3">{{ translate('option3') }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio shape="button" label="1">{{ translate('option1') }}</nut-radio>
           <nut-radio shape="button" label="2">{{ translate('option2') }}</nut-radio>
           <nut-radio shape="button" label="3">{{ translate('option3') }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
     </nut-cell-group>
     <nut-cell-group :title="translate('size')">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal4">
+        <nut-radio-group v-model="radioVal4">
           <nut-radio label="1" icon-size="12">{{ translate('size') }} 12</nut-radio>
           <nut-radio label="2" icon-size="12">{{ translate('size') }} 12</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
     </nut-cell-group>
     <nut-cell-group :title="translate('icon')">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal5">
+        <nut-radio-group v-model="radioVal5">
           <nut-radio label="1" icon-name="checklist" icon-active-name="checklist">{{ translate('icon') }}</nut-radio>
           <nut-radio label="2" icon-name="checklist" icon-active-name="checklist">{{ translate('icon') }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
     </nut-cell-group>
     <nut-cell-group :title="translate('trigger')">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal6" @change="handleChange">
+        <nut-radio-group v-model="radioVal6" @change="handleChange">
           <nut-radio label="1">{{ translate('trigger') }}</nut-radio>
           <nut-radio label="2">{{ translate('trigger') }}</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell :title="translate('current')" :desc="radioVal6"></nut-cell>
     </nut-cell-group>

src/packages/__VUE/radio/doc.en-US.md

@@ -20,7 +20,7 @@ app.use(Icon);
 ```
 ### Basic Usage
 
-Bind the **label** of the current option through **v-model**. And it must be used in combination with **nut-radiogroup** and **nut-radio**
+Bind the **label** of the current option through **v-model**. And it must be used in combination with **nut-radio-group** and **nut-radio**
 
 :::demo
 
@@ -28,25 +28,25 @@ Bind the **label** of the current option through **v-model**. And it must be use
 <template>
   <nut-cell-group title="Basic">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal">
+      <nut-radio-group v-model="radioVal">
         <nut-radio label="1">Option 1</nut-radio>
         <nut-radio disabled label="2">Option 2</nut-radio>
         <nut-radio label="3">Option 3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" text-position="left">
+      <nut-radio-group v-model="radioVal" text-position="left">
         <nut-radio label="1">Option 1</nut-radio>
         <nut-radio disabled label="2">Option 2</nut-radio>
         <nut-radio label="3">Option 3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell>
-      <nut-radiogroup v-model="radioVal">
+      <nut-radio-group v-model="radioVal">
         <nut-radio shape="button" label="1">Option 1</nut-radio>
         <nut-radio disabled shape="button" label="2">Option 2</nut-radio>
         <nut-radio shape="button" label="3">Option 3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
   </nut-cell-group>
 </template>
@@ -72,25 +72,25 @@ Bind the **label** of the current option through **v-model**. And it must be use
 <template>
   <nut-cell-group title="Horizontal use">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" direction="horizontal">
+      <nut-radio-group v-model="radioVal" direction="horizontal">
         <nut-radio label="1">Option 1</nut-radio>
         <nut-radio label="2">Option 2</nut-radio>
         <nut-radio label="3">Option 3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" text-position="left" direction="horizontal">
+      <nut-radio-group v-model="radioVal" text-position="left" direction="horizontal">
         <nut-radio label="1">Option 1</nut-radio>
         <nut-radio label="2">Option 2</nut-radio>
         <nut-radio label="3">Option 3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" direction="horizontal">
+      <nut-radio-group v-model="radioVal" direction="horizontal">
         <nut-radio shape="button" label="1">Option 1</nut-radio>
         <nut-radio shape="button" label="2">Option 2</nut-radio>
         <nut-radio shape="button" label="3">Option 3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
   </nut-cell-group>
 </template>
@@ -115,10 +115,10 @@ Bind the **label** of the current option through **v-model**. And it must be use
 <template>
   <nut-cell-group title="Custom size">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal">
+      <nut-radio-group v-model="radioVal">
         <nut-radio label="1" icon-size="12">Custom size 12</nut-radio>
         <nut-radio label="2" icon-size="12">Custom size 12</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
   </nut-cell-group>
 </template>
@@ -146,10 +146,10 @@ It is suggested to modify `icon-name` and `icon-active-name`
 <template>
   <nut-cell-group title="Radio Custom icon">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal">
+      <nut-radio-group v-model="radioVal">
         <nut-radio label="1" icon-name="checklist" icon-active-name="checklist">Custom icon</nut-radio>
         <nut-radio label="2" icon-name="checklist" icon-active-name="checklist">Custom icon</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
   </nut-cell-group>
 </template>
@@ -175,10 +175,10 @@ It is suggested to modify `icon-name` and `icon-active-name`
 <template>
   <nut-cell-group title="Trigger event">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" @change="handleChange">
+      <nut-radio-group v-model="radioVal" @change="handleChange">
         <nut-radio label="1">Trigger event</nut-radio>
         <nut-radio label="2">Trigger event</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell title="Currently selected value" :desc="radioVal"></nut-cell>
   </nut-cell-group>

src/packages/__VUE/radio/doc.md

@@ -20,7 +20,7 @@ app.use(Icon);
 ```
 ### 基础用法
 
-通过 **v-model** 绑定值当前选项的 **label** 。并且必须 **nut-radiogroup** 和 **nut-radio** 相结合进行使用
+通过 **v-model** 绑定值当前选项的 **label** 。并且必须 **nut-radio-group** 和 **nut-radio** 相结合进行使用
 
 :::demo
 
@@ -28,25 +28,25 @@ app.use(Icon);
 <template>
   <nut-cell-group title="基本用法">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal">
+      <nut-radio-group v-model="radioVal">
         <nut-radio label="1">选项1</nut-radio>
         <nut-radio disabled label="2">选项2</nut-radio>
         <nut-radio label="3">选项3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" text-position="left">
+      <nut-radio-group v-model="radioVal" text-position="left">
         <nut-radio label="1">选项1</nut-radio>
         <nut-radio disabled label="2">选项2</nut-radio>
         <nut-radio label="3">选项3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell>
-      <nut-radiogroup v-model="radioVal">
+      <nut-radio-group v-model="radioVal">
         <nut-radio shape="button" label="1">选项1</nut-radio>
         <nut-radio disabled shape="button" label="2">选项2</nut-radio>
         <nut-radio shape="button" label="3">选项3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
   </nut-cell-group>
 </template>
@@ -72,25 +72,25 @@ app.use(Icon);
 <template>
   <nut-cell-group title="水平使用">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" direction="horizontal">
+      <nut-radio-group v-model="radioVal" direction="horizontal">
         <nut-radio label="1">选项1</nut-radio>
         <nut-radio label="2">选项2</nut-radio>
         <nut-radio label="3">选项3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" text-position="left" direction="horizontal">
+      <nut-radio-group v-model="radioVal" text-position="left" direction="horizontal">
         <nut-radio label="1">选项1</nut-radio>
         <nut-radio label="2">选项2</nut-radio>
         <nut-radio label="3">选项3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" direction="horizontal">
+      <nut-radio-group v-model="radioVal" direction="horizontal">
         <nut-radio shape="button" label="1">选项1</nut-radio>
         <nut-radio shape="button" label="2">选项2</nut-radio>
         <nut-radio shape="button" label="3">选项3</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
   </nut-cell-group>
 </template>
@@ -115,10 +115,10 @@ app.use(Icon);
 <template>
   <nut-cell-group title="自定义尺寸">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal">
+      <nut-radio-group v-model="radioVal">
         <nut-radio label="1" icon-size="12">自定义尺寸12</nut-radio>
         <nut-radio label="2" icon-size="12">自定义尺寸12</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
   </nut-cell-group>
 </template>
@@ -146,10 +146,10 @@ app.use(Icon);
 <template>
   <nut-cell-group title="Radio自定义图标">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal">
+      <nut-radio-group v-model="radioVal">
         <nut-radio label="1" icon-name="checklist" icon-active-name="checklist">自定义图标</nut-radio>
         <nut-radio label="2" icon-name="checklist" icon-active-name="checklist">自定义图标</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
   </nut-cell-group>
 </template>
@@ -175,10 +175,10 @@ app.use(Icon);
 <template>
   <nut-cell-group title="触发事件">
     <nut-cell>
-      <nut-radiogroup v-model="radioVal" @change="handleChange">
+      <nut-radio-group v-model="radioVal" @change="handleChange">
         <nut-radio label="1">触发事件</nut-radio>
         <nut-radio label="2">触发事件</nut-radio>
-      </nut-radiogroup>
+      </nut-radio-group>
     </nut-cell>
     <nut-cell title="当前选中值" :desc="radioVal"></nut-cell>
   </nut-cell-group>

src/packages/__VUE/radiogroup/__tests__/radiogroup.spec.ts

@@ -7,17 +7,17 @@ test('should emit "update:modelValue" and "change" event when radio is clicked',
   const wrapper = mount({
     emits: ['change'],
     components: {
-      'nut-radiogroup': RadioGroup,
+      'nut-radio-group': RadioGroup,
       'nut-radio': Radio
     },
     template: `
       <template>
-        <nut-radiogroup v-model="radioVal" @change="change">
+        <nut-radio-group v-model="radioVal" @change="change">
           <nut-radio label="1" icon-size="12"></nut-radio>
           <nut-radio label="2" icon-size="12"></nut-radio>
           <nut-radio label="3" icon-size="12"></nut-radio>
           <nut-radio label="4" icon-size="12"></nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </template>
     `,
     setup(props: any, { emit }: any) {
@@ -44,15 +44,15 @@ test('should emit "update:modelValue" and "change" event when radio is clicked',
 test('radiogroup text-position test', () => {
   const wrapper = mount({
     components: {
-      'nut-radiogroup': RadioGroup,
+      'nut-radio-group': RadioGroup,
       'nut-radio': Radio
     },
     template: `
       <template>
-        <nut-radiogroup v-model="radioVal" text-position="left">
+        <nut-radio-group v-model="radioVal" text-position="left">
           <nut-radio label="1" icon-size="12"></nut-radio>
           <nut-radio label="2" icon-size="12"></nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </template>
     `,
     setup() {
@@ -72,15 +72,15 @@ test('radiogroup text-position test', () => {
 test('radiogroup direction test', () => {
   const wrapper = mount({
     components: {
-      'nut-radiogroup': RadioGroup,
+      'nut-radio-group': RadioGroup,
       'nut-radio': Radio
     },
     template: `
       <template>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio label="1" icon-size="12"></nut-radio>
           <nut-radio label="2" icon-size="12"></nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </template>
     `,
     setup() {
@@ -100,15 +100,15 @@ test('radiogroup direction test', () => {
 test('radio disabled test', async () => {
   const wrapper = mount({
     components: {
-      'nut-radiogroup': RadioGroup,
+      'nut-radio-group': RadioGroup,
       'nut-radio': Radio
     },
     template: `
       <template>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio label="1"></nut-radio>
           <nut-radio label="2" disabled></nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </template>
     `,
     setup() {
@@ -128,15 +128,15 @@ test('radio disabled test', async () => {
 test('radio icon-size test', async () => {
   const wrapper = mount({
     components: {
-      'nut-radiogroup': RadioGroup,
+      'nut-radio-group': RadioGroup,
       'nut-radio': Radio
     },
     template: `
       <template>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio label="1" icon-size="25"></nut-radio>
           <nut-radio label="2" icon-size="12" disabled></nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </template>
     `,
     setup() {
@@ -157,15 +157,15 @@ test('radio icon-size test', async () => {
 test('radio icon-name test', async () => {
   const wrapper = mount({
     components: {
-      'nut-radiogroup': RadioGroup,
+      'nut-radio-group': RadioGroup,
       'nut-radio': Radio
     },
     template: `
       <template>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio label="1" icon-size="25" icon-name="checklist" icon-active-name="checklist"></nut-radio>
           <nut-radio label="2" icon-size="12"></nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </template>
     `,
     setup() {
@@ -185,15 +185,15 @@ test('radio icon-name test', async () => {
 test('radio label test', async () => {
   const wrapper = mount({
     components: {
-      'nut-radiogroup': RadioGroup,
+      'nut-radio-group': RadioGroup,
       'nut-radio': Radio
     },
     template: `
       <template>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio icon-size="25" label="testlabel"></nut-radio>
           <nut-radio label="2" icon-size="12"></nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </template>
     `,
     setup() {
@@ -213,15 +213,15 @@ test('radio label test', async () => {
 test('radio shape test', async () => {
   const wrapper = mount({
     components: {
-      'nut-radiogroup': RadioGroup,
+      'nut-radio-group': RadioGroup,
       'nut-radio': Radio
     },
     template: `
       <template>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio icon-size="25" label="1" shape="button"></nut-radio>
           <nut-radio label="2" icon-size="12"></nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </template>
     `,
     setup() {

src/packages/__VUE/radiogroup/index.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { h, provide, computed, readonly, watch } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('radiogroup');
+const { componentName, create } = createComponent('radio-group');
 
 export default create({
   props: {
@@ -37,7 +37,7 @@ export default create({
       return h(
         'view',
         {
-          class: `${componentName} ${componentName}--${props.direction}`
+          class: `nut-radiogroup nut-radiogroup--${props.direction}`
         },
         slots.default?.()
       );

src/sites/mobile-taro/vue/src/basic/pages/configprovider/index.vue

@@ -17,11 +17,11 @@
           <nut-checkbox v-model="formData2.checkbox">复选框</nut-checkbox>
         </nut-form-item>
         <nut-form-item label="单选按钮">
-          <nut-radiogroup direction="horizontal" v-model="formData2.radio">
+          <nut-radio-group direction="horizontal" v-model="formData2.radio">
             <nut-radio label="1">选项1</nut-radio>
             <nut-radio disabled label="2">选项2</nut-radio>
             <nut-radio label="3">选项3</nut-radio>
-          </nut-radiogroup>
+          </nut-radio-group>
         </nut-form-item>
         <nut-form-item label="评分">
           <nut-rate v-model="formData2.rate" />

src/sites/mobile-taro/vue/src/dentry/pages/form/index.vue

@@ -115,11 +115,11 @@
         <nut-checkbox v-model="formData2.checkbox">复选框</nut-checkbox>
       </nut-form-item>
       <nut-form-item label="单选按钮">
-        <nut-radiogroup direction="horizontal" v-model="formData2.radio">
+        <nut-radio-group direction="horizontal" v-model="formData2.radio">
           <nut-radio label="1">选项1</nut-radio>
           <nut-radio disabled label="2">选项2</nut-radio>
           <nut-radio label="3">选项3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-form-item>
       <nut-form-item label="评分">
         <nut-rate v-model="formData2.rate" />

src/sites/mobile-taro/vue/src/dentry/pages/radio/index.vue

@@ -2,72 +2,72 @@
   <div class="demo full">
     <nut-cell-group title="基本用法">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal">
+        <nut-radio-group v-model="radioVal">
           <nut-radio label="1">选项1</nut-radio>
           <nut-radio disabled label="2">选项2</nut-radio>
           <nut-radio label="3">选项3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell>
-        <nut-radiogroup v-model="radioVal" text-position="left">
+        <nut-radio-group v-model="radioVal" text-position="left">
           <nut-radio label="1">选项1</nut-radio>
           <nut-radio disabled label="2">选项2</nut-radio>
           <nut-radio label="3">选项3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell>
-        <nut-radiogroup v-model="radioVal">
+        <nut-radio-group v-model="radioVal">
           <nut-radio shape="button" label="1">选项1</nut-radio>
           <nut-radio disabled shape="button" label="2">选项2</nut-radio>
           <nut-radio shape="button" label="3">选项3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
     </nut-cell-group>
     <nut-cell-group title="水平使用">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio label="1">选项1</nut-radio>
           <nut-radio label="2">选项2</nut-radio>
           <nut-radio label="3">选项3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell>
-        <nut-radiogroup v-model="radioVal" text-position="left" direction="horizontal">
+        <nut-radio-group v-model="radioVal" text-position="left" direction="horizontal">
           <nut-radio label="1">选项1</nut-radio>
           <nut-radio label="2">选项2</nut-radio>
           <nut-radio label="3">选项3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell>
-        <nut-radiogroup v-model="radioVal" direction="horizontal">
+        <nut-radio-group v-model="radioVal" direction="horizontal">
           <nut-radio shape="button" label="1">选项1</nut-radio>
           <nut-radio shape="button" label="2">选项2</nut-radio>
           <nut-radio shape="button" label="3">选项3</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
     </nut-cell-group>
     <nut-cell-group title="自定义尺寸">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal4">
+        <nut-radio-group v-model="radioVal4">
           <nut-radio label="1" icon-size="12">自定义尺寸12</nut-radio>
           <nut-radio label="2" icon-size="12">自定义尺寸12</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
     </nut-cell-group>
     <nut-cell-group title="Radio自定义图标">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal5">
+        <nut-radio-group v-model="radioVal5">
           <nut-radio label="1" icon-name="checklist" icon-active-name="checklist">自定义图标</nut-radio>
           <nut-radio label="2" icon-name="checklist" icon-active-name="checklist">自定义图标</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
     </nut-cell-group>
     <nut-cell-group title="触发事件">
       <nut-cell>
-        <nut-radiogroup v-model="radioVal6" @change="handleChange">
+        <nut-radio-group v-model="radioVal6" @change="handleChange">
           <nut-radio label="1">触发事件</nut-radio>
           <nut-radio label="2">触发事件</nut-radio>
-        </nut-radiogroup>
+        </nut-radio-group>
       </nut-cell>
       <nut-cell title="当前选中值" :desc="radioVal6"></nut-cell>
     </nut-cell-group>