From 4144b64ab8d16e64d09d9492cdedbcf82d71fc10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E9=87=8C=E7=9A=84=E6=B0=B8?=
 =?UTF-8?q?=E5=B9=B3?= <fsmecx@gmail.com>
Date: Tue, 15 Jul 2025 14:58:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B=20?=
 =?UTF-8?q?=E4=BF=9D=E5=AD=98=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nkebao/src/App.tsx                    |  2 +-
 nkebao/src/components/UploadImage.tsx | 15 +++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/nkebao/src/App.tsx b/nkebao/src/App.tsx
index f77b7005..86344416 100644
--- a/nkebao/src/App.tsx
+++ b/nkebao/src/App.tsx
@@ -49,7 +49,7 @@ function App() {
   }, []);
 
   return (
-    <BrowserRouter>
+    <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
       <AuthProvider>
         <WechatAccountProvider>
           <ToastProvider>
diff --git a/nkebao/src/components/UploadImage.tsx b/nkebao/src/components/UploadImage.tsx
index 726f3dfa..489b8137 100644
--- a/nkebao/src/components/UploadImage.tsx
+++ b/nkebao/src/components/UploadImage.tsx
@@ -12,7 +12,14 @@ interface UploadImageProps {
 }
 
 const UploadImage: React.FC<UploadImageProps> = ({ value = [], onChange, ...props }) => {
- 
+  // 受控 files 状态
+  const [files, setFiles] = useState<TDesignUploadFile[]>(value.map(url => ({ url })));
+
+  // value 变化时同步 files
+  useEffect(() => {
+    setFiles(value.map(url => ({ url })));
+  }, [value]);
+
   // 处理上传
   const requestMethod = async (file: TDesignUploadFile) => {
     try {
@@ -22,6 +29,7 @@ const UploadImage: React.FC<UploadImageProps> = ({ value = [], onChange, ...prop
         response: {
           url
         },
+        url,
       };
     } catch (e: any) {
       return {
@@ -34,21 +42,20 @@ const UploadImage: React.FC<UploadImageProps> = ({ value = [], onChange, ...prop
 
   // 处理文件变更
   const handleChange = (newFiles: TDesignUploadFile[]) => {
-    console.log(newFiles);
-    
+    setFiles(newFiles);
     const urls = newFiles.map(f => f.url).filter((url): url is string => Boolean(url));
     onChange?.(urls);
   };
 
   return (
     <Upload
+      files={files}
       requestMethod={requestMethod}
       onChange={handleChange}
       multiple
       accept={props.accept}
       max={props.max}
       disabled={props.disabled}
-      // 不传 files，Upload 组件自己管理
     />
   );
 };