From 46d40b184ba1f35008b0bc7e40a38f07a490e138 Mon Sep 17 00:00:00 2001
From: joey-home <joeyswork@126.com>
Date: Thu, 3 Sep 2026 22:00:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E5=BA=97=E9=93=BA=E5=BF=85?=
 =?UTF-8?q?=E5=A1=AB=E9=A1=B9=E6=8B=A6=E6=88=AA=E7=BA=AF=E7=A9=BA=E6=A0=BC?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=EF=BC=8CAPI=20Key=20=E6=94=BE=E5=AE=BD?=
 =?UTF-8?q?=E5=88=B0=E5=A5=91=E7=BA=A6=E4=B8=8A=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 店铺名称/Client ID/API Key 的 required 规则加 whitespace: true，
  与服务端 trim 后非空校验对齐
- API Key 输入 maxLength 200 → 8192（packages/contracts 契约上限），
  避免误拦较长的真实平台密钥
- 浏览器实测：空提交与纯空格提交均展示四条必填错误且不发请求，
  正常填写创建成功
---
 apps/web/src/pages/shops/ShopsPage.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/pages/shops/ShopsPage.tsx b/apps/web/src/pages/shops/ShopsPage.tsx
index f0bad15..9caf0e7 100644
--- a/apps/web/src/pages/shops/ShopsPage.tsx
+++ b/apps/web/src/pages/shops/ShopsPage.tsx
@@ -507,7 +507,7 @@ const ShopsPage = () => {
                         name="name"
                         label="店铺名称"
                         required
-                        rules={[{ required: true, message: '请输入店铺名称' }]}
+                        rules={[{ required: true, whitespace: true, message: '请输入店铺名称' }]}
                     >
                         <Input maxLength={120} placeholder="例如：Ozon 俄罗斯主店" />
                     </Form.Item>
@@ -515,7 +515,7 @@ const ShopsPage = () => {
                         name="client_id"
                         label="Client ID"
                         required
-                        rules={[{ required: true, message: '请输入平台 Client ID' }]}
+                        rules={[{ required: true, whitespace: true, message: '请输入平台 Client ID' }]}
                     >
                         <Input maxLength={120} placeholder="平台后台的 Client ID" />
                     </Form.Item>
@@ -523,11 +523,12 @@ const ShopsPage = () => {
                         name="api_key"
                         label="API Key"
                         required
-                        rules={[{ required: true, message: '请输入平台 API Key' }]}
+                        rules={[{ required: true, whitespace: true, message: '请输入平台 API Key' }]}
                         extra="仅用于服务端加密保存与凭据验证，不会出现在日志或响应中"
                     >
+                        {/* 契约上限 8192（packages/contracts/src/stores.ts），不自行收紧 */}
                         <Input.Password
-                            maxLength={200}
+                            maxLength={8192}
                             placeholder="平台后台的 API Key"
                             autoComplete="new-password"
                         />
@@ -604,7 +605,7 @@ const ShopsPage = () => {
                             extra="留空保留现有密钥；填写后将替换并重新验证凭据"
                         >
                             <Input.Password
-                                maxLength={200}
+                                maxLength={8192}
                                 placeholder="不修改请留空"
                                 autoComplete="new-password"
                             />