fix(Radio): add configurations

v5zz · Mar 28, 2019 · f5dbaa9 · f5dbaa9
1 parent 788a0d0
commit f5dbaa9
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 6 deletions.
diff --git a/docs/radio/theme/index.jsx b/docs/radio/theme/index.jsx
@@ -93,22 +93,34 @@ class RadioDefaultDemo extends React.Component {
             })}>
                 <Demo title="Basic">
                     <DemoGroup label="Normal">
-                        <Radio checked={false}>{label}</Radio>
+                        <RadioGroup>
+                            <Radio checked={false}>{label}</Radio>
+                        </RadioGroup>
                     </DemoGroup>
                     <DemoGroup label="Hover">
-                        <Radio checked={false} className="hovered" >{label}</Radio>
+                        <RadioGroup>
+                            <Radio checked={false} className="hovered" >{label}</Radio>
+                        </RadioGroup>
                     </DemoGroup>
                     <DemoGroup label="Selected">
-                        <Radio checked >{label}</Radio>
+                        <RadioGroup>
+                            <Radio checked >{label}</Radio>
+                        </RadioGroup>
                     </DemoGroup>
                     <DemoGroup label="Selected & Hover">
-                        <Radio checked className="hovered" >{label}</Radio>
+                        <RadioGroup>
+                            <Radio checked className="hovered" >{label}</Radio>
+                        </RadioGroup>
                     </DemoGroup>
                     <DemoGroup label="Disabled & Normal">
-                        <Radio disabled >{label}</Radio>
+                        <RadioGroup>
+                            <Radio disabled >{label}</Radio>
+                        </RadioGroup>
                     </DemoGroup>
                     <DemoGroup label="Disabled & Selected">
-                        <Radio disabled checked >{label}</Radio>
+                        <RadioGroup value={1}>
+                            <Radio disabled checked value={1}>{label}</Radio>
+                        </RadioGroup>
                     </DemoGroup>
                 </Demo>
             </Demo>

diff --git a/src/radio/main.scss b/src/radio/main.scss
@@ -92,6 +92,7 @@
         }
         &.checked {
             #{$radio-prefix}-inner {
+                border-color: $radio-checked-disabled-border-color;
                 &:after {
                     background: $radio-disabled-circle-color;
                 }

diff --git a/src/radio/scss/variable.scss b/src/radio/scss/variable.scss
@@ -85,6 +85,9 @@ $radio-disabled-circle-color: $color-text1-1 !default;
 /// text
 /// @namespace statement/checked hover/icon
 $radio-checked-hovered-circle-color: $color-white !default;
+/// border
+/// @namespace statement/checked disabled/bounding
+$radio-checked-disabled-border-color: $color-line1-1 !default;
 
 /// text
 /// @namespace statement/normal/label