From 7703d8157c8c92375351b9d629b73e42eb543c18 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 11 Apr 2025 08:29:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E9=99=A4=E5=A4=9A=E4=B8=AA?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=B8=AD=E7=9A=84=E5=A4=9A=E4=BD=99=20varian?=
 =?UTF-8?q?t=20=E5=B1=9E=E6=80=A7=EF=BC=8C=E7=AE=80=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@core/components/ThemeSwitcher.vue        |  2 +-
 src/components/cards/PluginAppCard.vue        |  8 +------
 src/components/cards/PluginCard.vue           |  1 -
 src/components/cards/SiteCard.vue             |  4 ++--
 src/components/cards/SubscribeCard.vue        |  7 +-----
 src/components/cards/WorkflowTaskCard.vue     | 22 +++++--------------
 src/components/dialog/SiteResourceDialog.vue  | 10 +++------
 .../dialog/SubscribeHistoryDialog.vue         |  1 -
 src/components/filebrowser/FileList.vue       |  7 +-----
 src/views/reorganize/TransferHistoryView.vue  |  2 --
 .../setting/AccountSettingNotification.vue    | 12 +++++-----
 src/views/setting/AccountSettingSystem.vue    | 12 +++++-----
 src/views/torrent/TorrentCardListView.vue     |  2 --
 src/views/torrent/TorrentRowListView.vue      |  2 --
 14 files changed, 27 insertions(+), 65 deletions(-)

