From 093b9db735c902d9721dad3825f5d8f938b49928 Mon Sep 17 00:00:00 2001
From: kanweiwei <kwwnjujlc@sina.com>
Date: Tue, 20 Jul 2021 09:43:23 +0800
Subject: [PATCH] feat: add `controls` to  toggle visibility

---
 README.md           |  6 ++++++
 src/InputNumber.tsx | 20 ++++++++++++--------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 231a1b61..ac0d874e 100644
--- a/README.md
+++ b/README.md
@@ -136,6 +136,12 @@ online example: https://input-number.vercel.app/
           <td>false</td>
           <td>Specifies that an InputNumber is read only </td>
         </tr>
+        <tr>
+          <td>controls</td>
+          <td>Boolean</td>
+          <td>true</td>
+          <td>Whether to enable the control buttons</td>
+        </tr>
         <tr>
           <td>name</td>
           <td>String</td>
diff --git a/src/InputNumber.tsx b/src/InputNumber.tsx
index 4f0be4a7..09e97fb0 100644
--- a/src/InputNumber.tsx
+++ b/src/InputNumber.tsx
@@ -42,6 +42,7 @@ export interface InputNumberProps<T extends ValueType = ValueType>
   max?: T;
   step?: ValueType;
   tabIndex?: number;
+  controls?: boolean;
 
   // Customize handler node
   upHandler?: React.ReactNode;
@@ -85,6 +86,7 @@ const InputNumber = React.forwardRef(
       upHandler,
       downHandler,
       keyboard,
+      controls = true,
 
       stringMode,
 
@@ -502,14 +504,16 @@ const InputNumber = React.forwardRef(
         onCompositionStart={onCompositionStart}
         onCompositionEnd={onCompositionEnd}
       >
-        <StepHandler
-          prefixCls={prefixCls}
-          upNode={upHandler}
-          downNode={downHandler}
-          upDisabled={upDisabled}
-          downDisabled={downDisabled}
-          onStep={onInternalStep}
-        />
+        {controls && (
+          <StepHandler
+            prefixCls={prefixCls}
+            upNode={upHandler}
+            downNode={downHandler}
+            upDisabled={upDisabled}
+            downDisabled={downDisabled}
+            onStep={onInternalStep}
+          />
+        )}
         <div className={`${inputClassName}-wrap`}>
           <input
             autoComplete="off"