fix: radio 支持 换行。 (#675)

src/packages/radio/demo.taro.tsx

@@ -96,6 +96,8 @@ const RadioDemo = () => {
             <Radio.RadioGroup value="1">
               <Radio value="1">{translated.bb7486f4}1</Radio>
               <Radio disabled value="2">
+                {translated.bb7486f4}
+                {translated.bb7486f4}
                 {translated.bb7486f4}2
               </Radio>
               <Radio value="3">{translated.bb7486f4}3</Radio>
@@ -129,7 +131,13 @@ const RadioDemo = () => {
           <Cell>
             <Radio.RadioGroup value="1" direction="horizontal">
               <Radio value="1">{translated.bb7486f4}1</Radio>
-              <Radio value="2">{translated.bb7486f4}2</Radio>
+              <Radio value="2">
+                {translated.bb7486f4}
+                {translated.bb7486f4}
+                {translated.bb7486f4}
+                {translated.bb7486f4}
+                {translated.bb7486f4}2
+              </Radio>
               <Radio value="3">{translated.bb7486f4}3</Radio>
             </Radio.RadioGroup>
           </Cell>

src/packages/radio/demo.tsx

@@ -95,6 +95,8 @@ const RadioDemo = () => {
             <Radio.RadioGroup value="1">
               <Radio value="1">{translated.bb7486f4}1</Radio>
               <Radio disabled value="2">
+                {translated.bb7486f4}
+                {translated.bb7486f4}
                 {translated.bb7486f4}2
               </Radio>
               <Radio value="3">{translated.bb7486f4}3</Radio>
@@ -128,7 +130,13 @@ const RadioDemo = () => {
           <Cell>
             <Radio.RadioGroup value="1" direction="horizontal">
               <Radio value="1">{translated.bb7486f4}1</Radio>
-              <Radio value="2">{translated.bb7486f4}2</Radio>
+              <Radio value="2">
+                {translated.bb7486f4}
+                {translated.bb7486f4}
+                {translated.bb7486f4}
+                {translated.bb7486f4}
+                {translated.bb7486f4}2
+              </Radio>
               <Radio value="3">{translated.bb7486f4}3</Radio>
             </Radio.RadioGroup>
           </Cell>

src/packages/radiogroup/radiogroup.scss

@@ -5,24 +5,29 @@
         &__label {
           margin-right: 5px;
         }
+
         &__button {
           background-color: $dark4;
           border: 1px solid $dark6;
         }
+
         &__button--active {
           border-color: $radio-label-button-border-color;
         }
       }
     }
+
     &--horizontal {
       .nut-radio {
         &__label {
           margin-right: 5px;
         }
+
         &__button {
           background-color: $dark4;
           border: 1px solid $dark6;
         }
+
         &__button--active {
           border-color: $radio-label-button-border-color;
         }
@@ -30,10 +35,8 @@
     }
   }
 }
-.nut-radiogroup {
-  display: flex;
-  align-items: flex-start;
 
+.nut-radiogroup {
   .nut-radio {
     margin-bottom: 5px;
 
@@ -47,8 +50,6 @@
   }
 
   &--vertical {
-    flex-direction: column;
-
     .nut-radio {
       &.nut-radio--reverse {
         width: 100%;
@@ -58,14 +59,17 @@
       &__label {
         margin-right: 5px;
       }
+
       &__button {
         border: 1px solid $gray6;
       }
+
       &__button--active {
         border-color: $radio-label-button-border-color;
       }
     }
   }
+
   &--horizontal {
     .nut-radio {
       display: inline-flex;
@@ -76,6 +80,7 @@
           margin: 0 6px;
         }
       }
+
       &--button {
         // ...
       }