fix: Fix hidden file flipping issue (#9189)

This commit is contained in:
2025-06-19 19:51:00 +08:00 committed by GitHub
parent 83e1db723e
commit eddc1b6a8d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 15 deletions

View file

@ -14,12 +14,12 @@
<el-tooltip :content="$t('commons.button.refresh')" placement="top"> <el-tooltip :content="$t('commons.button.refresh')" placement="top">
<el-button icon="Refresh" circle @click="search" /> <el-button icon="Refresh" circle @click="search" />
</el-tooltip> </el-tooltip>
<el-tooltip :content="isHidden ? $t('file.showHide') : $t('file.noShowHide')" placement="top"> <el-tooltip :content="req.showHidden ? $t('file.noShowHide') : $t('file.showHide')" placement="top">
<el-button <el-button
class="btn" class="btn"
circle circle
:type="isHidden ? 'primary' : ''" :type="req.showHidden ? '' : 'primary'"
:icon="isHidden ? Hide : View" :icon="req.showHidden ? View : Hide"
@click="viewHideFile" @click="viewHideFile"
/> />
</el-tooltip> </el-tooltip>
@ -603,7 +603,7 @@ let selects = ref<any>([]);
const initData = () => ({ const initData = () => ({
path: '/', path: '/',
expand: true, expand: true,
showHidden: true, showHidden: false,
page: 1, page: 1,
pageSize: 100, pageSize: 100,
search: '', search: '',
@ -663,7 +663,6 @@ const calculateBtn = ref(false);
const dirNum = ref(0); const dirNum = ref(0);
const fileNum = ref(0); const fileNum = ref(0);
const imageFiles = ref([]); const imageFiles = ref([]);
const isHidden = ref(false);
const { searchableStatus, searchablePath, searchableInputRef, searchableInputBlur } = useSearchable(paths); const { searchableStatus, searchablePath, searchableInputRef, searchableInputBlur } = useSearchable(paths);
@ -710,20 +709,15 @@ const searchFile = async () => {
}; };
const handleSearchResult = (res: ResultData<File.File>) => { const handleSearchResult = (res: ResultData<File.File>) => {
if (isHidden.value) {
const items = res.data.items || [];
data.value = items.filter((item) => !item.isHidden);
} else {
data.value = res.data.items || []; data.value = res.data.items || [];
} paginationConfig.total = res.data.itemTotal;
dirNum.value = data.value.filter((item) => item.isDir).length; dirNum.value = data.value.filter((item) => item.isDir).length;
fileNum.value = data.value.filter((item) => !item.isDir).length; fileNum.value = data.value.filter((item) => !item.isDir).length;
paginationConfig.total = data.value.length;
req.path = res.data.path; req.path = res.data.path;
}; };
const viewHideFile = async () => { const viewHideFile = async () => {
isHidden.value = !isHidden.value; req.showHidden = !req.showHidden;
let searchResult = await searchFile(); let searchResult = await searchFile();
handleSearchResult(searchResult); handleSearchResult(searchResult);
}; };

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="w-full h-full flex items-center justify-center px-8"> <div v-loading="loading" class="w-full h-full flex items-center justify-center px-8">
<div v-loading="loading" class="w-full flex-grow flex flex-col login-form"> <div class="w-full flex-grow flex flex-col login-form">
<div v-if="mfaShow"> <div v-if="mfaShow">
<el-form @submit.prevent> <el-form @submit.prevent>
<div class="flex flex-col justify-center items-center mb-6"> <div class="flex flex-col justify-center items-center mb-6">