From e1023f8c8d5a0602dc7368d56e58499d404948f3 Mon Sep 17 00:00:00 2001
From: Yann <1319542051@qq.com>
Date: Wed, 12 Nov 2025 09:26:54 +0800
Subject: [PATCH 1/2] =?UTF-8?q?add=20=E5=A2=9E=E5=8A=A0=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/fti/image.png | Bin 0 -> 3654 bytes
 src/utils/file-icon.ts          |  29 +++++++++++++++++++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 src/assets/images/fti/image.png

diff --git a/src/assets/images/fti/image.png b/src/assets/images/fti/image.png
new file mode 100644
index 0000000000000000000000000000000000000000..46d66670c717746a0999af373b0fb82552f1ce5f
GIT binary patch
literal 3654
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

literal 0
HcmV?d00001

diff --git a/src/utils/file-icon.ts b/src/utils/file-icon.ts
index 6c984c4..05eedce 100644
--- a/src/utils/file-icon.ts
+++ b/src/utils/file-icon.ts
@@ -94,6 +94,31 @@ export function getFileIconName(suffix: string): string {
   // Flash类型 - flash.png
   const flashTypes = ['swf'];
 
+  // 图片类型
+  const imageTypes: string[] = [
+    // 常见格式
+    'png',
+    'jpg',
+    'jpeg',
+    'gif',
+    'bmp',
+    'webp',
+    // 矢量格式
+    'svg',
+    // 图标格式
+    'ico',
+    // 高质量/原始格式
+    'tif',
+    'tiff',
+    // 现代图片格式
+    'avif',
+    'heic',
+    'heif',
+    // (可选) 设计软件格式
+    'psd', // Photoshop
+    'ai',  // Illustrator
+  ];
+
   // 按优先级匹配
   if (documentTypes[suffix]) {
     return documentTypes[suffix];
@@ -127,6 +152,10 @@ export function getFileIconName(suffix: string): string {
     return 'flash';
   }
 
+  if (imageTypes.includes(suffix)) {
+    return 'image';
+  }
+
   // 默认文件图标
   return 'file';
 }
-- 
Gitee


From 58cc42ad11e82928a19ff78b94ba1e8d92bbd360 Mon Sep 17 00:00:00 2001
From: Yann <1319542051@qq.com>
Date: Wed, 12 Nov 2025 14:10:13 +0800
Subject: [PATCH 2/2] =?UTF-8?q?update=20=E7=BB=84=E4=BB=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/audio-player/index.vue         | 12 +------
 src/components/code-player/index.vue          |  2 ++
 src/views/files/components/file-previewer.vue | 31 +++++++------------
 3 files changed, 15 insertions(+), 30 deletions(-)

diff --git a/src/components/audio-player/index.vue b/src/components/audio-player/index.vue
index 8e9af45..e28e789 100644
--- a/src/components/audio-player/index.vue
+++ b/src/components/audio-player/index.vue
@@ -115,38 +115,28 @@
 </template>
 
 <style scoped lang="less">
-  /*
-    这是总容器, 它会撑满 80vh 的模态框
-  */
   .audio-player-wrapper {
     width: 100%;
     height: 100%;
 
-    // 使用 flex 布局让画布和控件垂直居中
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 
-    // 给一点内边距
     padding: 20px;
   }
 
   /* 频谱画布的样式*/
   .audio-canvas {
     width: 100%;
-    //max-width: 600px;
-    height: 120px; // 给频谱一个固定的高度
+    height: 260px; // 给频谱一个固定的高度
     margin-bottom: 20px; // 和播放器拉开一点距离
   }
 
   /* 播放器控件的容器 */
   .player-container {
     width: 100%;
-    //max-width: 600px;
-
-    // 【样式修复】
-    // 移除 height: 100%
     // 播放器自己有 height: 50px, 我们只需要给个最小高度
     min-height: 50px;
   }
diff --git a/src/components/code-player/index.vue b/src/components/code-player/index.vue
index 9534fa0..9bea7b6 100644
--- a/src/components/code-player/index.vue
+++ b/src/components/code-player/index.vue
@@ -47,6 +47,8 @@
         return 'go';
       case 'sh':
         return 'shell';
+      case 'vue':
+        return 'html';
       // 默认返回纯文本
       default:
         return 'plaintext';
diff --git a/src/views/files/components/file-previewer.vue b/src/views/files/components/file-previewer.vue
index 4c5a538..8c97bf3 100644
--- a/src/views/files/components/file-previewer.vue
+++ b/src/views/files/components/file-previewer.vue
@@ -24,7 +24,7 @@
   }
 
   interface Props {
-    visible: boolean;
+    visible: false;
     file: FileInfo;
   }
 
@@ -72,6 +72,7 @@
         'go',
         'c',
         'cpp',
+        'vue',
       ].includes(ext)
     )
       return 'code-text';
@@ -85,14 +86,6 @@
     return `${props.file.fileName} - 预览`;
   });
 
-  const isImagePreviewVisible = computed(() => {
-    return props.visible && fileType.value === 'image';
-  });
-
-  const isOtherPreviewVisible = computed(() => {
-    return props.visible && fileType.value !== 'image';
-  });
-
   const handleClose = () => {
     emit('update:visible', false);
     emit('close');
@@ -101,18 +94,9 @@
 
 <template>
   <div>
-    <div v-if="fileType === 'image'" class="image-preview">
-      <a-image-preview
-        :src="file.fileUrl"
-        :visible="isImagePreviewVisible"
-        :z-index="3000"
-        @close="handleClose"
-      ></a-image-preview>
-    </div>
-
     <!-- 需要弹框的组件 -->
     <a-modal
-      :visible="isOtherPreviewVisible"
+      :visible="props.visible"
       :title="previewTitle"
       width="90vw"
       unmount-on-close
@@ -121,6 +105,15 @@
       @cancel="handleClose"
     >
       <div class="preview-container">
+        <div v-if="fileType === 'image'" class="image-preview">
+          <a-image
+            :src="file.fileUrl"
+            width="100%"
+            height="100%"
+            fit="contain"
+          ></a-image>
+        </div>
+
         <div v-if="fileType === 'video'" class="video-viewer">
           <video-player :url="file.fileUrl" />
         </div>
-- 
Gitee