From 8cbb1987fc4936290e48cc1bbd26c4e12c52d425 Mon Sep 17 00:00:00 2001
From: keven1024 <99848979+keven1024@users.noreply.github.com>
Date: Sun, 11 May 2025 11:06:56 +0800
Subject: [PATCH] refactor(front): enhance FileIcon and FilePreviewView
 components to support filePreview type for improved flexibility

---
 front/components/FileIcon.vue        | 10 ++++++++--
 front/components/FilePreviewView.vue |  3 ++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/front/components/FileIcon.vue b/front/components/FileIcon.vue
index e767552..b085150 100644
--- a/front/components/FileIcon.vue
+++ b/front/components/FileIcon.vue
@@ -1,10 +1,16 @@
 <script setup lang="ts">
+export type filePreview = {
+    type: string
+    name: string
+    size: number
+}
+
 import { LucideFileAudio, LucideFileVideo, LucideFile, LucideFileCode, LucideFileArchive, LucideFileText } from 'lucide-vue-next'
 const props = defineProps<{
-    file: File
+    file: File | filePreview
 }>()
 const imageUrl = computed(() => {
-    if (props?.file?.type?.startsWith('image/')) {
+    if (props?.file?.type?.startsWith('image/') && props?.file instanceof File) {
         return URL.createObjectURL(props?.file)
     }
     return null
diff --git a/front/components/FilePreviewView.vue b/front/components/FilePreviewView.vue
index f6b89ae..47298fb 100644
--- a/front/components/FilePreviewView.vue
+++ b/front/components/FilePreviewView.vue
@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import { filesize } from 'filesize'
+import type { filePreview } from './FileIcon.vue';
 const props = defineProps<{
-    value: File
+    value: File | filePreview
 }>()
 const fileInfo = computed(() => {
     const [, name, ext] = props?.value?.name?.match(/^(.+)\.(.+)$/) || []