feat: 如果上传时拖动的是文件夹，应该把文件夹下所有的文件都上传，当前是无法支持啥都没上传

Author: CC11001100

src/pages/FileUpload.tsx

@@ -6,6 +6,41 @@ interface FileUploadProps {
     onFilesUploaded: (files: FileInfo[]) => void;
 }
 
+const getFilesFromDirectory = async (directory: FileSystemDirectoryEntry): Promise<File[]> => {
+    return new Promise((resolve) => {
+        const files: File[] = [];
+        const reader = directory.createReader();
+
+        const readEntries = () => {
+            reader.readEntries(async (entries) => {
+                if (!entries.length) {
+                    resolve(files);
+                } else {
+                    await Promise.all(entries.map(async (entry) => {
+                        if (entry.isFile) {
+                            await new Promise((fileResolve) => {
+                                (entry as FileSystemFileEntry).file((file) => {
+                                    const mappedFile = new File([file], entry.fullPath, {
+                                        type: file.type,
+                                        lastModified: file.lastModified
+                                    });
+                                    files.push(mappedFile);
+                                    fileResolve(null);
+                                });
+                            });
+                        } else if (entry.isDirectory) {
+                            const subFiles = await getFilesFromDirectory(entry as FileSystemDirectoryEntry);
+                            files.push(...subFiles);
+                        }
+                    }));
+                    readEntries();
+                }
+            });
+        };
+        readEntries();
+    });
+};
+
 const FileUpload: React.FC<FileUploadProps> = ({onFilesUploaded}) => {
     const [isDragging, setIsDragging] = useState(false);
     const fileInputRef = useRef<HTMLInputElement>(null);
@@ -16,7 +51,7 @@ const FileUpload: React.FC<FileUploadProps> = ({onFilesUploaded}) => {
             reader.onload = (e) => {
                 resolve({
                     name: file.name,
-                    path: (file as any).path || file.name, // 获取完整路径
+                    path: file.webkitRelativePath || (file as any).path || file.name,
                     size: file.size,
                     extension: file.name.split('.').pop() || '',
                     content: e.target?.result as string
@@ -26,10 +61,32 @@ const FileUpload: React.FC<FileUploadProps> = ({onFilesUploaded}) => {
         });
     };
 
+    const processEntries = async (items: DataTransferItemList) => {
+        const files: File[] = [];
+
+        await Promise.all(Array.from(items).map(async (item) => {
+            if (item.webkitGetAsEntry) {
+                const entry = item.webkitGetAsEntry();
+                if (entry?.isDirectory) {
+                    const directoryFiles = await getFilesFromDirectory(entry as FileSystemDirectoryEntry);
+                    files.push(...directoryFiles);
+                } else if (entry?.isFile) {
+                    const file = item.getAsFile();
+                    if (file) files.push(file);
+                }
+            } else {
+                const file = item.getAsFile();
+                if (file) files.push(file);
+            }
+        }));
+
+        return files;
+    };
+
     const handleFileDrop = async (e: React.DragEvent) => {
         e.preventDefault();
         setIsDragging(false);
-        const files = Array.from(e.dataTransfer.files);
+        const files = await processEntries(e.dataTransfer.items);
         const processedFiles = await Promise.all(files.map(readFileContent));
         onFilesUploaded(processedFiles);
     };
@@ -38,16 +95,13 @@ const FileUpload: React.FC<FileUploadProps> = ({onFilesUploaded}) => {
         const files = Array.from(e.target.files || []);
         const processedFiles = await Promise.all(files.map(readFileContent));
         onFilesUploaded(processedFiles);
-        // 清空input值以允许重复选择相同文件
         if (fileInputRef.current) {
             fileInputRef.current.value = '';
         }
     };
 
     const handleClick = () => {
-        if (fileInputRef.current) {
-            fileInputRef.current.click();
-        }
+        fileInputRef.current?.click();
     };
 
     return (
@@ -65,11 +119,12 @@ const FileUpload: React.FC<FileUploadProps> = ({onFilesUploaded}) => {
             <input
                 type="file"
                 multiple
+                // webkitdirectory=""
                 onChange={handleFileSelect}
                 className="file-input"
                 ref={fileInputRef}
             />
-            <p>拖放AI参考代码文件到这里或点击此处选择文件（参考上下文越完整，AI推理结果越好）</p>
+            <p>拖放AI参考代码文件/文件夹到这里或点击此处选择（参考上下文越完整，AI推理结果越好）</p>
         </div>
     );
 };