Feature(custom): add selected inhint and optimize UI of manage file explorer page

This commit is contained in:
Kuingsmile
2026-01-03 15:12:42 +08:00
parent 0db59266a2
commit 94fe4f4972
8 changed files with 3865 additions and 4026 deletions
+2 -7
View File
@@ -202,16 +202,12 @@
v-else
:key="componentKey"
ref="virtualScrollerRef"
v-model:view-mode="viewMode"
:view-mode="viewMode"
class="virtual-gallery-scroller"
:items="filterList"
:item-height="itemHeight"
:grid-items="4"
:item-height="300"
:grid-breakpoints="effectiveGridBreakpoints"
key-field="key"
:page-mode="true"
:buffer-factor="0.5"
:item-padding="8"
>
<template #default="{ item, index }">
<div class="gallery-item" :class="{ selected: choosedList[item.id || ''] }">
@@ -590,7 +586,6 @@ const viewMode = useStorage<'list' | 'grid'>('galleryViewMode', 'grid')
const componentKey = ref(0)
const currentSortField = ref<'name' | 'time' | 'ext' | 'check'>('name')
const userGridColumns = useStorage<number>('galleryGridColumns', 4)
const itemHeight = 300
const effectiveGridBreakpoints = computed(() => {
return [{ min: 0, cols: userGridColumns.value }]
File diff suppressed because it is too large Load Diff