fix: [Radio] 解决给 ComplexRadio 设置 className 后，所有类被覆盖的问题

Author: liyuan-meng

src/components/complex-radio/index.js

@@ -18,6 +18,7 @@ export default function ComplexRadio(props) {
     titleStyle,
     type,
     borderRadiusSize,
+    className,
     ...otherProps
   } = props;
 
@@ -35,6 +36,7 @@ export default function ComplexRadio(props) {
         [`${classSelector}-card-disabled`]: type === 'card' && props.disabled,
         [`${classSelector}-card-checked`]: type === 'card' && props.checked,
         [`${classSelector}-radius-${borderRadiusSize}`]: true,
+        [className]: !!className,
       })}
       {...otherProps}
     >

src/components/radio/complexDemos/basic.md

@@ -19,6 +19,8 @@ export default function ComplexRadioDemo() {
       <div style={{ marginBottom: 50 }}>
         <h5>标题+头像</h5>
         <ComplexRadio
+          radioClassName="test1"
+          className="test2"
           titleStyle={{ minWidth: 'fit-content' }}
           title="单选文字"
           imgSrc="https://brand-guide.shuyun.com/IAM/52e939494f3b.png"

src/components/radio/complexDemos/card.md

@@ -25,9 +25,11 @@ export default function ComplexRadioDemo() {
     <div>
       <div>
         <h5>基础卡片</h5>
-        <Radio.Group value={value} defaultValue={"E"} onChange={onChange} horizontal style={{ flexWrap: 'wrap' }}>
+        <Radio.Group value={value} defaultValue={"E"} onChange={onChange} horizontal style={{ flexWrap: 'wrap' }} className="test">
           {radioList.map((item, index) => (
             <ComplexRadio
+            radioClassName="test1"
+              className="test2"
               title={item.label}
               value={item.value}
               type="card"

src/components/radio/complexDemos/group.md

@@ -25,7 +25,7 @@ export default function ComplexRadioDemo() {
     <div style={{ display: 'flex', justifyContent: 'space-around', flexWrap: "wrap" }}>
       <div>
         <h5>标题+头像</h5>
-        <Radio.Group vertical value={value} defaultValue={"E"} onChange={onChange}>
+        <Radio.Group vertical value={value} defaultValue={"E"} onChange={onChange} className="test">
           {radioList.map((item, index) => (
             <ComplexRadio
               title={item.label}