From 0abfeff2b7109ccb448044329ad88102e0846cd6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=8C=E8=90=8C=E5=93=92=E8=B5=AB=E8=90=9D?=
 <ma_shiqing@163.com>
Date: Sat, 16 Sep 2023 01:30:44 -0700
Subject: [PATCH] :sparkles: Feature: optimize filename display in gallery page

---
 package.json                   | 8 ++++----
 src/renderer/pages/Gallery.vue | 7 ++++++-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 1a39826e..c8ab0f9f 100644
--- a/package.json
+++ b/package.json
@@ -34,16 +34,16 @@
     "lint:dpdm": "dpdm -T --tsconfig ./tsconfig.json --no-tree --no-warning --exit-code circular:1 src/background.ts"
   },
   "dependencies": {
-    "@aws-sdk/client-s3": "^3.413.0",
-    "@aws-sdk/lib-storage": "^3.413.0",
-    "@aws-sdk/s3-request-presigner": "^3.413.0",
+    "@aws-sdk/client-s3": "^3.414.0",
+    "@aws-sdk/lib-storage": "^3.414.0",
+    "@aws-sdk/s3-request-presigner": "^3.414.0",
     "@element-plus/icons-vue": "^2.1.0",
     "@highlightjs/vue-plugin": "^2.1.0",
     "@nodelib/fs.walk": "^2.0.0",
     "@octokit/rest": "^19.0.7",
     "@picgo/i18n": "^1.0.0",
     "@picgo/store": "^2.1.0",
-    "@smithy/node-http-handler": "^2.1.3",
+    "@smithy/node-http-handler": "^2.1.4",
     "@types/mime-types": "^2.1.1",
     "@videojs-player/vue": "^1.0.0",
     "ali-oss": "^6.18.1",
diff --git a/src/renderer/pages/Gallery.vue b/src/renderer/pages/Gallery.vue
index 778abfee..395a9884 100644
--- a/src/renderer/pages/Gallery.vue
+++ b/src/renderer/pages/Gallery.vue
@@ -262,7 +262,7 @@
               class="gallery-list__file-name"
               :title="item.fileName"
             >
-              {{ item.fileName }}
+              {{ formatFileName(item.fileName || '') }}
             </div>
             <el-row
               class="gallery-list__tool-panel"
@@ -477,6 +477,7 @@ import ALLApi from '@/apis/allApi'
 // 工具函数
 import { customRenameFormatTable, customStrMatch, customStrReplace } from '../manage/utils/common'
 import { picBedsCanbeDeleted } from '#/utils/static'
+import path from 'path'
 
 const images = ref<ImgInfo[]>([])
 const dialogVisible = ref(false)
@@ -578,6 +579,10 @@ const isAllSelected = computed(() => {
   }
 })
 
+function formatFileName (name: string) {
+  return path.basename(name)
+}
+
 function getPicBeds (event: IpcRendererEvent, picBeds: IPicBedType[]) {
   picBed.value = picBeds
 }