From af0bb048d9ef06add46653279a0aa8d8c30f0ed3 Mon Sep 17 00:00:00 2001
From: Kuingsmile <96409857+Kuingsmile@users.noreply.github.com>
Date: Fri, 16 Jan 2026 14:59:53 +0800
Subject: [PATCH] :sparkles: Feature(custom): show selected image number in
 gallery page

---
 src/renderer/pages/Gallery.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/pages/Gallery.vue b/src/renderer/pages/Gallery.vue
index e11f8a1d..c787ab7a 100644
--- a/src/renderer/pages/Gallery.vue
+++ b/src/renderer/pages/Gallery.vue
@@ -9,7 +9,8 @@
           </div>
           <div>
             <h1>{{ t('pages.gallery.title') }}</h1>
-            <p>{{ filterList.length }} {{ t('pages.gallery.images') }}</p>
+            <p v-if="selectedCount > 0">{{ `${selectedCount}/${filterList.length} ${t('pages.gallery.selected')}` }}</p>
+            <p v-else>{{ `${filterList.length} ${t('pages.gallery.images')}` }}</p>
           </div>
         </div>
         <div class="header-actions">
@@ -178,7 +179,7 @@
               </button>
               <button class="action-btn delete-btn" :class="{ active: isMultiple(choosedList) }" @click="multiRemove">
                 <TrashIcon :size="16" />
-                {{ t('pages.gallery.delete') }}
+                {{ `${t('pages.gallery.delete')}${selectedCount > 0 ? ` (${selectedCount})` : ''}` }}
               </button>
               <button class="action-btn select-btn" :class="{ active: filterList.length > 0 }" @click="toggleSelectAll">
                 <CheckSquareIcon :size="16" />
@@ -693,6 +694,10 @@ const isAllSelected = computed(() => {
   return Object.values(choosedList).length > 0 && filterList.value.every(item => choosedList[item.id!])
 })
 
+const selectedCount = computed(() => {
+  return Object.values(choosedList).filter(v => v).length
+})
+
 const currentPreviewImage = computed(() => {
   const item = filterList.value[gallerySliderControl.index]
   if (!item) return null