Update from GitHub Actions

src/views/ContentView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, watch, computed } from 'vue';
+import { ref, onMounted, onUnmounted, watch, computed, onBeforeUnmount } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { MessagePlugin } from 'tdesign-vue-next';
 import { repoApi, type Account } from '../services/repoApi';
@@ -20,6 +20,7 @@ const currentPath = ref('');
 const newFileName = ref('');
 const store = useAccountStore();
 const isNewFile = ref(false);
+const imageUrl = ref<string>('');
 
 // Compute full path by combining directory path with new file name
 const fullPath = computed(() => {
@@ -69,11 +70,30 @@ const fetchContent = async () => {
         loading.value = true;
         contentText.value = "";
         originalText.value = "";
+        imageUrl.value = "";
+
         const result = await repoApi.getFileContent(account, currentPath.value);
         if (result.content) {
-            // 不移除换行符，保持原始格式
-            contentText.value = result.encoding && result.encoding == "base64" ? decodeContent(result.content) as string : result.content;
-            originalText.value = contentText.value;
+            if (isImageFile.value) {
+                // 如果是图片，将base64转换为Blob URL
+                const base64Data = result.encoding === 'base64' ?
+                    result.content :
+                    btoa(result.content);
+                const byteCharacters = atob(base64Data);
+                const byteNumbers = new Array(byteCharacters.length);
+                for (let i = 0; i < byteCharacters.length; i++) {
+                    byteNumbers[i] = byteCharacters.charCodeAt(i);
+                }
+                const byteArray = new Uint8Array(byteNumbers);
+                const blob = new Blob([byteArray]);
+                imageUrl.value = URL.createObjectURL(blob);
+            } else {
+                // 文本文件处理
+                contentText.value = result.encoding === 'base64' ?
+                    decodeContent(result.content) as string :
+                    result.content;
+                originalText.value = contentText.value;
+            }
             fileSha.value = result.sha;
         }
     } catch (error) {
@@ -124,7 +144,7 @@ const handleConfirmSave = async () => {
             MessagePlugin.error(`未找到账户信息${selectedAccount.value}`);
             return;
         }
- 
+
         let response;
         if (isNewFile.value) {
             // Create new file
@@ -314,6 +334,16 @@ const getLanguageFromPath = computed(() => {
     return languageMap[ext] || 'plaintext';
 });
 
+const isImageFile = computed(() => {
+    const path = route.query.path as string;
+    if (!path) return false;
+
+    const ext = path.split('.').pop()?.toLowerCase() || '';
+    const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'svg', 'webp', 'bmp', 'ico'];
+
+    return imageExtensions.includes(ext);
+});
+
 // 监听路由变化同步本地状态
 watch(() => route.query, async (query) => {
     // Only respond to query changes when on the repo route
@@ -342,15 +372,19 @@ watch(() => route.query, async (query) => {
 
 onMounted(() => {
     window.addEventListener('keydown', handleKeyDown);
-
-
-
 });
 
 onUnmounted(() => {
     // 注销全局按键监听
     window.removeEventListener('keydown', handleKeyDown);
 });
+
+// 组件销毁时清理 ObjectURL
+onBeforeUnmount(() => {
+    if (imageUrl.value) {
+        URL.revokeObjectURL(imageUrl.value);
+    }
+});
 </script>
 
 <template>
@@ -364,12 +398,15 @@ onUnmounted(() => {
                         <t-input v-if="isNewFile" v-model="newFileName" placeholder="请输入文件名" class="w-20" />
                     </div>
                     <div class="flex gap-2">
-                        <t-button variant="outline" @click="toggleDiff">
-                            {{ showDiff ? '隐藏对比' : '显示对比' }}
-                        </t-button>
-                        <t-button theme="primary" @click="handleSave" :loading="loading">
-                            保存
-                        </t-button>
+                        <!-- 只在非图片文件时显示对比和保存按钮 -->
+                        <template v-if="!isImageFile">
+                            <t-button variant="outline" @click="toggleDiff">
+                                {{ showDiff ? '隐藏对比' : '显示对比' }}
+                            </t-button>
+                            <t-button theme="primary" @click="handleSave" :loading="loading">
+                                保存
+                            </t-button>
+                        </template>
                         <t-button v-if="!isNewFile" theme="danger" @click="handleDelete" :loading="loading">
                             删除
                         </t-button>
@@ -380,7 +417,10 @@ onUnmounted(() => {
                 <template #content>
                     <div class="flex flex-col h-full">
                         <div class="editor-container flex-1">
-                            <MonacoEditor v-model:value="contentText"
+                            <div v-if="isImageFile" class="w-full h-full flex items-center justify-center">
+                                <img :src="imageUrl" />
+                            </div>
+                            <MonacoEditor v-else v-model:value="contentText"
                                 :original-value="showDiff ? originalText : undefined" :language="getLanguageFromPath"
                                 :options="{ tabSize: 2 }" />
                         </div>