feat(radio): raido group wraps by default (#2358)

* feat(radio): raido group wraps by default * test(radio): update snap * refactor(radio): update _common * test(snap): update snap
Tencent · Jul 11, 2023 · 43d6b94 · 43d6b94
1 parent 7d0109a
commit 43d6b94
Show file tree

Hide file tree

Showing 3 changed files with 124 additions and 119 deletions.
diff --git a/src/_common b/src/_common
diff --git a/src/radio/RadioGroup.tsx b/src/radio/RadioGroup.tsx
@@ -65,8 +65,13 @@ const RadioGroup = (props: RadioGroupProps) => {
     const checkedRadio = radioGroupRef.current.querySelector?.(checkedRadioCls) as HTMLElement;
     if (!checkedRadio) return setBarStyle({ width: 0 });
 
-    const { offsetWidth, offsetLeft } = checkedRadio;
-    setBarStyle({ width: `${offsetWidth}px`, left: `${offsetLeft}px` });
+    const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = checkedRadio;
+    setBarStyle({
+      width: `${offsetWidth}px`,
+      height: `${offsetHeight}px`,
+      left: `${offsetLeft}px`,
+      top: `${offsetTop}px`,
+    });
   };
 
   useEffect(() => {