diff --git a/src/@core/components/ThemeSwitcher.vue b/src/@core/components/ThemeSwitcher.vue
index b0fbf33a..acdb252d 100644
--- a/src/@core/components/ThemeSwitcher.vue
+++ b/src/@core/components/ThemeSwitcher.vue
@@ -195,7 +195,7 @@ onMounted(() => {
         <VIcon :icon="getThemeIcon" />
       </IconBtn>
     </template>
-    <VList class="theme-switcher-list">
+    <VList class="theme-switcher-list pt-0">
       <VCardItem class="theme-switcher-header">
         <VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
       </VCardItem>
diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index bd1445a7..0d5bd2c1 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -208,13 +208,7 @@ const dropdownItems = ref([
                 <VIcon icon="mdi-dots-vertical" />
                 <VMenu activator="parent" close-on-content-click>
                   <VList>
-                    <VListItem
-                      v-for="(item, i) in dropdownItems"
-                      v-show="item.show"
-                      :key="i"
-                      variant="plain"
-                      @click="item.props.click"
-                    >
+                    <VListItem v-for="(item, i) in dropdownItems" v-show="item.show" :key="i" @click="item.props.click">
                       <template #prepend>
                         <VIcon :icon="item.props.prependIcon" />
                       </template>
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 94b85165..2332718b 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -393,7 +393,6 @@ watch(
                       v-for="(item, i) in dropdownItems"
                       v-show="item.show"
                       :key="i"
-                      variant="plain"
                       :base-color="item.props.color"
                       @click="item.props.click"
                     >
diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index 0194240d..968c9bde 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -354,13 +354,13 @@ onMounted(() => {
               <VIcon icon="mdi-dots-vertical" size="18" />
               <VMenu activator="parent" close-on-content-click location="left">
                 <VList density="compact" nav class="dropdown-menu">
-                  <VListItem variant="plain" @click="siteEditDialog = true" base-color="info">
+                  <VListItem @click="siteEditDialog = true" base-color="info">
                     <template #prepend>
                       <VIcon icon="mdi-file-edit-outline" size="small" />
                     </template>
                     <VListItemTitle>编辑站点</VListItemTitle>
                   </VListItem>
-                  <VListItem variant="plain" @click="deleteSiteInfo">
+                  <VListItem @click="deleteSiteInfo">
                     <template #prepend>
                       <VIcon icon="mdi-delete-outline" size="small" color="error" />
                     </template>
diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index 81798a7c..8549d79e 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -311,12 +311,7 @@ function onSubscribeEditRemove() {
               <VMenu activator="parent" close-on-content-click>
                 <VList>
                   <template v-for="(item, i) in dropdownItems" :key="i">
-                    <VListItem
-                      v-if="item.show !== false"
-                      variant="plain"
-                      :base-color="item.props.color"
-                      @click="item.props.click"
-                    >
+                    <VListItem v-if="item.show !== false" :base-color="item.props.color" @click="item.props.click">
                       <template #prepend>
                         <VIcon :icon="item.props.prependIcon" />
                       </template>
diff --git a/src/components/cards/WorkflowTaskCard.vue b/src/components/cards/WorkflowTaskCard.vue
index 450a6d55..70da231a 100644
--- a/src/components/cards/WorkflowTaskCard.vue
+++ b/src/components/cards/WorkflowTaskCard.vue
@@ -206,47 +206,37 @@ const resolveProgress = (item: Workflow) => {
               <VIcon icon="mdi-dots-vertical" />
               <VMenu activator="parent" close-on-content-click>
                 <VList>
-                  <VListItem variant="plain" base-color="primary" @click="handleEdit(workflow)">
+                  <VListItem base-color="primary" @click="handleEdit(workflow)">
                     <template #prepend>
                       <VIcon icon="mdi-note-edit" />
                     </template>
                     <VListItemTitle>编辑任务</VListItemTitle>
                   </VListItem>
-                  <VListItem
-                    v-if="workflow.current_action"
-                    variant="plain"
-                    base-color="info"
-                    @click="handleRun(workflow, false)"
-                  >
+                  <VListItem v-if="workflow.current_action" base-color="info" @click="handleRun(workflow, false)">
                     <template #prepend>
                       <VIcon icon="mdi-play-speed" />
                     </template>
                     <VListItemTitle>继续执行</VListItemTitle>
                   </VListItem>
-                  <VListItem
-                    v-if="workflow.current_action"
-                    variant="plain"
-                    base-color="info"
-                    @click="handleRun(workflow, true)"
-                  >
+                  <VListItem v-if="workflow.current_action" base-color="info" @click="handleRun(workflow, true)">
                     <template #prepend>
                       <VIcon icon="mdi-replay" />
                     </template>
                     <VListItemTitle>重新执行</VListItemTitle>
                   </VListItem>
-                  <VListItem v-else variant="plain" base-color="info" @click="handleRun(workflow, true)">
+                  <VListItem v-else base-color="info" @click="handleRun(workflow, true)">
                     <template #prepend>
                       <VIcon icon="mdi-run" />
                     </template>
                     <VListItemTitle>立即执行</VListItemTitle>
                   </VListItem>
-                  <VListItem variant="plain" base-color="warning" @click="handleReset(workflow)">
+                  <VListItem base-color="warning" @click="handleReset(workflow)">
                     <template #prepend>
                       <VIcon icon="mdi-restore-alert" />
                     </template>
                     <VListItemTitle>重置任务</VListItemTitle>
                   </VListItem>
-                  <VListItem variant="plain" base-color="error" @click="handleDelete(workflow)">
+                  <VListItem base-color="error" @click="handleDelete(workflow)">
                     <template #prepend>
                       <VIcon icon="mdi-delete" />
                     </template>
diff --git a/src/components/dialog/SiteResourceDialog.vue b/src/components/dialog/SiteResourceDialog.vue
index da609021..a82f85b5 100644
--- a/src/components/dialog/SiteResourceDialog.vue
+++ b/src/components/dialog/SiteResourceDialog.vue
@@ -134,7 +134,7 @@ onMounted(() => {
           <VToolbarTitle>{{ `浏览 - ${props.site?.name}` }}</VToolbarTitle>
           <VSpacer />
           <VToolbarItems>
-            <VBtn icon variant="plain" @click="emit('close')" class="me-3">
+            <VBtn icon @click="emit('close')" class="me-3">
               <VIcon size="large" color="white" icon="ri-close-line" />
             </VBtn>
           </VToolbarItems>
@@ -238,17 +238,13 @@ onMounted(() => {
                 <VIcon icon="mdi-dots-vertical" />
                 <VMenu activator="parent" close-on-content-click>
                   <VList>
-                    <VListItem variant="plain" @click="openTorrentDetail(item.page_url || '')">
+                    <VListItem @click="openTorrentDetail(item.page_url || '')">
                       <template #prepend>
                         <VIcon icon="mdi-information" />
                       </template>
                       <VListItemTitle>查看详情</VListItemTitle>
                     </VListItem>
-                    <VListItem
-                      v-if="item.enclosure?.startsWith('http')"
-                      variant="plain"
-                      @click="downloadTorrentFile(item.enclosure)"
-                    >
+                    <VListItem v-if="item.enclosure?.startsWith('http')" @click="downloadTorrentFile(item.enclosure)">
                       <template #prepend>
                         <VIcon icon="mdi-download" />
                       </template>
diff --git a/src/components/dialog/SubscribeHistoryDialog.vue b/src/components/dialog/SubscribeHistoryDialog.vue
index d1c8e239..55a18f5b 100644
--- a/src/components/dialog/SubscribeHistoryDialog.vue
+++ b/src/components/dialog/SubscribeHistoryDialog.vue
@@ -181,7 +181,6 @@ const dropdownItems = ref([
                           <VListItem
                             v-for="(menu, i) in dropdownItems"
                             :key="i"
-                            variant="plain"
                             :base-color="menu.color"
                             @click="menu.props.click(item)"
                           >
diff --git a/src/components/filebrowser/FileList.vue b/src/components/filebrowser/FileList.vue
index 682e7ee6..7d57cc2a 100644
--- a/src/components/filebrowser/FileList.vue
+++ b/src/components/filebrowser/FileList.vue
@@ -645,12 +645,7 @@ onMounted(() => {
                       <VMenu activator="parent" close-on-content-click>
                         <VList>
                           <template v-for="(menu, i) in dropdownItems" :key="i">
-                            <VListItem
-                              v-if="menu.show"
-                              variant="plain"
-                              :base-color="menu.props.color"
-                              @click="menu.props.click(item)"
-                            >
+                            <VListItem v-if="menu.show" :base-color="menu.props.color" @click="menu.props.click(item)">
                               <template #prepend>
                                 <VIcon :icon="menu.props.prependIcon" />
                               </template>
diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
index f906aec6..6c444a75 100644
--- a/src/views/reorganize/TransferHistoryView.vue
+++ b/src/views/reorganize/TransferHistoryView.vue
@@ -545,7 +545,6 @@ onMounted(fetchData)
               <VListItem
                 v-for="(menu, i) in dropdownItems"
                 :key="i"
-                variant="plain"
                 :base-color="menu.props.color"
                 @click="menu.props.click(item)"
               >
@@ -632,7 +631,6 @@ onMounted(fetchData)
               <VListItem
                 v-for="(menu, i) in dropdownItems"
                 :key="i"
-                variant="plain"
                 :base-color="menu.props.color"
                 @click="menu.props.click(item)"
               >
diff --git a/src/views/setting/AccountSettingNotification.vue b/src/views/setting/AccountSettingNotification.vue
index c433080b..35de7789 100644
--- a/src/views/setting/AccountSettingNotification.vue
+++ b/src/views/setting/AccountSettingNotification.vue
@@ -208,22 +208,22 @@ onMounted(() => {
                 <VIcon icon="mdi-plus" />
                 <VMenu activator="parent" close-on-content-click>
                   <VList>
-                    <VListItem variant="plain" @click="addNotification('wechat')">
+                    <VListItem @click="addNotification('wechat')">
                       <VListItemTitle>微信</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addNotification('telegram')">
+                    <VListItem @click="addNotification('telegram')">
                       <VListItemTitle>Telegram</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addNotification('slack')">
+                    <VListItem @click="addNotification('slack')">
                       <VListItemTitle>Slack</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addNotification('synologychat')">
+                    <VListItem @click="addNotification('synologychat')">
                       <VListItemTitle>SynologyChat</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addNotification('vocechat')">
+                    <VListItem @click="addNotification('vocechat')">
                       <VListItemTitle>VoceChat</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addNotification('webpush')">
+                    <VListItem @click="addNotification('webpush')">
                       <VListItemTitle>WebPush</VListItemTitle>
                     </VListItem>
                   </VList>
diff --git a/src/views/setting/AccountSettingSystem.vue b/src/views/setting/AccountSettingSystem.vue
index 92798d38..9fe056c5 100644
--- a/src/views/setting/AccountSettingSystem.vue
+++ b/src/views/setting/AccountSettingSystem.vue
@@ -481,10 +481,10 @@ onDeactivated(() => {
                 <VIcon icon="mdi-plus" />
                 <VMenu activator="parent" close-on-content-click>
                   <VList>
-                    <VListItem variant="plain" @click="addDownloader('qbittorrent')">
+                    <VListItem @click="addDownloader('qbittorrent')">
                       <VListItemTitle>Qbittorrent</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addDownloader('transmission')">
+                    <VListItem @click="addDownloader('transmission')">
                       <VListItemTitle>Transmission</VListItemTitle>
                     </VListItem>
                   </VList>
@@ -529,16 +529,16 @@ onDeactivated(() => {
                 <VIcon icon="mdi-plus" />
                 <VMenu activator="parent" close-on-content-click>
                   <VList>
-                    <VListItem variant="plain" @click="addMediaServer('emby')">
+                    <VListItem @click="addMediaServer('emby')">
                       <VListItemTitle>Emby</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addMediaServer('jellyfin')">
+                    <VListItem @click="addMediaServer('jellyfin')">
                       <VListItemTitle>Jellyfin</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addMediaServer('plex')">
+                    <VListItem @click="addMediaServer('plex')">
                       <VListItemTitle>Plex</VListItemTitle>
                     </VListItem>
-                    <VListItem variant="plain" @click="addMediaServer('trimemedia')">
+                    <VListItem @click="addMediaServer('trimemedia')">
                       <VListItemTitle>飞牛影视</VListItemTitle>
                     </VListItem>
                   </VList>
diff --git a/src/views/torrent/TorrentCardListView.vue b/src/views/torrent/TorrentCardListView.vue
index 76b92f15..d8c5fbd9 100644
--- a/src/views/torrent/TorrentCardListView.vue
+++ b/src/views/torrent/TorrentCardListView.vue
@@ -401,7 +401,6 @@ function loadMore({ done }: { done: any }) {
             :items="Object.entries(sortTitles).map(([key, title]) => ({ title, value: key }))"
             item-title="title"
             item-value="value"
-            variant="plain"
             density="compact"
             hide-details
             class="sort-select"
@@ -520,7 +519,6 @@ function loadMore({ done }: { done: any }) {
             :items="Object.entries(sortTitles).map(([key, title]) => ({ title, value: key }))"
             item-title="title"
             item-value="value"
-            variant="plain"
             density="compact"
             hide-details
             class="mobile-sort-select"
diff --git a/src/views/torrent/TorrentRowListView.vue b/src/views/torrent/TorrentRowListView.vue
index 42965007..2b207da5 100644
--- a/src/views/torrent/TorrentRowListView.vue
+++ b/src/views/torrent/TorrentRowListView.vue
@@ -376,7 +376,6 @@ onMounted(() => {
               :items="Object.entries(sortTitles).map(([key, title]) => ({ title, value: key }))"
               item-title="title"
               item-value="value"
-              variant="plain"
               density="compact"
               hide-details
               class="sort-select"
@@ -493,7 +492,6 @@ onMounted(() => {
               :items="Object.entries(sortTitles).map(([key, title]) => ({ title, value: key }))"
               item-title="title"
               item-value="value"
-              variant="plain"
               density="compact"
               hide-details
               class="mobile-sort-select"