From 375a6f30c0965eb8d4b48b30bb4df53144de558b Mon Sep 17 00:00:00 2001
From: Eamon-meng <17516219072@163.com>
Date: Thu, 18 Dec 2025 12:28:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=B4=AD=E4=B9=B0=E5=A5=97?=
 =?UTF-8?q?=E9=A4=90Input=E6=A1=86=E5=92=8C=E8=AE=A1=E7=AE=97=E6=95=B0?=
 =?UTF-8?q?=E9=87=8F=E4=BC=A0=E5=8F=82=E7=9A=84=E9=97=AE=E9=A2=98=20&?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/composites/purchase/index.tsx  |  1 +
 .../composites/purchase/long/center.tsx       | 23 ++++++++++++++++---
 .../composites/purchase/long/right.tsx        |  7 ++----
 .../composites/purchase/short/center.tsx      | 15 +++++++++++-
 .../composites/purchase/short/right.tsx       |  8 +++----
 src/components/wrap.tsx                       |  2 +-
 6 files changed, 41 insertions(+), 15 deletions(-)

diff --git a/src/components/composites/purchase/index.tsx b/src/components/composites/purchase/index.tsx
index 3426191..326ba18 100644
--- a/src/components/composites/purchase/index.tsx
+++ b/src/components/composites/purchase/index.tsx
@@ -4,6 +4,7 @@ import {merge} from '@/lib/utils'
 import {Tabs, TabsContent, TabsList, TabsTrigger} from '@/components/ui/tabs'
 import LongForm from '@/components/composites/purchase/long/form'
 import ShortForm from '@/components/composites/purchase/short/form'
+import FixedForm from '@/components/composites/purchase/fixed/form'
 import Custom from '@/components/composites/purchase/custom/page'
 import {usePathname, useRouter, useSearchParams} from 'next/navigation'
 import SelfDesc from '@/components/features/self-desc'
diff --git a/src/components/composites/purchase/long/center.tsx b/src/components/composites/purchase/long/center.tsx
index 9b701cb..701452e 100644
--- a/src/components/composites/purchase/long/center.tsx
+++ b/src/components/composites/purchase/long/center.tsx
@@ -105,6 +105,12 @@ export default function Center() {
                   className="w-40 h-10 border border-gray-200 rounded-sm text-center"
                   min={minValue}
                   step={step}
+                  onBlur={(e) => {
+                    const value = Number(e.target.value)
+                    if (value < 500) {
+                      form.setValue('quota', 500)
+                    }
+                  }}
                 />
                 <Button
                   theme="outline"
@@ -164,9 +170,20 @@ export default function Center() {
                     <Minus/>
                   </Button>
 
-                  <div className="w-40 h-10 border border-gray-200 rounded-sm flex items-center justify-center">
-                    {value}
-                  </div>
+                  <Input
+                    {...field}
+                    id={id}
+                    type="number"
+                    className="w-40 h-10 border border-gray-200 rounded-sm text-center"
+                    min={100}
+                    step={100}
+                    onBlur={(e) => {
+                      const value = Number(e.target.value)
+                      if (value < 100) {
+                        form.setValue('daily_limit', 100)
+                      }
+                    }}
+                  />
 
                   <Button
                     theme="outline"
diff --git a/src/components/composites/purchase/long/right.tsx b/src/components/composites/purchase/long/right.tsx
index 1a8b3ec..1a5cae8 100644
--- a/src/components/composites/purchase/long/right.tsx
+++ b/src/components/composites/purchase/long/right.tsx
@@ -27,7 +27,7 @@ export default function Right() {
   const quota = useWatch({control, name: 'quota'})
   const expire = useWatch({control, name: 'expire'})
   const dailyLimit = useWatch({control, name: 'daily_limit'})
-  const [price, setPrice] = useState<string>('0.00')
+  const [price, setPrice] = useState<string>('')
 
   useEffect(() => {
     const price = async () => {
@@ -36,7 +36,7 @@ export default function Right() {
         long: {
           live: Number(live),
           mode: Number(mode),
-          quota: Number(mode) === 1 ? dailyLimit : quota,
+          quota: Number(mode) === 1 ? Number(dailyLimit) : Number(quota),
           expire: Number(mode) === 1 ? Number(expire) : undefined,
         },
       }
@@ -45,9 +45,6 @@ export default function Right() {
         if (priceValue.success && priceValue.data?.price) {
           setPrice(priceValue.data.price)
         }
-        else {
-          setPrice('0.00')
-        }
       }
       catch (error) {
         console.error('获取价格失败:', error)
diff --git a/src/components/composites/purchase/short/center.tsx b/src/components/composites/purchase/short/center.tsx
index c2a40e2..55fdbcf 100644
--- a/src/components/composites/purchase/short/center.tsx
+++ b/src/components/composites/purchase/short/center.tsx
@@ -100,7 +100,14 @@ export default function Center() {
                 type="number"
                 className="w-40 h-10 border border-gray-200 rounded-sm text-center"
                 min={10000}
-                step={5000}/>
+                step={5000}
+                onBlur={(e) => {
+                  const value = Number(e.target.value)
+                  if (value < 10000) {
+                    form.setValue('quota', 10000)
+                  }
+                }}
+              />
               <Button
                 theme="outline"
                 type="button"
@@ -157,6 +164,12 @@ export default function Center() {
                   className="w-40 h-10 border border-gray-200 rounded-sm text-center"
                   min={2_000}
                   step={1_000}
+                  onBlur={(e) => {
+                    const value = Number(e.target.value)
+                    if (value < 2_000) {
+                      form.setValue('daily_limit', 2_000)
+                    }
+                  }}
                 />
                 <Button
                   theme="outline"
diff --git a/src/components/composites/purchase/short/right.tsx b/src/components/composites/purchase/short/right.tsx
index 547bd77..93e561d 100644
--- a/src/components/composites/purchase/short/right.tsx
+++ b/src/components/composites/purchase/short/right.tsx
@@ -25,7 +25,8 @@ export default function Right() {
   const expire = useWatch({control, name: 'expire'})
   const quota = useWatch({control, name: 'quota'})
   const dailyLimit = useWatch({control, name: 'daily_limit'})
-  const [price, setPrice] = useState<string>('0.00')
+  const [price, setPrice] = useState<string>('')
+
   useEffect(() => {
     const price = async () => {
       const params: CreateResourceReq = {
@@ -33,7 +34,7 @@ export default function Right() {
         short: {
           live: Number(live),
           mode: Number(mode),
-          quota: Number(mode) === 1 ? dailyLimit : quota,
+          quota: Number(mode) === 1 ? Number(dailyLimit) : Number(quota),
           expire: Number(mode) === 1 ? Number(expire) : undefined,
         },
       }
@@ -42,9 +43,6 @@ export default function Right() {
         if (priceResponse.success && priceResponse.data?.price) {
           setPrice(priceResponse.data.price)
         }
-        else {
-          setPrice('0.00')
-        }
       }
       catch (error) {
         console.error('获取价格失败:', error)
diff --git a/src/components/wrap.tsx b/src/components/wrap.tsx
index c121cc7..f2e9a29 100644
--- a/src/components/wrap.tsx
+++ b/src/components/wrap.tsx
@@ -7,7 +7,7 @@ export type WrapProps = {
 
 export default function Wrap(props: WrapProps) {
   return (
-    <div className={`max-w-[1632px] w-full px-4 mx-auto ${props.className}`}>
+    <div className={`max-w-[1232px] w-full px-4 mx-auto ${props.className}`}>
       {props.children}
     </div>
   )