fix: better v-if handling

This commit is contained in:
kakkokari-gtyih 2025-06-07 16:46:53 +09:00
parent 46915d2ae3
commit 6d58e2c3e5
1 changed files with 2 additions and 5 deletions

View File

@ -25,14 +25,11 @@ SPDX-License-Identifier: AGPL-3.0-only
@contextmenu.prevent="showFileMenu(element, $event)" @contextmenu.prevent="showFileMenu(element, $event)"
> >
<MkDriveFileThumbnail v-if="element.type === 'driveFile'" :data-id="element.id" :class="$style.thumbnail" :file="element.file" fit="cover"/> <MkDriveFileThumbnail v-if="element.type === 'driveFile'" :data-id="element.id" :class="$style.thumbnail" :file="element.file" fit="cover"/>
<template v-if="element.type === 'uploaderItem'"> <template v-else-if="element.type === 'uploaderItem'">
<img v-if="element.file.thumbnail" :src="element.file.thumbnail" :class="[$style.thumbnail, $style.uploaderThumbnail]" /> <img v-if="element.file.thumbnail" :src="element.file.thumbnail" :class="[$style.thumbnail, $style.uploaderThumbnail]" />
<div v-else v-panel :class="[$style.thumbnail, $style.uploaderThumbnailIcon]"> <div v-else v-panel :class="[$style.thumbnail, $style.uploaderThumbnailIcon]">
<i :class="[$style.icon, getFileTypeIcon(getFileType(element.file.file.type))]"></i> <i :class="[$style.icon, getFileTypeIcon(getFileType(element.file.file.type))]"></i>
</div> </div>
<div v-if="element.file.isSensitive" :class="$style.sensitive">
<i class="ti ti-eye-exclamation" style="margin: auto;"></i>
</div>
<div :class="[$style.uploadProgressWrapper, { uploading: element.file.uploading }]"> <div :class="[$style.uploadProgressWrapper, { uploading: element.file.uploading }]">
<svg :class="$style.uploadProgressSvg" viewBox="0 0 64 64"> <svg :class="$style.uploadProgressSvg" viewBox="0 0 64 64">
<circle <circle
@ -47,7 +44,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
</div> </div>
</template> </template>
<div v-if="element.type === 'driveFile' && element.file.isSensitive" :class="$style.sensitive"> <div v-if="(element.type === 'driveFile' && element.file.isSensitive) || (element.type === 'uploaderItem' && element.file.isSensitive)" :class="$style.sensitive">
<i class="ti ti-eye-exclamation" style="margin: auto;"></i> <i class="ti ti-eye-exclamation" style="margin: auto;"></i>
</div> </div>
</div> </div>