feat: 优化radio代码

busy-mango · Sep 25, 2024 · 3978583 · 3978583
1 parent eecbd5a
commit 3978583
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/components/widgets/radio/index.scss b/src/components/widgets/radio/index.scss
@@ -27,6 +27,7 @@
  display: inline-block;
 
  color: var(--secondary-color);
+ border-radius: var(--border-radius-10);
 
  &.checked {
  color: var(--secondary-color-active);

diff --git a/src/components/widgets/radio/index.tsx b/src/components/widgets/radio/index.tsx
@@ -6,6 +6,7 @@ import { ifnot } from '@busymango/utils';
 
 import { onCheckCatch, useControlState } from '../control';
 import { ISVGWrap } from '../svg-wrap';
+import { IWave } from '../wave';
 import { ICheckedSVG } from './icon';
 import type {
  IRadioInputRender,
@@ -25,9 +26,13 @@ const iRootRender: IRadioRootRender = ({ label, radio, ...others }) => (
  </span>
 );
 
-const iRadioRender: IRadioRadioRender = ({ input, ...others }, { checked }) => (
+const iRadioRender: IRadioRadioRender = (
+ { input, inputRef, ...others },
+ { checked }
+) => (
  <ISVGWrap {...others}>
  <ICheckedSVG checked={checked} className={styles.icon} />
+ <IWave target={inputRef} />
  {input}
  </ISVGWrap>
 );
@@ -103,6 +108,7 @@ export const IRadio = forwardRef<IRadioRef, IRadioProps>(
  }),
  radio: (render?.radio ?? iRadioRender)(
  {
+ inputRef: input,
  className: classNames(styles.radio),
  input: (render?.input ?? iInputRender)(
  {

diff --git a/src/components/widgets/radio/models/index.tsx b/src/components/widgets/radio/models/index.tsx
@@ -49,7 +49,10 @@ export type IRadioRootRender = ReactRender<
 >;
 
 export type IRadioRadioRender = ReactRender<
- HTMLMotionProps<'i'> & { input: React.ReactNode },
+ HTMLMotionProps<'i'> & {
+ input: React.ReactNode;
+ inputRef: React.RefObject<HTMLInputElement>;
+ },
  IRadioState
 >;