From 9eae10ed1a51fbdf7ab3d76ace3d062fdc9e2707 Mon Sep 17 00:00:00 2001
From: jzh <1587315093@qq.com>
Date: Mon, 3 Jul 2023 11:40:36 +0800
Subject: [PATCH 1/3] enhance: label add stopPropagation

---
 src/components/radio/radio.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/radio/radio.tsx b/src/components/radio/radio.tsx
index c5457d199b..e4bbc9d15b 100644
--- a/src/components/radio/radio.tsx
+++ b/src/components/radio/radio.tsx
@@ -86,6 +86,9 @@ export const Radio: FC<RadioProps> = p => {
   return withNativeProps(
     props,
     <label
+      onClick={e => {
+        e.stopPropagation()
+      }}
       className={classNames(classPrefix, {
         [`${classPrefix}-checked`]: checked,
         [`${classPrefix}-disabled`]: disabled,

From 46963a875d1ae056bf62a7cf1e77f66b6c1db991 Mon Sep 17 00:00:00 2001
From: jzh <1587315093@qq.com>
Date: Tue, 4 Jul 2023 11:12:29 +0800
Subject: [PATCH 2/3] enhance: radio add click event

---
 src/components/radio/index.en.md | 1 +
 src/components/radio/index.zh.md | 1 +
 src/components/radio/radio.tsx   | 5 ++---
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/radio/index.en.md b/src/components/radio/index.en.md
index 2d5594cf39..74037c8215 100644
--- a/src/components/radio/index.en.md
+++ b/src/components/radio/index.en.md
@@ -31,6 +31,7 @@ type RadioValue = string | number
 | icon | Customized `icon` icon | `(checked: boolean) => React.ReactNode` | - |
 | id | The id of the input element, often used in conjunction with the label | `string` | - |
 | onChange | Callback function when checked is changed | `(val: boolean) => void` | - |
+| onClick | Radio's click event | `(event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void` | - |
 | value | Value is carrying identification, used in `Group` mode | `RadioValue` | - |
 
 ### Radio.Group
diff --git a/src/components/radio/index.zh.md b/src/components/radio/index.zh.md
index 33e6753ce6..b9d448e89c 100644
--- a/src/components/radio/index.zh.md
+++ b/src/components/radio/index.zh.md
@@ -31,6 +31,7 @@ type RadioValue = string | number
 | icon | 自定义 `icon` 图标 | `(checked: boolean) => React.ReactNode` | - |
 | id | `input` 元素的 `id`，常用来配合 `label` 使用 | `string` | - |
 | onChange | 变化时回调函数 | `(val: boolean) => void` | - |
+| onClick | Radio 的点击事件 | `(event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void` | - |
 | value | 携带的标识值，用于 `Group` 模式 | `RadioValue` | - |
 
 ### Radio.Group
diff --git a/src/components/radio/radio.tsx b/src/components/radio/radio.tsx
index e4bbc9d15b..b50623f156 100644
--- a/src/components/radio/radio.tsx
+++ b/src/components/radio/radio.tsx
@@ -23,6 +23,7 @@ export type RadioProps = {
   id?: string
   icon?: (checked: boolean) => React.ReactNode
   children?: React.ReactNode
+  onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>
 
 const defaultProps = {
@@ -86,9 +87,7 @@ export const Radio: FC<RadioProps> = p => {
   return withNativeProps(
     props,
     <label
-      onClick={e => {
-        e.stopPropagation()
-      }}
+      onClick={props.onClick}
       className={classNames(classPrefix, {
         [`${classPrefix}-checked`]: checked,
         [`${classPrefix}-disabled`]: disabled,

From d56bc106772975a6433ed646c8cd122095dfde31 Mon Sep 17 00:00:00 2001
From: jzh <1587315093@qq.com>
Date: Tue, 4 Jul 2023 14:38:55 +0800
Subject: [PATCH 3/3] test: add click case

---
 src/components/radio/tests/radio.test.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/radio/tests/radio.test.tsx b/src/components/radio/tests/radio.test.tsx
index 40e8d99920..78046c9154 100644
--- a/src/components/radio/tests/radio.test.tsx
+++ b/src/components/radio/tests/radio.test.tsx
@@ -1,7 +1,6 @@
 import React from 'react'
 import { fireEvent, render, testA11y, userEvent, screen } from 'testing'
 import Radio from '../'
-import { RadioGroupProps } from '../group'
 
 const classPrefix = `adm-radio`
 
@@ -22,7 +21,16 @@ describe('Radio', () => {
     expect(radio).toBeChecked()
     expect(label).toHaveClass(`${classPrefix}-checked`)
   })
+  test('Radio click ', async () => {
+    const handleClick = jest.fn()
+    render(<Radio onClick={handleClick}>Radio</Radio>)
 
+    const label = document.getElementsByTagName('label')[0]
+    expect(label).toHaveClass(`${classPrefix}`)
+
+    fireEvent.click(label)
+    expect(handleClick).toBeCalledTimes(1)
+  })
   test('onChange should be call once when the selected item is clicked multiple times', async () => {
     const onChange = jest.fn()
     render(