From 8497e54ec7ddc3660d66ab56cffbbb9b89c8a910 Mon Sep 17 00:00:00 2001
From: hky <1499449886@qq.com>
Date: Thu, 12 Feb 2026 13:27:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E4=B8=8A=E4=BC=A0=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=A4=B9=E6=97=B6=EF=BC=8C=E6=96=87=E4=BB=B6=E5=A4=B9?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF=E4=BC=9A=E8=B6=85=E5=87=BA?=
 =?UTF-8?q?=E6=A8=A1=E6=80=81=E6=A1=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/files/components/UploadModal.tsx | 54 +++++++++++++++++-----
 1 file changed, 42 insertions(+), 12 deletions(-)

diff --git a/src/pages/files/components/UploadModal.tsx b/src/pages/files/components/UploadModal.tsx
index 11f9332..717400c 100644
--- a/src/pages/files/components/UploadModal.tsx
+++ b/src/pages/files/components/UploadModal.tsx
@@ -10,6 +10,12 @@ import {
   DialogTitle,
   DialogFooter,
 } from '@/components/ui/dialog'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
 
 interface UploadModalProps {
   open: boolean
@@ -31,7 +37,8 @@ export default function UploadModal({
   const [fileList, setFileList] = useState<FileWithPath[]>([])
   const [isDragging, setIsDragging] = useState(false)
 
-  const { startUploadSession, createTask, createTasksWithDirectory } = useTransferStore()
+  const { startUploadSession, createTask, createTasksWithDirectory } =
+    useTransferStore()
 
   useEffect(() => {
     if (!open) {
@@ -41,7 +48,7 @@ export default function UploadModal({
 
   const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const files = Array.from(e.target.files || []) as FileWithPath[]
-    
+
     if (isDirectoryMode) {
       // 目录模式：不限制数量
       setFileList([...fileList, ...files])
@@ -123,7 +130,9 @@ export default function UploadModal({
 
   const handleSubmit = async () => {
     if (fileList.length === 0) {
-      toast.warning(isDirectoryMode ? '请选择要上传的文件夹' : '请选择要上传的文件')
+      toast.warning(
+        isDirectoryMode ? '请选择要上传的文件夹' : '请选择要上传的文件'
+      )
       return
     }
 
@@ -142,9 +151,12 @@ export default function UploadModal({
     onOpenChange(false)
 
     // 显示通知
-    toast.success(isDirectoryMode ? '文件夹已添加到传输列表' : '文件已添加到传输列表', {
-      description: '可前往传输列表查看上传进度',
-    })
+    toast.success(
+      isDirectoryMode ? '文件夹已添加到传输列表' : '文件已添加到传输列表',
+      {
+        description: '可前往传输列表查看上传进度',
+      }
+    )
   }
 
   // 获取显示的文件名
@@ -159,7 +171,9 @@ export default function UploadModal({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className='max-w-xl'>
         <DialogHeader>
-          <DialogTitle>{isDirectoryMode ? '上传文件夹' : '上传文件'}</DialogTitle>
+          <DialogTitle>
+            {isDirectoryMode ? '上传文件夹' : '上传文件'}
+          </DialogTitle>
         </DialogHeader>
 
         <div className='py-4'>
@@ -189,10 +203,14 @@ export default function UploadModal({
               <Upload className='mb-4 h-12 w-12 text-primary' />
             )}
             <div className='text-base font-medium text-foreground'>
-              {isDirectoryMode ? '点击或拖拽文件夹到此处上传' : '点击或拖拽文件到此处上传'}
+              {isDirectoryMode
+                ? '点击或拖拽文件夹到此处上传'
+                : '点击或拖拽文件到此处上传'}
             </div>
             <div className='mt-2 text-sm text-muted-foreground'>
-              {isDirectoryMode ? '支持上传整个文件夹，保留目录结构' : '支持同时上传多个文件，单次最多 10 个'}
+              {isDirectoryMode
+                ? '支持上传整个文件夹，保留目录结构'
+                : '支持同时上传多个文件，单次最多 10 个'}
             </div>
           </label>
 
@@ -205,9 +223,21 @@ export default function UploadModal({
                 >
                   <div className='flex min-w-0 flex-1 items-center gap-2'>
                     <FileIcon className='h-4 w-4 flex-shrink-0' />
-                    <span className='truncate text-sm' title={getDisplayName(file)}>
-                      {getDisplayName(file)}
-                    </span>
+                    <TooltipProvider>
+                      <Tooltip>
+                        <TooltipTrigger asChild>
+                          <span
+                            className='text-sm break-words whitespace-normal'
+                            style={{ wordBreak: 'break-all' }}
+                          >
+                            {getDisplayName(file)}
+                          </span>
+                        </TooltipTrigger>
+                        <TooltipContent>
+                          <p>{getDisplayName(file)}</p>
+                        </TooltipContent>
+                      </Tooltip>
+                    </TooltipProvider>
                   </div>
                   <X
                     className='h-4 w-4 flex-shrink-0 cursor-pointer text-muted-foreground hover:text-destructive'
-- 
Gitee