From 3bbdab31036064e392f647cbd9a6e3d8635a1872 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=B1=9F=E8=BE=B0?= <SpaceCode@foxmail.com>
Date: Thu, 26 Sep 2024 12:44:24 +0800
Subject: [PATCH] fix(input-number): fix readonly not working in button mode
 (#3314)

---
 packages/web-vue/components/input-number/input-number.tsx | 3 +++
 packages/web-vue/components/input-number/style/index.less | 7 +++++++
 2 files changed, 10 insertions(+)

diff --git a/packages/web-vue/components/input-number/input-number.tsx b/packages/web-vue/components/input-number/input-number.tsx
index 73dc09a06..5ee2e26d1 100644
--- a/packages/web-vue/components/input-number/input-number.tsx
+++ b/packages/web-vue/components/input-number/input-number.tsx
@@ -375,6 +375,9 @@ export default defineComponent({
       needRepeat = false
     ) => {
       event.preventDefault();
+
+      if (props.readOnly) return;
+
       inputRef.value?.focus();
 
       nextStep(method, event);
diff --git a/packages/web-vue/components/input-number/style/index.less b/packages/web-vue/components/input-number/style/index.less
index 6bcbe270d..553a54bc4 100644
--- a/packages/web-vue/components/input-number/style/index.less
+++ b/packages/web-vue/components/input-number/style/index.less
@@ -150,4 +150,11 @@
       }
     }
   }
+
+  &-readonly {
+    .@{input-number-prefix-cls}-step-button {
+      color: @input-number-step-button-color_disabled;
+      pointer-events: none;
+    }
+  }
 }