feat: migrate Radio/RadioGroup

components.js

@@ -49,4 +49,6 @@ module.exports = [
   'calendar',
   'checkbox',
   'checkbox-group',
+  'radio',
+  'radio-group',
 ];

docs/markdown/changelog-v3.zh-CN.md

@@ -37,6 +37,8 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Checkbox
 - CheckboxGroup
 - Field
+- Radio
+- RadioGroup
 - Switch
 - Sidebar
 

src/radio-group/index.js

@@ -8,13 +8,15 @@ export default createComponent({
   mixins: [ParentMixin('vanRadio'), FieldMixin],
 
   props: {
-    value: null,
     disabled: Boolean,
     direction: String,
+    modelValue: null,
     checkedColor: String,
     iconSize: [Number, String],
   },
 
+  emits: ['change', 'update:modelValue'],
+
   watch: {
     value(value) {
       this.$emit('change', value);
@@ -24,7 +26,7 @@ export default createComponent({
   render() {
     return (
       <div class={bem([this.direction])} role="radiogroup">
-        {this.slots()}
+        {this.$slots.default?.()}
       </div>
     );
   },

src/radio/index.js

@@ -12,14 +12,16 @@ export default createComponent({
     }),
   ],
 
+  emits: ['click', 'update:modelValue'],
+
   computed: {
     currentValue: {
       get() {
-        return this.parent ? this.parent.value : this.value;
+        return this.parent ? this.parent.modelValue : this.modelValue;
       },
 
       set(val) {
-        (this.parent || this).$emit('input', val);
+        (this.parent || this).$emit('update:modelValue', val);
       },
     },
 

vant.config.js

@@ -147,10 +147,10 @@ module.exports = {
                 path: 'picker',
                 title: 'Picker 选择器',
               },
-              // {
-              //   path: 'radio',
-              //   title: 'Radio 单选框',
-              // },
+              {
+                path: 'radio',
+                title: 'Radio 单选框',
+              },
               {
                 path: 'rate',
                 title: 'Rate 评分',
@@ -481,10 +481,10 @@ module.exports = {
                 path: 'picker',
                 title: 'Picker',
               },
-              // {
-              //   path: 'radio',
-              //   title: 'Radio',
-              // },
+              {
+                path: 'radio',
+                title: 'Radio',
+              },
               {
                 path: 'rate',
                 title: 'Rate',