From 2fb7db6a4140f4f85b30236ed5dfaeb08de2e1a4 Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Fri, 12 Dec 2025 21:42:22 +0800
Subject: [PATCH] style(components): [radio] inner add transition (#23083)

---
 packages/theme-chalk/src/radio.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/theme-chalk/src/radio.scss b/packages/theme-chalk/src/radio.scss
index 38853c1a42..6a1a3c1ff3 100644
--- a/packages/theme-chalk/src/radio.scss
+++ b/packages/theme-chalk/src/radio.scss
@@ -103,6 +103,7 @@ $radio-font-size: map.merge(
           cursor: not-allowed;
         }
       }
+
       &.is-checked {
         .#{$namespace}-radio__inner {
           background-color: map.get($radio-disabled, 'checked-input-fill');
@@ -113,6 +114,7 @@ $radio-font-size: map.merge(
           }
         }
       }
+
       & + span.#{$namespace}-radio__label {
         color: getCssVar('text-color', 'placeholder');
         cursor: not-allowed;
@@ -141,6 +143,7 @@ $radio-font-size: map.merge(
       }
     }
   }
+
   @include e(inner) {
     border: getCssVar('radio-input-border');
     border-radius: getCssVar('radio-input-border-radius');
@@ -151,6 +154,7 @@ $radio-font-size: map.merge(
     cursor: pointer;
     display: inline-block;
     box-sizing: border-box;
+    transition: all 0.3s;
 
     &:hover {
       border-color: getCssVar('radio-input-border-color-hover');
@@ -206,6 +210,7 @@ $radio-font-size: map.merge(
       @include e(label) {
         font-size: map.get($radio-font-size, $size);
       }
+
       @include e(inner) {
         width: map.get($radio-font-size, $size);
         height: map.get($radio-font-size, $size);