GithubBackup/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2026-05-06 20:42:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ Feature(custom): filter list in gallery page now sync with visiable setting

Browse Source
This commit is contained in:
Kuingsmile
2026-01-16 14:31:08 +08:00
parent fa4ef9f507
commit 085a12d890
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/pages/Gallery.vue
View File

@@ -74,7 +74,7 @@
<ChevronDownIcon :size="16" /> <ChevronDownIcon :size="16" />
</button> </button>
<div v-show="picBedDropdownOpen" class="multiselect-dropdown"> <div v-show="picBedDropdownOpen" class="multiselect-dropdown">
<label v-for="item in picBedG" :key="item.type" class="multiselect-option"> <label v-for="item in filteredPicBedG" :key="item.type" class="multiselect-option">
<input v-model="choosedPicBed" type="checkbox" :value="item.type" /> <input v-model="choosedPicBed" type="checkbox" :value="item.type" />
{{ item.name }} {{ item.name }}
</label> </label>
@@ -602,6 +602,13 @@ const effectiveGridBreakpoints = computed(() => {
return [{ min: 0, cols: userGridColumns.value }] return [{ min: 0, cols: userGridColumns.value }]
}) })
const filteredPicBedG = computed(() => {
if (galleryPicBedFilterSetting.value.length === 0) {
return picBedG.value
}
return picBedG.value.filter(item => galleryPicBedFilterSetting.value.includes(item.type))
})
const imageLoadStates = reactive<Record<string, boolean>>({}) const imageLoadStates = reactive<Record<string, boolean>>({})
const imageErrorStates = reactive<Record<string, boolean>>({}) const imageErrorStates = reactive<Record<string, boolean>>({})