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

View file

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