fix(input-number): fix readonly not working in button mode (#3314)

arco-design · Sep 26, 2024 · 3bbdab3 · 3bbdab3
1 parent e967405
commit 3bbdab3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git 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
@@ -150,4 +150,11 @@
       }
     }
   }
+
+  &-readonly {
+    .@{input-number-prefix-cls}-step-button {
+      color: @input-number-step-button-color_disabled;
+      pointer-events: none;
+    }
+  }
 }