From 0e161b17353a9e55c339dbf75b07e37d6461860a Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 6 Apr 2024 09:04:02 +0800
Subject: [PATCH] fix filemanager ui

---
 src/components/filebrowser/List.vue     | 101 ++----------------------
 src/components/form/ReorganizeForm.vue  |   2 +-
 src/views/plugin/PluginCardListView.vue |   2 +-
 3 files changed, 10 insertions(+), 95 deletions(-)

diff --git a/src/components/filebrowser/List.vue b/src/components/filebrowser/List.vue
index 2f643d88..587a3169 100644
--- a/src/components/filebrowser/List.vue
+++ b/src/components/filebrowser/List.vue
@@ -409,10 +409,9 @@ onMounted(() => {
       <VImg :src="getImgLink(path)" max-width="100%" max-height="100%" />
     </VCardText>
     <VCardText v-else-if="dirs.length || files.length" class="p-0">
-      <VList v-if="dirs.length" subheader>
-        <VListSubheader>目录</VListSubheader>
+      <VList subheader>
         <VHover
-          v-for="(item, index) in dirs"
+          v-for="(item, index) in [...dirs, ...files]"
           :key="index"
         >
           <template #default="hover">
@@ -423,9 +422,13 @@ onMounted(() => {
               @click="changePath(item.path)"
             >
               <template #prepend>
-                <VIcon icon="mdi-folder-outline" />
+                <VIcon v-if="inProps.icons && item.extension" :icon="inProps.icons[item.extension.toLowerCase()] || inProps.icons?.other" />
+                <VIcon v-else icon="mdi-folder-outline" />
               </template>
               <VListItemTitle v-text="item.name" />
+              <VListItemSubtitle v-if="item.size">
+                {{ formatBytes(item.size) }}
+              </VListItemSubtitle>
               <template #append>
                 <IconBtn class="d-sm-none">
                   <VIcon
@@ -451,95 +454,7 @@ onMounted(() => {
                     </VList>
                   </VMenu>
                 </IconBtn>
-                <span v-show="hover.isHovering" class="flex">
-                  <VTooltip text="识别">
-                    <template #activator="{ props }">
-                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
-                        <VIcon icon="mdi-text-recognition" />
-                      </IconBtn>
-                    </template>
-                  </VTooltip>
-                  <VTooltip text="刮削">
-                    <template #activator="{ props }">
-                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="scrape(item.path)">
-                        <VIcon icon="mdi-auto-fix" />
-                      </IconBtn>
-                    </template>
-                  </VTooltip>
-                  <VTooltip text="重命名">
-                    <template #activator="{ props }">
-                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showRenmae(item)">
-                        <VIcon icon="mdi-rename" />
-                      </IconBtn>
-                    </template>
-                  </VTooltip>
-                  <VTooltip text="整理">
-                    <template #activator="{ props }">
-                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showTransfer(item)">
-                        <VIcon icon="mdi-folder-arrow-right" />
-                      </IconBtn>
-                    </template>
-                  </VTooltip>
-                  <VTooltip text="删除">
-                    <template #activator="{ props }">
-                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="deleteItem(item)">
-                        <VIcon icon="mdi-delete-outline" color="error" />
-                      </IconBtn>
-                    </template>
-                  </VTooltip>
-                </span>
-              </template>
-            </VListItem>
-          </template>
-        </VHover>
-      </VList>
-      <VDivider v-if="dirs.length && files.length" />
-      <VList v-if="files.length" subheader>
-        <VListSubheader>文件</VListSubheader>
-        <VHover
-          v-for="(item, index) in files"
-          :key="index"
-        >
-          <template #default="hover">
-            <VListItem
-              v-if="defer(index)"
-              v-bind="hover.props"
-              class="pl-3 pe-1"
-              @click="changePath(item.path)"
-            >
-              <template #prepend>
-                <VIcon v-if="inProps.icons" :icon="inProps.icons[item.extension.toLowerCase()] || inProps.icons?.other" />
-              </template>
-
-              <VListItemTitle v-text="item.name" />
-              <VListItemSubtitle> {{ formatBytes(item.size) }}</VListItemSubtitle>
-
-              <template #append>
-                <IconBtn class="d-sm-none">
-                  <VIcon
-                    icon="mdi-dots-vertical"
-                  />
-                  <VMenu
-                    activator="parent"
-                    close-on-content-click
-                  >
-                    <VList>
-                      <VListItem
-                        v-for="(menu, i) in dropdownItems"
-                        :key="i"
-                        variant="plain"
-                        :base-color="menu.props.color"
-                        @click="menu.props.click(item)"
-                      >
-                        <template #prepend>
-                          <VIcon :icon="menu.props.prependIcon" />
-                        </template>
-                        <VListItemTitle v-text="menu.title" />
-                      </VListItem>
-                    </VList>
-                  </VMenu>
-                </IconBtn>
-                <span v-show="hover.isHovering" class="flex">
+                <span v-if="hover.isHovering" class="flex">
                   <VTooltip text="识别">
                     <template #activator="{ props }">
                       <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
diff --git a/src/components/form/ReorganizeForm.vue b/src/components/form/ReorganizeForm.vue
index 6b3334f6..c4fcc8f4 100644
--- a/src/components/form/ReorganizeForm.vue
+++ b/src/components/form/ReorganizeForm.vue
@@ -304,7 +304,7 @@ async function transfer() {
       v-model="tmdbSelectorDialog"
       width="40rem"
       scrollable
-      max-height="90vh"
+      max-height="85vh"
     >
       <TmdbSelectorCard
         v-model="transferForm.tmdbid"
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index 2145e25b..95a4b700 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -323,7 +323,7 @@ onBeforeMount(() => {
     scrollable
     :z-index="1010"
     max-width="40rem"
-    max-height="90vh"
+    max-height="85vh"
   >
     <!-- Dialog Activator -->
     <template #activator="{ props }">