From 4df740e22e1297abfe8a31d434fb2a546df58daf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=81=87=E8=A7=81=E5=90=8C=E5=AD=A6?= <1875694521@qq.com>
Date: Tue, 4 Nov 2025 11:53:38 +0800
Subject: [PATCH] fix(textarea): resize is invalid in styles.textarea (#55579)

* fix(textarea): resize is invalid in styles.textarea

* chore: bump @rc-component/input@1.1.0

* chore: bump @rc-component/input-number@1.4.1

* update snap

* chore: bump @rc-component/input-number@1.5.0

* fix(textarea): resize is invalid in styles.textarea

* chore: bump @rc-component/input@1.1.0

* chore: bump @rc-component/input-number@1.4.1

* update snap

* chore: bump @rc-component/input-number@1.5.0

* chore: bump @rc-component/mentions@1.4.0
---
 .../__snapshots__/demo-extend.test.ts.snap    | 66 ++++++-------
 .../__snapshots__/index.test.tsx.snap         |  4 +-
 .../__snapshots__/components.test.tsx.snap    | 14 +--
 .../__snapshots__/demo-extend.test.ts.snap    | 22 ++---
 .../__snapshots__/demo.test.tsx.snap          | 18 ++--
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  2 +-
 .../__tests__/__snapshots__/demo.test.ts.snap |  2 +-
 .../__snapshots__/demo-extend.test.ts.snap    | 98 +++++++++----------
 .../__snapshots__/demo.test.tsx.snap          | 98 +++++++++----------
 .../__snapshots__/index.test.tsx.snap         |  8 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  7 +-
 .../__snapshots__/demo.test.tsx.snap          |  7 +-
 components/input/demo/style-class.tsx         |  3 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  2 +-
 .../__tests__/__snapshots__/demo.test.ts.snap |  2 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  4 +-
 .../__tests__/__snapshots__/demo.test.ts.snap |  4 +-
 .../__snapshots__/demo-extend.test.ts.snap    | 16 +--
 .../__snapshots__/demo.test.tsx.snap          | 12 +--
 .../__tests__/__snapshots__/demo.test.ts.snap |  2 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  2 +-
 .../__snapshots__/demo.test.tsx.snap          |  2 +-
 .../__snapshots__/demo-extend.test.ts.snap    | 10 +-
 .../__tests__/__snapshots__/demo.test.ts.snap |  8 +-
 package.json                                  |  8 +-
 26 files changed, 212 insertions(+), 211 deletions(-)

diff --git a/components/color-picker/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/color-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
index 760ef9086a..e9072ccd1b 100644
--- a/components/color-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/color-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -301,7 +301,7 @@ Array [
                 </span>
               </div>
               <div
-                class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -681,7 +681,7 @@ Array [
                 </span>
               </div>
               <div
-                class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -1066,7 +1066,7 @@ exports[`renders components/color-picker/demo/controlled.tsx extend context corr
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -1443,7 +1443,7 @@ exports[`renders components/color-picker/demo/controlled.tsx extend context corr
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -1829,7 +1829,7 @@ Array [
                 </span>
               </div>
               <div
-                class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -2503,7 +2503,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                       </span>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -2883,7 +2883,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                         class="ant-color-picker-hsb-input"
                       >
                         <div
-                          class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-hsb-input"
+                          class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-hsb-input"
                         >
                           <div
                             class="ant-input-number-handler-wrap"
@@ -2959,7 +2959,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                           </div>
                         </div>
                         <div
-                          class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-hsb-input"
+                          class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-hsb-input"
                         >
                           <div
                             class="ant-input-number-handler-wrap"
@@ -3035,7 +3035,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                           </div>
                         </div>
                         <div
-                          class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-hsb-input"
+                          class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-hsb-input"
                         >
                           <div
                             class="ant-input-number-handler-wrap"
@@ -3113,7 +3113,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                       </div>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -3493,7 +3493,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                         class="ant-color-picker-rgb-input"
                       >
                         <div
-                          class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-rgb-input"
+                          class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-rgb-input"
                         >
                           <div
                             class="ant-input-number-handler-wrap"
@@ -3569,7 +3569,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                           </div>
                         </div>
                         <div
-                          class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-rgb-input"
+                          class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-rgb-input"
                         >
                           <div
                             class="ant-input-number-handler-wrap"
@@ -3645,7 +3645,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                           </div>
                         </div>
                         <div
-                          class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-rgb-input"
+                          class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-rgb-input"
                         >
                           <div
                             class="ant-input-number-handler-wrap"
@@ -3723,7 +3723,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
                       </div>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -4218,7 +4218,7 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -4649,7 +4649,7 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -5056,7 +5056,7 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
                         </span>
                       </div>
                       <div
-                        class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                        class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                       >
                         <div
                           class="ant-input-number-handler-wrap"
@@ -6019,7 +6019,7 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
                         </span>
                       </div>
                       <div
-                        class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                        class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                       >
                         <div
                           class="ant-input-number-handler-wrap"
@@ -6403,7 +6403,7 @@ Array [
                 </span>
               </div>
               <div
-                class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -7212,7 +7212,7 @@ exports[`renders components/color-picker/demo/pure-panel.tsx extend context corr
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -7604,7 +7604,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
                       </span>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -7981,7 +7981,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
                       </span>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -8358,7 +8358,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
                       </span>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -8748,7 +8748,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
                       </span>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -9130,7 +9130,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
                       </span>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -9512,7 +9512,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
                       </span>
                     </div>
                     <div
-                      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                     >
                       <div
                         class="ant-input-number-handler-wrap"
@@ -9904,7 +9904,7 @@ exports[`renders components/color-picker/demo/style-class.tsx extend context cor
                     </span>
                   </div>
                   <div
-                    class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                    class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                   >
                     <div
                       class="ant-input-number-handler-wrap"
@@ -10277,7 +10277,7 @@ exports[`renders components/color-picker/demo/style-class.tsx extend context cor
                     </span>
                   </div>
                   <div
-                    class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                    class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                   >
                     <div
                       class="ant-input-number-handler-wrap"
@@ -10676,7 +10676,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -11060,7 +11060,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -11461,7 +11461,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -11839,7 +11839,7 @@ Array [
                 </span>
               </div>
               <div
-                class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -12219,7 +12219,7 @@ Array [
                 </span>
               </div>
               <div
-                class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
               >
                 <div
                   class="ant-input-number-handler-wrap"
diff --git a/components/color-picker/__tests__/__snapshots__/index.test.tsx.snap b/components/color-picker/__tests__/__snapshots__/index.test.tsx.snap
index 565019835f..efb092bebb 100644
--- a/components/color-picker/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/color-picker/__tests__/__snapshots__/index.test.tsx.snap
@@ -211,7 +211,7 @@ exports[`ColorPicker Should panelRender work 1`] = `
                   </span>
                 </div>
                 <div
-                  class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-root ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                  class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-root ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                 >
                   <div
                     class="ant-input-number-handler-wrap"
@@ -491,7 +491,7 @@ exports[`ColorPicker Should panelRender work 2`] = `
                 </span>
               </div>
               <div
-                class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-root ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-root ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
               >
                 <div
                   class="ant-input-number-handler-wrap"
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
index 57adfbde6a..dfa414e813 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
@@ -16268,7 +16268,7 @@ exports[`ConfigProvider components Input prefixCls 1`] = `
 
 exports[`ConfigProvider components InputNumber configProvider 1`] = `
 <div
-  class="config-input-number config-input-number-outlined css-var-root config-input-number-css-var"
+  class="config-input-number config-input-number-outlined config-input-number-mode-input css-var-root config-input-number-css-var"
 >
   <div
     class="config-input-number-handler-wrap"
@@ -16344,7 +16344,7 @@ exports[`ConfigProvider components InputNumber configProvider 1`] = `
 
 exports[`ConfigProvider components InputNumber configProvider componentDisabled 1`] = `
 <div
-  class="config-input-number config-input-number-outlined css-var-root config-input-number-css-var config-input-number-disabled"
+  class="config-input-number config-input-number-outlined config-input-number-mode-input css-var-root config-input-number-css-var config-input-number-disabled"
 >
   <div
     class="config-input-number-handler-wrap"
@@ -16421,7 +16421,7 @@ exports[`ConfigProvider components InputNumber configProvider componentDisabled
 
 exports[`ConfigProvider components InputNumber configProvider componentSize large 1`] = `
 <div
-  class="config-input-number config-input-number-lg config-input-number-outlined css-var-root config-input-number-css-var"
+  class="config-input-number config-input-number-lg config-input-number-outlined config-input-number-mode-input css-var-root config-input-number-css-var"
 >
   <div
     class="config-input-number-handler-wrap"
@@ -16497,7 +16497,7 @@ exports[`ConfigProvider components InputNumber configProvider componentSize larg
 
 exports[`ConfigProvider components InputNumber configProvider componentSize middle 1`] = `
 <div
-  class="config-input-number config-input-number-outlined css-var-root config-input-number-css-var"
+  class="config-input-number config-input-number-outlined config-input-number-mode-input css-var-root config-input-number-css-var"
 >
   <div
     class="config-input-number-handler-wrap"
@@ -16573,7 +16573,7 @@ exports[`ConfigProvider components InputNumber configProvider componentSize midd
 
 exports[`ConfigProvider components InputNumber configProvider componentSize small 1`] = `
 <div
-  class="config-input-number config-input-number-sm config-input-number-outlined css-var-root config-input-number-css-var"
+  class="config-input-number config-input-number-sm config-input-number-outlined config-input-number-mode-input css-var-root config-input-number-css-var"
 >
   <div
     class="config-input-number-handler-wrap"
@@ -16649,7 +16649,7 @@ exports[`ConfigProvider components InputNumber configProvider componentSize smal
 
 exports[`ConfigProvider components InputNumber normal 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-root ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-root ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -16725,7 +16725,7 @@ exports[`ConfigProvider components InputNumber normal 1`] = `
 
 exports[`ConfigProvider components InputNumber prefixCls 1`] = `
 <div
-  class="prefix-InputNumber prefix-InputNumber-outlined css-var-root prefix-InputNumber-css-var"
+  class="prefix-InputNumber prefix-InputNumber-outlined prefix-InputNumber-mode-input css-var-root prefix-InputNumber-css-var"
 >
   <div
     class="prefix-InputNumber-handler-wrap"
diff --git a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8914778929..f52815d5ea 100644
--- a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -4872,7 +4872,7 @@ Array [
               class="ant-form-item-control-input-content"
             >
               <div
-                class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-disabled"
+                class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-disabled"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -5549,7 +5549,7 @@ Array [
                             </span>
                           </div>
                           <div
-                            class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input ant-input-number-disabled"
+                            class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input ant-input-number-disabled"
                           >
                             <div
                               class="ant-input-number-handler-wrap"
@@ -10933,7 +10933,7 @@ exports[`renders components/form/demo/nest-messages.tsx extend context correctly
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
@@ -11875,7 +11875,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
               style="width: 100%;"
             >
               <div
@@ -14139,7 +14139,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
@@ -22747,7 +22747,7 @@ Array [
               class="ant-form-item-control-input-content"
             >
               <div
-                class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -23376,7 +23376,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
@@ -24890,7 +24890,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
                           </span>
                         </div>
                         <div
-                          class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                          class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                         >
                           <div
                             class="ant-input-number-handler-wrap"
@@ -31252,7 +31252,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-success ant-input-number-has-feedback css-var-test-id ant-input-number-css-var"
+              class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-success ant-input-number-has-feedback ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
               style="width: 100%;"
             >
               <div
@@ -32516,7 +32516,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-filled css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
               style="width: 100%;"
             >
               <div
@@ -35152,7 +35152,7 @@ exports[`renders components/form/demo/without-form-create.tsx extend context cor
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
diff --git a/components/form/__tests__/__snapshots__/demo.test.tsx.snap b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
index 22115a3627..98bcef7944 100644
--- a/components/form/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
@@ -2410,7 +2410,7 @@ Array [
               class="ant-form-item-control-input-content"
             >
               <div
-                class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-disabled"
+                class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-disabled"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -7201,7 +7201,7 @@ exports[`renders components/form/demo/nest-messages.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
@@ -7953,7 +7953,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
               style="width:100%"
             >
               <div
@@ -9207,7 +9207,7 @@ exports[`renders components/form/demo/size.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
@@ -10281,7 +10281,7 @@ Array [
               class="ant-form-item-control-input-content"
             >
               <div
-                class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
               >
                 <div
                   class="ant-input-number-handler-wrap"
@@ -10753,7 +10753,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
@@ -13514,7 +13514,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-success ant-input-number-has-feedback css-var-test-id ant-input-number-css-var"
+              class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-success ant-input-number-has-feedback ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
               style="width:100%"
             >
               <div
@@ -14760,7 +14760,7 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-filled css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
               style="width:100%"
             >
               <div
@@ -15508,7 +15508,7 @@ exports[`renders components/form/demo/without-form-create.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
diff --git a/components/form/__tests__/__snapshots__/index.test.tsx.snap b/components/form/__tests__/__snapshots__/index.test.tsx.snap
index 90fc038f9c..ff6b28618f 100644
--- a/components/form/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/index.test.tsx.snap
@@ -720,7 +720,7 @@ exports[`Form form should support disabled 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-root ant-input-number-css-var ant-input-number-disabled"
+              class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-root ant-input-number-css-var ant-input-number-disabled"
             >
               <div
                 class="ant-input-number-handler-wrap"
diff --git a/components/image/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/image/__tests__/__snapshots__/demo-extend.test.ts.snap
index 6d6fce180d..0d0c68cc63 100644
--- a/components/image/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/image/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -59,7 +59,7 @@ Array [
   <div>
     scaleStep: 
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
diff --git a/components/image/__tests__/__snapshots__/demo.test.ts.snap b/components/image/__tests__/__snapshots__/demo.test.ts.snap
index 1b747d0fd8..4ab6bfbbe7 100644
--- a/components/image/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/image/__tests__/__snapshots__/demo.test.ts.snap
@@ -56,7 +56,7 @@ Array [
     scaleStep:
     <!-- -->
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
diff --git a/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
index e4e114ad09..d585fc05ce 100644
--- a/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -8,7 +8,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -104,7 +104,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -492,7 +492,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -601,7 +601,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -818,7 +818,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -933,7 +933,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -1060,7 +1060,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
 
 exports[`renders components/input-number/demo/basic.tsx extend context correctly 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -1141,7 +1141,7 @@ exports[`renders components/input-number/demo/basic.tsx extend context correctly
 
 exports[`renders components/input-number/demo/change-on-wheel.tsx extend context correctly 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -1222,7 +1222,7 @@ exports[`renders components/input-number/demo/change-on-wheel.tsx extend context
 
 exports[`renders components/input-number/demo/controls.tsx extend context correctly 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -1308,7 +1308,7 @@ exports[`renders components/input-number/demo/controls.tsx extend context correc
 
 exports[`renders components/input-number/demo/digit.tsx extend context correctly 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
   style="width: 200px;"
 >
   <div
@@ -1391,7 +1391,7 @@ exports[`renders components/input-number/demo/digit.tsx extend context correctly
 exports[`renders components/input-number/demo/disabled.tsx extend context correctly 1`] = `
 Array [
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-disabled"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-disabled"
   >
     <div
       class="ant-input-number-handler-wrap"
@@ -1494,7 +1494,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
     style="gap: 12px;"
   >
     <div
-      class="ant-input-number ant-input-number-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -1568,7 +1568,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number ant-input-number-filled css-var-test-id ant-input-number-css-var ant-input-number-disabled"
+      class="ant-input-number ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-disabled"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -1643,7 +1643,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number ant-input-number-filled ant-input-number-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-filled ant-input-number-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -1722,7 +1722,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
     style="gap: 12px;"
   >
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <span
         class="ant-input-number-prefix"
@@ -1805,7 +1805,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-disabled ant-input-number-affix-wrapper-disabled ant-input-number-affix-wrapper-without-controls ant-input-number-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-disabled ant-input-number-affix-wrapper-disabled ant-input-number-affix-wrapper-without-controls ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <span
         class="ant-input-number-prefix"
@@ -1889,7 +1889,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-filled ant-input-number-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-filled ant-input-number-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <span
         class="ant-input-number-prefix"
@@ -1977,7 +1977,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
     style="gap: 12px;"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2069,7 +2069,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2162,7 +2162,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2259,7 +2259,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
     style="gap: 12px;"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2346,7 +2346,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2434,7 +2434,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2526,7 +2526,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
     style="gap: 12px;"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2613,7 +2613,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2701,7 +2701,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx extend context co
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2859,7 +2859,7 @@ exports[`renders components/input-number/demo/focus.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width: 100%;"
     >
       <div
@@ -2947,7 +2947,7 @@ exports[`renders components/input-number/demo/formatter.tsx extend context corre
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3025,7 +3025,7 @@ exports[`renders components/input-number/demo/formatter.tsx extend context corre
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3114,7 +3114,7 @@ exports[`renders components/input-number/demo/keyboard.tsx extend context correc
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3228,7 +3228,7 @@ exports[`renders components/input-number/demo/out-of-range.tsx extend context co
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-out-of-range"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-out-of-range"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3324,7 +3324,7 @@ exports[`renders components/input-number/demo/out-of-range.tsx extend context co
 exports[`renders components/input-number/demo/presuffix.tsx extend context correctly 1`] = `
 Array [
   <div
-    class="ant-input-number-affix-wrapper ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 100%;"
   >
     <span
@@ -3409,7 +3409,7 @@ Array [
   <br />,
   <br />,
   <div
-    class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 100%;"
   >
     <div
@@ -3525,7 +3525,7 @@ Array [
   <br />,
   <br />,
   <div
-    class="ant-input-number-affix-wrapper ant-input-number-disabled ant-input-number-affix-wrapper-disabled ant-input-number-affix-wrapper-without-controls ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number-affix-wrapper ant-input-number-disabled ant-input-number-affix-wrapper-disabled ant-input-number-affix-wrapper-without-controls ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 100%;"
   >
     <span
@@ -3611,7 +3611,7 @@ Array [
   <br />,
   <br />,
   <div
-    class="ant-input-number-affix-wrapper ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 100%;"
   >
     <div
@@ -3703,7 +3703,7 @@ exports[`renders components/input-number/demo/render-panel.tsx extend context co
   style="display: flex; flex-direction: column; row-gap: 16px;"
 >
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 100%;"
   >
     <div
@@ -3790,7 +3790,7 @@ exports[`renders components/input-number/demo/size.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-lg ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-lg ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3870,7 +3870,7 @@ exports[`renders components/input-number/demo/size.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3950,7 +3950,7 @@ exports[`renders components/input-number/demo/size.tsx extend context correctly
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -4040,7 +4040,7 @@ exports[`renders components/input-number/demo/status.tsx extend context correctl
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined ant-input-number-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width: 100%;"
     >
       <div
@@ -4118,7 +4118,7 @@ exports[`renders components/input-number/demo/status.tsx extend context correctl
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined ant-input-number-status-warning css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-status-warning ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width: 100%;"
     >
       <div
@@ -4196,7 +4196,7 @@ exports[`renders components/input-number/demo/status.tsx extend context correctl
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width: 100%;"
     >
       <span
@@ -4304,7 +4304,7 @@ exports[`renders components/input-number/demo/status.tsx extend context correctl
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-warning css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-warning ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width: 100%;"
     >
       <span
@@ -4418,7 +4418,7 @@ exports[`renders components/input-number/demo/style-class.tsx extend context cor
   class="ant-flex css-var-test-id ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
 >
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var acss-1tkizl6"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var acss-1tkizl6"
     style="font-size: 14px;"
   >
     <div
@@ -4493,7 +4493,7 @@ exports[`renders components/input-number/demo/style-class.tsx extend context cor
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-lg ant-input-number-outlined css-var-test-id ant-input-number-css-var acss-1tkizl6"
+    class="ant-input-number ant-input-number-lg ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var acss-1tkizl6"
     style="background-color: rgb(250, 250, 250); border-color: rgb(114, 46, 209);"
   >
     <div
@@ -4578,7 +4578,7 @@ exports[`renders components/input-number/demo/variant.tsx extend context correct
   style="gap: 12px;"
 >
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 200px;"
   >
     <div
@@ -4653,7 +4653,7 @@ exports[`renders components/input-number/demo/variant.tsx extend context correct
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-filled css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 200px;"
   >
     <div
@@ -4728,7 +4728,7 @@ exports[`renders components/input-number/demo/variant.tsx extend context correct
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-borderless css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-borderless ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 200px;"
   >
     <div
@@ -4803,7 +4803,7 @@ exports[`renders components/input-number/demo/variant.tsx extend context correct
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-underlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-underlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 200px;"
   >
     <div
diff --git a/components/input-number/__tests__/__snapshots__/demo.test.tsx.snap b/components/input-number/__tests__/__snapshots__/demo.test.tsx.snap
index 188108ba30..4a362615ed 100644
--- a/components/input-number/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/input-number/__tests__/__snapshots__/demo.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -104,7 +104,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -304,7 +304,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -413,7 +413,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -555,7 +555,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -670,7 +670,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -795,7 +795,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
 
 exports[`renders components/input-number/demo/basic.tsx correctly 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -874,7 +874,7 @@ exports[`renders components/input-number/demo/basic.tsx correctly 1`] = `
 
 exports[`renders components/input-number/demo/change-on-wheel.tsx correctly 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -953,7 +953,7 @@ exports[`renders components/input-number/demo/change-on-wheel.tsx correctly 1`]
 
 exports[`renders components/input-number/demo/controls.tsx correctly 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -1037,7 +1037,7 @@ exports[`renders components/input-number/demo/controls.tsx correctly 1`] = `
 
 exports[`renders components/input-number/demo/digit.tsx correctly 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
   style="width:200px"
 >
   <div
@@ -1118,7 +1118,7 @@ exports[`renders components/input-number/demo/digit.tsx correctly 1`] = `
 exports[`renders components/input-number/demo/disabled.tsx correctly 1`] = `
 Array [
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-disabled"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-disabled"
   >
     <div
       class="ant-input-number-handler-wrap"
@@ -1219,7 +1219,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
     style="gap:12px"
   >
     <div
-      class="ant-input-number ant-input-number-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -1293,7 +1293,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number ant-input-number-filled css-var-test-id ant-input-number-css-var ant-input-number-disabled"
+      class="ant-input-number ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-disabled"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -1368,7 +1368,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number ant-input-number-filled ant-input-number-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-filled ant-input-number-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -1447,7 +1447,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
     style="gap:12px"
   >
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <span
         class="ant-input-number-prefix"
@@ -1530,7 +1530,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-disabled ant-input-number-affix-wrapper-disabled ant-input-number-affix-wrapper-without-controls ant-input-number-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-disabled ant-input-number-affix-wrapper-disabled ant-input-number-affix-wrapper-without-controls ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <span
         class="ant-input-number-prefix"
@@ -1614,7 +1614,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-filled ant-input-number-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-filled ant-input-number-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <span
         class="ant-input-number-prefix"
@@ -1702,7 +1702,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
     style="gap:12px"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -1794,7 +1794,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -1887,7 +1887,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -1984,7 +1984,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
     style="gap:12px"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2071,7 +2071,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2159,7 +2159,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2251,7 +2251,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
     style="gap:12px"
   >
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2338,7 +2338,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-disabled ant-input-number-group-wrapper-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2426,7 +2426,7 @@ exports[`renders components/input-number/demo/filled-debug.tsx correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-group-wrapper ant-input-number-group-wrapper-filled ant-input-number-group-wrapper-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-wrapper ant-input-number-group"
@@ -2582,7 +2582,7 @@ exports[`renders components/input-number/demo/focus.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width:100%"
     >
       <div
@@ -2668,7 +2668,7 @@ exports[`renders components/input-number/demo/formatter.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -2746,7 +2746,7 @@ exports[`renders components/input-number/demo/formatter.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -2833,7 +2833,7 @@ exports[`renders components/input-number/demo/keyboard.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -2945,7 +2945,7 @@ exports[`renders components/input-number/demo/out-of-range.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-out-of-range"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-out-of-range"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3039,7 +3039,7 @@ exports[`renders components/input-number/demo/out-of-range.tsx correctly 1`] = `
 exports[`renders components/input-number/demo/presuffix.tsx correctly 1`] = `
 Array [
   <div
-    class="ant-input-number-affix-wrapper ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:100%"
   >
     <span
@@ -3124,7 +3124,7 @@ Array [
   <br />,
   <br />,
   <div
-    class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:100%"
   >
     <div
@@ -3240,7 +3240,7 @@ Array [
   <br />,
   <br />,
   <div
-    class="ant-input-number-affix-wrapper ant-input-number-disabled ant-input-number-affix-wrapper-disabled ant-input-number-affix-wrapper-without-controls ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number-affix-wrapper ant-input-number-disabled ant-input-number-affix-wrapper-disabled ant-input-number-affix-wrapper-without-controls ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:100%"
   >
     <span
@@ -3326,7 +3326,7 @@ Array [
   <br />,
   <br />,
   <div
-    class="ant-input-number-affix-wrapper ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:100%"
   >
     <div
@@ -3416,7 +3416,7 @@ exports[`renders components/input-number/demo/render-panel.tsx correctly 1`] = `
   style="display:flex;flex-direction:column;row-gap:16px"
 >
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:100%"
   >
     <div
@@ -3501,7 +3501,7 @@ exports[`renders components/input-number/demo/size.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-lg ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-lg ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3581,7 +3581,7 @@ exports[`renders components/input-number/demo/size.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3661,7 +3661,7 @@ exports[`renders components/input-number/demo/size.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <div
         class="ant-input-number-handler-wrap"
@@ -3749,7 +3749,7 @@ exports[`renders components/input-number/demo/status.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined ant-input-number-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width:100%"
     >
       <div
@@ -3827,7 +3827,7 @@ exports[`renders components/input-number/demo/status.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined ant-input-number-status-warning css-var-test-id ant-input-number-css-var"
+      class="ant-input-number ant-input-number-outlined ant-input-number-status-warning ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width:100%"
     >
       <div
@@ -3905,7 +3905,7 @@ exports[`renders components/input-number/demo/status.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-error css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-error ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width:100%"
     >
       <span
@@ -4013,7 +4013,7 @@ exports[`renders components/input-number/demo/status.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-warning css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-warning ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
       style="width:100%"
     >
       <span
@@ -4125,7 +4125,7 @@ exports[`renders components/input-number/demo/style-class.tsx correctly 1`] = `
   class="ant-flex css-var-test-id ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
 >
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var acss-1tkizl6"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var acss-1tkizl6"
     style="font-size:14px"
   >
     <div
@@ -4200,7 +4200,7 @@ exports[`renders components/input-number/demo/style-class.tsx correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-lg ant-input-number-outlined css-var-test-id ant-input-number-css-var acss-1tkizl6"
+    class="ant-input-number ant-input-number-lg ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var acss-1tkizl6"
     style="background-color:#fafafa;border-color:#722ed1"
   >
     <div
@@ -4283,7 +4283,7 @@ exports[`renders components/input-number/demo/variant.tsx correctly 1`] = `
   style="gap:12px"
 >
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:200px"
   >
     <div
@@ -4358,7 +4358,7 @@ exports[`renders components/input-number/demo/variant.tsx correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-filled css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-filled ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:200px"
   >
     <div
@@ -4433,7 +4433,7 @@ exports[`renders components/input-number/demo/variant.tsx correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-borderless css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-borderless ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:200px"
   >
     <div
@@ -4508,7 +4508,7 @@ exports[`renders components/input-number/demo/variant.tsx correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-underlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-underlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:200px"
   >
     <div
diff --git a/components/input-number/__tests__/__snapshots__/index.test.tsx.snap b/components/input-number/__tests__/__snapshots__/index.test.tsx.snap
index a8e2da6bd7..b0d756e572 100644
--- a/components/input-number/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/input-number/__tests__/__snapshots__/index.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`InputNumber renders correctly when controls has custom upIcon and downIcon 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-root ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-root ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -86,7 +86,7 @@ exports[`InputNumber renders correctly when controls has custom upIcon and downI
 
 exports[`InputNumber renders correctly when controls is {} 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-root ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-root ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
@@ -162,7 +162,7 @@ exports[`InputNumber renders correctly when controls is {} 1`] = `
 
 exports[`InputNumber renders correctly when controls is boolean 1`] = `
 <div
-  class="ant-input-number ant-input-number-outlined css-var-root ant-input-number-css-var"
+  class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-root ant-input-number-css-var"
 >
   <div
     class="ant-input-number-input-wrap"
@@ -180,7 +180,7 @@ exports[`InputNumber renders correctly when controls is boolean 1`] = `
 
 exports[`InputNumber rtl render component should be rendered correctly in RTL direction 1`] = `
 <div
-  class="ant-input-number ant-input-number-rtl ant-input-number-outlined css-var-root ant-input-number-css-var"
+  class="ant-input-number ant-input-number-rtl ant-input-number-outlined ant-input-number-mode-input css-var-root ant-input-number-css-var"
 >
   <div
     class="ant-input-number-handler-wrap"
diff --git a/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
index f6a21ac5f2..ee15d84ff7 100644
--- a/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -788,7 +788,7 @@ Array [
     </span>
   </span>,
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width: 100px;"
   >
     <div
@@ -7215,7 +7215,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
       value="input content"
     />
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <span
         class="ant-input-number-prefix"
@@ -12015,7 +12015,7 @@ exports[`renders components/input/demo/style-class.tsx extend context correctly
   class="ant-flex css-var-test-id ant-flex-align-stretch ant-flex-gap-large ant-flex-vertical"
 >
   <input
-    class="ant-input ant-input-outlined css-var-test-id ant-input-css-var acss-809hvh"
+    class="ant-input ant-input-outlined css-var-test-id ant-input-css-var acss-c5jr4n"
     name="input-object"
     placeholder="Object"
     type="text"
@@ -12037,6 +12037,7 @@ exports[`renders components/input/demo/style-class.tsx extend context correctly
     <textarea
       class="ant-input"
       name="textarea-fn"
+      style="resize: none;"
     >
       TextArea
     </textarea>
diff --git a/components/input/__tests__/__snapshots__/demo.test.tsx.snap b/components/input/__tests__/__snapshots__/demo.test.tsx.snap
index 6c3edda977..3d6abf1f9a 100644
--- a/components/input/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.tsx.snap
@@ -496,7 +496,7 @@ Array [
     </span>
   </span>,
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     style="width:100px"
   >
     <div
@@ -2815,7 +2815,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
       value="input content"
     />
     <div
-      class="ant-input-number-affix-wrapper ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+      class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
     >
       <span
         class="ant-input-number-prefix"
@@ -5324,7 +5324,7 @@ exports[`renders components/input/demo/style-class.tsx correctly 1`] = `
   class="ant-flex css-var-test-id ant-flex-align-stretch ant-flex-gap-large ant-flex-vertical"
 >
   <input
-    class="ant-input ant-input-outlined css-var-test-id ant-input-css-var acss-809hvh"
+    class="ant-input ant-input-outlined css-var-test-id ant-input-css-var acss-c5jr4n"
     name="input-object"
     placeholder="Object"
     type="text"
@@ -5346,6 +5346,7 @@ exports[`renders components/input/demo/style-class.tsx correctly 1`] = `
     <textarea
       class="ant-input"
       name="textarea-fn"
+      style="resize:none"
     >
       TextArea
     </textarea>
diff --git a/components/input/demo/style-class.tsx b/components/input/demo/style-class.tsx
index 2c1275e56f..44e0a9cbc8 100644
--- a/components/input/demo/style-class.tsx
+++ b/components/input/demo/style-class.tsx
@@ -5,7 +5,6 @@ import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ css, cssVar }) => ({
   focusEffect: css`
-    width: 300px;
     border-width: ${cssVar.lineWidth};
     border-radius: ${cssVar.borderRadius};
     transition: box-shadow ${cssVar.motionDurationMid};
@@ -42,7 +41,7 @@ const stylesFnTextArea: TextAreaProps['styles'] = (info) => {
   if (info.props.showCount) {
     return {
       root: { borderColor: '#BDE3C3' },
-      textarea: { resize: 'none' }, // TODO: textarea style 目前不起作用，需要修复
+      textarea: { resize: 'none' },
       count: { color: '#BDE3C3' },
     } satisfies TextAreaProps['styles'];
   }
diff --git a/components/notification/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/notification/__tests__/__snapshots__/demo-extend.test.ts.snap
index e139fc8025..69edb7c339 100644
--- a/components/notification/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/notification/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -707,7 +707,7 @@ exports[`renders components/notification/demo/stack.tsx extend context correctly
           class="ant-space-item"
         >
           <div
-            class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+            class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
           >
             <div
               class="ant-input-number-handler-wrap"
diff --git a/components/notification/__tests__/__snapshots__/demo.test.ts.snap b/components/notification/__tests__/__snapshots__/demo.test.ts.snap
index a5e31b487a..6f7e910a6a 100644
--- a/components/notification/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/notification/__tests__/__snapshots__/demo.test.ts.snap
@@ -687,7 +687,7 @@ exports[`renders components/notification/demo/stack.tsx correctly 1`] = `
           class="ant-space-item"
         >
           <div
-            class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+            class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
           >
             <div
               class="ant-input-number-handler-wrap"
diff --git a/components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap
index a187b0c9c7..7722e0db27 100644
--- a/components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -704,7 +704,7 @@ exports[`renders components/slider/demo/input-number.tsx extend context correctl
         class="ant-col ant-col-4 css-var-test-id"
       >
         <div
-          class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+          class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
           style="margin: 0px 16px;"
         >
           <div
@@ -843,7 +843,7 @@ exports[`renders components/slider/demo/input-number.tsx extend context correctl
         class="ant-col ant-col-4 css-var-test-id"
       >
         <div
-          class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+          class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
           style="margin: 0px 16px;"
         >
           <div
diff --git a/components/slider/__tests__/__snapshots__/demo.test.ts.snap b/components/slider/__tests__/__snapshots__/demo.test.ts.snap
index e27c5ce999..626d62fa42 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.ts.snap
@@ -572,7 +572,7 @@ exports[`renders components/slider/demo/input-number.tsx correctly 1`] = `
         class="ant-col ant-col-4 css-var-test-id"
       >
         <div
-          class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+          class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
           style="margin:0 16px"
         >
           <div
@@ -691,7 +691,7 @@ exports[`renders components/slider/demo/input-number.tsx correctly 1`] = `
         class="ant-col ant-col-4 css-var-test-id"
       >
         <div
-          class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+          class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
           style="margin:0 16px"
         >
           <div
diff --git a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
index b19fdf860b..54d6ae244d 100644
--- a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1168,7 +1168,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         value="input content"
       />
       <div
-        class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-last-item"
+        class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-last-item"
       >
         <div
           class="ant-input-number-handler-wrap"
@@ -8665,7 +8665,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         value=""
       />
       <div
-        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item"
+        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item"
       >
         <div
           class="ant-input-number-wrapper ant-input-number-group"
@@ -8752,7 +8752,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         </div>
       </div>
       <div
-        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-last-item"
+        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-last-item"
       >
         <div
           class="ant-input-number-wrapper ant-input-number-group"
@@ -9139,7 +9139,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                     </span>
                   </div>
                   <div
-                    class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                    class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                   >
                     <div
                       class="ant-input-number-handler-wrap"
@@ -12194,7 +12194,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
               role="separator"
             />
             <div
-              class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+              class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
             >
               <div
                 class="ant-input-number-handler-wrap"
@@ -12392,7 +12392,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
       class="ant-space-compact"
     >
       <div
-        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
+        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
       >
         <div
           class="ant-input-number-wrapper ant-input-number-group"
@@ -13835,7 +13835,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
       class="ant-space-compact"
     >
       <div
-        class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
+        class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
       >
         <div
           class="ant-input-number-handler-wrap"
@@ -14136,7 +14136,7 @@ Array [
         class="ant-space-compact"
       >
         <div
-          class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item"
+          class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item"
         >
           <div
             class="ant-input-number-handler-wrap"
diff --git a/components/space/__tests__/__snapshots__/demo.test.tsx.snap b/components/space/__tests__/__snapshots__/demo.test.tsx.snap
index a79def3a19..d7c56bd661 100644
--- a/components/space/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/space/__tests__/__snapshots__/demo.test.tsx.snap
@@ -812,7 +812,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
         value="input content"
       />
       <div
-        class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-last-item"
+        class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-last-item"
       >
         <div
           class="ant-input-number-handler-wrap"
@@ -1720,7 +1720,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
         value=""
       />
       <div
-        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item"
+        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item"
       >
         <div
           class="ant-input-number-wrapper ant-input-number-group"
@@ -1807,7 +1807,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
         </div>
       </div>
       <div
-        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-last-item"
+        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-last-item"
       >
         <div
           class="ant-input-number-wrapper ant-input-number-group"
@@ -3397,7 +3397,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
       class="ant-space-compact"
     >
       <div
-        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
+        class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
       >
         <div
           class="ant-input-number-wrapper ant-input-number-group"
@@ -3649,7 +3649,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
       class="ant-space-compact"
     >
       <div
-        class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
+        class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
       >
         <div
           class="ant-input-number-handler-wrap"
@@ -3854,7 +3854,7 @@ Array [
         class="ant-space-compact"
       >
         <div
-          class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-compact-item"
+          class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-compact-item"
         >
           <div
             class="ant-input-number-handler-wrap"
diff --git a/components/table/__tests__/__snapshots__/demo.test.ts.snap b/components/table/__tests__/__snapshots__/demo.test.ts.snap
index fe3b924776..2ee3b6d736 100644
--- a/components/table/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.ts.snap
@@ -24506,7 +24506,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly
 exports[`renders components/table/demo/row-selection-debug.tsx correctly 1`] = `
 Array [
   <div
-    class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+    class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
   >
     <div
       class="ant-input-number-handler-wrap"
diff --git a/components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap
index 3d43882087..513dff51f9 100644
--- a/components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1494,7 +1494,7 @@ exports[`renders components/tooltip/demo/disabled-children.tsx extend context co
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-disabled"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-disabled"
     >
       <div
         class="ant-input-number-handler-wrap"
diff --git a/components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap b/components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap
index f7187d5e85..95132eccea 100644
--- a/components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap
@@ -648,7 +648,7 @@ exports[`renders components/tooltip/demo/disabled-children.tsx correctly 1`] = `
     class="ant-space-item"
   >
     <div
-      class="ant-input-number ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-input-number-disabled"
+      class="ant-input-number ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-input-number-disabled"
     >
       <div
         class="ant-input-number-handler-wrap"
diff --git a/components/watermark/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/watermark/__tests__/__snapshots__/demo-extend.test.ts.snap
index 4dc4360837..287f608915 100644
--- a/components/watermark/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/watermark/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -414,7 +414,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
                             </span>
                           </div>
                           <div
-                            class="ant-input-number ant-input-number-sm ant-input-number-outlined css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
+                            class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var ant-color-picker-steppers ant-color-picker-alpha-input"
                           >
                             <div
                               class="ant-input-number-handler-wrap"
@@ -779,7 +779,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
                             style="width: 100%;"
                           >
                             <div
@@ -876,7 +876,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
                             style="width: 100%;"
                           >
                             <div
@@ -1008,7 +1008,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
                             style="width: 100%;"
                           >
                             <div
@@ -1104,7 +1104,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
                             style="width: 100%;"
                           >
                             <div
diff --git a/components/watermark/__tests__/__snapshots__/demo.test.ts.snap b/components/watermark/__tests__/__snapshots__/demo.test.ts.snap
index 7f4eb4497d..ffc31c11dc 100644
--- a/components/watermark/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/watermark/__tests__/__snapshots__/demo.test.ts.snap
@@ -351,7 +351,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
                             style="width:100%"
                           >
                             <div
@@ -448,7 +448,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
                             style="width:100%"
                           >
                             <div
@@ -580,7 +580,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
                             style="width:100%"
                           >
                             <div
@@ -676,7 +676,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined css-var-test-id ant-input-number-css-var"
+                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-mode-input css-var-test-id ant-input-number-css-var"
                             style="width:100%"
                           >
                             <div
diff --git a/package.json b/package.json
index 3119c8b873..7c6e3110b3 100644
--- a/package.json
+++ b/package.json
@@ -124,9 +124,9 @@
     "@rc-component/dropdown": "~1.0.0",
     "@rc-component/form": "~1.4.0",
     "@rc-component/image": "~1.5.1",
-    "@rc-component/input": "~1.0.1",
-    "@rc-component/input-number": "~1.3.0",
-    "@rc-component/mentions": "~1.3.1",
+    "@rc-component/input": "~1.1.0",
+    "@rc-component/input-number": "~1.5.0",
+    "@rc-component/mentions": "~1.4.0",
     "@rc-component/menu": "~1.1.4",
     "@rc-component/motion": "~1.1.4",
     "@rc-component/mutate-observer": "^2.0.0",
@@ -144,7 +144,7 @@
     "@rc-component/switch": "~1.0.2",
     "@rc-component/table": "~1.8.1",
     "@rc-component/tabs": "~1.6.0",
-    "@rc-component/textarea": "~1.0.0",
+    "@rc-component/textarea": "~1.1.2",
     "@rc-component/tooltip": "~1.3.3",
     "@rc-component/tour": "~2.2.0",
     "@rc-component/tree": "~1.0.1",