From 88e0358aa35b381526314fe95d9eb32c5196315b Mon Sep 17 00:00:00 2001
From: Eamon-meng <17516219072@163.com>
Date: Tue, 15 Jul 2025 14:49:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=9F=AD=E6=95=88IP=E7=9A=84?=
 =?UTF-8?q?=E6=8F=90=E5=8F=96=E6=95=B0=E9=87=8F=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E7=9A=84=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/composites/extract/index.tsx | 56 ++++++++++++++++-----
 1 file changed, 43 insertions(+), 13 deletions(-)

diff --git a/src/components/composites/extract/index.tsx b/src/components/composites/extract/index.tsx
index 40ed092..cd00256 100644
--- a/src/components/composites/extract/index.tsx
+++ b/src/components/composites/extract/index.tsx
@@ -270,20 +270,50 @@ const FormFields = memo(() => {
       </FormField>
 
       {/* 提取数量 */}
-      <FormField name="count" className="max-w[160px*2+1rem]" label="提取数量" classNames={{label: 'max-md:text-sm'}}>
+      <FormField
+        name="count"
+        className="max-w[160px*2+1rem]"
+        label="提取数量"
+        classNames={{label: 'max-md:text-sm'}}
+      >
         {({id, field}) => (
-          <Input
-            {...field}
-            id={id}
-            type="number"
-            min={1}
-            onChange={(e) => {
-              const value = Math.max(1, Number(e.target.value))
-              field.onChange(value)
-            }}
-            className="h-10"
-            placeholder="输入提取数量"
-          />
+          <div className="flex gap-2 items-center">
+            {/* 减号按钮：移动端显示，步长1，最小1 */}
+            <Button
+              theme="outline"
+              type="button"
+              className="h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg"
+              onClick={() => field.onChange(Math.max(1, Number(field.value) - 1))}
+              disabled={Number(field.value) === 1}
+            >
+              -
+            </Button>
+
+            {/* 数量输入框 */}
+            <Input
+              {...field}
+              id={id}
+              type="number"
+              min={1}
+              step={1}
+              className="w-40 h-10 border border-gray-200 rounded-sm text-center"
+              placeholder="输入提取数量"
+              onChange={(e) => {
+                const value = Math.max(1, Number(e.target.value) || 1)
+                field.onChange(value)
+              }}
+            />
+
+            {/* 加号按钮：移动端显示，步长1 */}
+            <Button
+              theme="outline"
+              type="button"
+              className="h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg"
+              onClick={() => field.onChange(Number(field.value) + 1)}
+            >
+              +
+            </Button>
+          </div>
         )}
       </FormField>
     </div>