feat: 本次提交更新内容如下

保存版本

nkebao/src/App.tsx

@@ -49,7 +49,7 @@ function App() {
   }, []);
 
   return (
-    <BrowserRouter>
+    <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
       <AuthProvider>
         <WechatAccountProvider>
           <ToastProvider>

nkebao/src/components/UploadImage.tsx

@@ -12,6 +12,13 @@ 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) => {
@@ -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 组件自己管理
     />
   );
 };