feat: improve transfer history footer actions and plugin market settings

src/components/dialog/PluginMarketSettingDialog.vue

@@ -2,50 +2,34 @@
 import api from '@/api'
 import { useToast } from 'vue-toastification'
 import { useI18n } from 'vue-i18n'
-import { computed } from 'vue'
 import { useDisplay } from 'vuetify'
 
-// 显示器宽度
 const display = useDisplay()
 
-// 国际化
 const { t } = useI18n()
 const $toast = useToast()
 
-// 插件仓库设置字符串
-const repoString = ref('')
-// 用于显示的仓库地址数组
-const repoArray = ref<string[]>([])
+const repoList = ref<string[]>([])
+const newRepoUrl = ref('')
+const editingIndex = ref<number | null>(null)
+const editingUrl = ref('')
 
-// 计算属性：在数组和换行符分隔的字符串之间转换
-const displayRepos = computed({
-  get: () => repoArray.value.join('\n'),
-  set: (value: string) => {
-    repoArray.value = value.split('\n').filter((repo: string) => repo.trim() !== '')
-  },
-})
-
-// 定义事件
 const emit = defineEmits(['save', 'close'])
 
-// 查询已设置的插件仓库
 async function queryMarketRepoSetting() {
   try {
     const result: { [key: string]: any } = await api.get('system/setting/PLUGIN_MARKET')
     if (result && result.data && result.data.value) {
-      repoString.value = result.data.value
-      repoArray.value = result.data.value.split(',').filter((repo: string) => repo.trim() !== '')
+      repoList.value = result.data.value.split(',').filter((repo: string) => repo.trim() !== '')
     }
   } catch (error) {
     console.log(error)
   }
 }
 
-// 保存设置
 async function saveHandle() {
   try {
-    // 将数组转换为逗号分隔的字符串
-    const repoStringToSave = repoArray.value.join(',')
+    const repoStringToSave = repoList.value.join(',')
     const result: { [key: string]: any } = await api.post('system/setting/PLUGIN_MARKET', repoStringToSave)
 
     if (result.success) {
@@ -57,6 +41,68 @@ async function saveHandle() {
   }
 }
 
+function addRepo() {
+  const url = newRepoUrl.value.trim()
+  if (!url) return
+
+  if (!url.startsWith('http://') && !url.startsWith('https://')) {
+    $toast.error(t('dialog.pluginMarketSetting.invalidUrl'))
+    return
+  }
+
+  if (repoList.value.includes(url)) {
+    $toast.error(t('dialog.pluginMarketSetting.duplicateUrl'))
+    return
+  }
+
+  repoList.value.push(url)
+  newRepoUrl.value = ''
+}
+
+function removeRepo(index: number) {
+  repoList.value.splice(index, 1)
+}
+
+function startEdit(index: number) {
+  editingIndex.value = index
+  editingUrl.value = repoList.value[index]
+}
+
+function saveEdit() {
+  if (editingIndex.value === null) return
+
+  const url = editingUrl.value.trim()
+  if (!url) return
+
+  if (!url.startsWith('http://') && !url.startsWith('https://')) {
+    $toast.error(t('dialog.pluginMarketSetting.invalidUrl'))
+    return
+  }
+
+  repoList.value[editingIndex.value] = url
+  editingIndex.value = null
+  editingUrl.value = ''
+}
+
+function cancelEdit() {
+  editingIndex.value = null
+  editingUrl.value = ''
+}
+
+function moveUp(index: number) {
+  if (index === 0) return
+  const temp = repoList.value[index]
+  repoList.value[index] = repoList.value[index - 1]
+  repoList.value[index - 1] = temp
+}
+
+function moveDown(index: number) {
+  if (index === repoList.value.length - 1) return
+  const temp = repoList.value[index]
+  repoList.value[index] = repoList.value[index + 1]
+  repoList.value[index + 1] = temp
+}
+
 onMounted(() => {
   queryMarketRepoSetting()
 })
@@ -64,7 +110,7 @@ onMounted(() => {
 
 <template>
   <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
-    <VCard>
+    <VCard class="plugin-market-dialog-card">
       <VCardItem>
         <VCardTitle>
           <VIcon icon="mdi-store-cog" class="me-2" />
@@ -73,21 +119,101 @@ onMounted(() => {
         <VDialogCloseBtn @click="emit('close')" />
       </VCardItem>
       <VDivider />
-      <VCardText class="pt-2">
-        <VTextarea
-          v-model="displayRepos"
-          :placeholder="t('dialog.pluginMarketSetting.repoPlaceholder')"
-          :hint="t('dialog.pluginMarketSetting.repoHint')"
-          persistent-hint
-          auto-grow
-        />
+      <VCardText class="plugin-market-dialog-body pt-4">
+        <div class="plugin-market-input mb-4">
+          <VTextField
+            v-model="newRepoUrl"
+            :placeholder="t('dialog.pluginMarketSetting.urlPlaceholder')"
+            prepend-inner-icon="mdi-link-plus"
+            clearable
+            @keyup.enter="addRepo"
+          >
+            <template #append>
+              <VBtn icon="mdi-plus" variant="text" color="primary" @click="addRepo" />
+            </template>
+          </VTextField>
+        </div>
+
+        <div class="plugin-market-list-wrap">
+          <VList v-if="repoList.length > 0" class="px-0">
+            <template v-for="(repo, index) in repoList" :key="index">
+              <VListItem class="py-2">
+                <template #prepend>
+                  <div class="d-flex align-center me-2">
+                    <VBtn icon="mdi-chevron-up" size="x-small" variant="text" @click="moveUp(index)" :disabled="index === 0" />
+                    <VBtn icon="mdi-chevron-down" size="x-small" variant="text" @click="moveDown(index)" :disabled="index === repoList.length - 1" />
+                  </div>
+                </template>
+
+                <VListItemTitle v-if="editingIndex !== index">
+                  <span class="text-truncate">{{ repo }}</span>
+                </VListItemTitle>
+
+                <VTextField
+                  v-else
+                  v-model="editingUrl"
+                  density="compact"
+                  variant="outlined"
+                  hide-details
+                  @keyup.enter="saveEdit"
+                  @keyup.escape="cancelEdit"
+                />
+
+                <template #append v-if="editingIndex !== index">
+                  <div class="d-flex align-center">
+                    <IconBtn icon="mdi-pencil" size="small" variant="text" @click="startEdit(index)" />
+                    <IconBtn icon="mdi-delete" size="small" variant="text" color="error" @click="removeRepo(index)" />
+                  </div>
+                </template>
+
+                <template #append v-else>
+                  <div class="d-flex align-center">
+                    <IconBtn icon="mdi-check" size="small" variant="text" color="success" @click="saveEdit" />
+                    <IconBtn icon="mdi-close" size="small" variant="text" @click="cancelEdit" />
+                  </div>
+                </template>
+              </VListItem>
+              <VDivider v-if="index < repoList.length - 1" class="mx-4" />
+            </template>
+          </VList>
+
+          <div v-else class="text-center text-medium-emphasis py-8">
+            <VIcon icon="mdi-folder-open-outline" size="48" class="mb-2" />
+            <div>{{ t('dialog.pluginMarketSetting.noRepos') }}</div>
+          </div>
+        </div>
       </VCardText>
       <VCardActions>
         <VSpacer />
-        <VBtn @click="saveHandle" prepend-icon="mdi-content-save-check" class="px-5 me-3">
+        <VBtn @click="saveHandle" prepend-icon="mdi-content-save-check" class="px-5 me-3" :disabled="repoList.length === 0">
           {{ t('dialog.pluginMarketSetting.save') }}
         </VBtn>
       </VCardActions>
     </VCard>
   </VDialog>
 </template>
+
+<style scoped lang="scss">
+.plugin-market-dialog-card {
+  display: flex;
+  flex-direction: column;
+}
+
+.plugin-market-dialog-body {
+  display: flex;
+  overflow: hidden;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.plugin-market-input {
+  flex-shrink: 0;
+}
+
+.plugin-market-list-wrap {
+  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+}
+</style>

src/layouts/components/Footer.vue

@@ -120,6 +120,12 @@ interface DynamicButton {
   action: () => void
   show: boolean
   routePath?: string // 添加路径属性，用于标识哪个路由注册的
+  menuItems?: {
+    title: string
+    icon?: string
+    color?: string
+    action: () => void
+  }[]
 }
 
 // 提供动态按钮注册和获取的方法
@@ -146,6 +152,7 @@ if (typeof window !== 'undefined') {
 // 提供给其他组件使用
 provide('registerDynamicButton', registerDynamicButton)
 provide('unregisterDynamicButton', unregisterDynamicButton)
+provide('dynamicButton', dynamicButton)
 
 // 在组件销毁时清理
 onUnmounted(() => {
@@ -165,6 +172,8 @@ const showDynamicButton = computed(() => {
     (!dynamicButton.value.routePath || dynamicButton.value.routePath === route.path)
   )
 })
+
+const hasDynamicButtonMenu = computed(() => Boolean(dynamicButton.value?.menuItems?.length))
 </script>
 
 <template>
@@ -223,16 +232,33 @@ const showDynamicButton = computed(() => {
         >
           <VCardText class="footer-card-content">
             <!-- 各页面的动态按钮 -->
-            <VBtn
-              icon
-              variant="text"
-              :ripple="false"
-              @click="dynamicButton?.action()"
-              rounded="pill"
-              class="footer-nav-btn"
-            >
-              <VIcon color="secondary" :icon="dynamicButton?.icon || 'mdi-plus'" size="28"></VIcon>
-            </VBtn>
+            <div class="dynamic-btn-activator">
+              <VBtn
+                icon
+                variant="text"
+                :ripple="false"
+                @click="!hasDynamicButtonMenu && dynamicButton?.action()"
+                rounded="pill"
+                class="footer-nav-btn"
+              >
+                <VIcon color="secondary" :icon="dynamicButton?.icon || 'mdi-plus'" size="28"></VIcon>
+              </VBtn>
+              <VMenu v-if="hasDynamicButtonMenu" activator="parent" location="top end" close-on-content-click>
+                <VList>
+                  <VListItem
+                    v-for="(item, index) in dynamicButton?.menuItems"
+                    :key="index"
+                    :base-color="item.color"
+                    @click="item.action()"
+                  >
+                    <template #prepend>
+                      <VIcon v-if="item.icon" :icon="item.icon" />
+                    </template>
+                    <VListItemTitle>{{ item.title }}</VListItemTitle>
+                  </VListItem>
+                </VList>
+              </VMenu>
+            </div>
           </VCardText>
         </VCard>
       </TransitionGroup>

src/locales/en-US.ts

@@ -2248,6 +2248,10 @@ export default {
       repoUrl: 'Plugin Repository URL',
       repoPlaceholder: 'Format: https://github.com/jxxghp/MoviePilot-Plugins/,https://github.com/xxxx/xxxxxx/',
       repoHint: 'Multiple URLs separated by lines, only Github repositories are supported',
+      urlPlaceholder: 'Enter plugin repository URL and press Enter to add',
+      noRepos: 'No plugin repository URLs',
+      invalidUrl: 'Please enter a valid URL',
+      duplicateUrl: 'This URL already exists',
       close: 'Close',
       save: 'Save',
       saveSuccess: 'Plugin repository saved successfully',
@@ -2795,7 +2799,10 @@ export default {
       aiRedoPending: 'Assistant Organizing...',
       redo: 'Reorganize',
       delete: 'Delete',
+      batchRedo: 'Batch Reorganize',
+      batchDelete: 'Batch Delete',
     },
+    batchOperationTitle: 'Batch Operation',
     progress: {
       processing: 'Processing',
       pleaseWait: 'Please wait...',

src/locales/zh-CN.ts

@@ -2219,6 +2219,10 @@ export default {
       repoUrl: '插件仓库地址',
       repoPlaceholder: '格式：https://github.com/jxxghp/MoviePilot-Plugins/,https://github.com/xxxx/xxxxxx/',
       repoHint: '多个地址使用换行分隔，仅支持Github仓库',
+      urlPlaceholder: '输入插件仓库地址后按回车添加',
+      noRepos: '暂无插件仓库地址',
+      invalidUrl: '请输入有效的URL地址',
+      duplicateUrl: '该地址已存在',
       close: '关闭',
       save: '保存',
       saveSuccess: '插件仓库保存成功',
@@ -2760,7 +2764,10 @@ export default {
       aiRedoPending: '智能助手整理中...',
       redo: '重新整理',
       delete: '删除',
+      batchRedo: '批量重新整理',
+      batchDelete: '批量删除',
     },
+    batchOperationTitle: '批量操作',
     progress: {
       processing: '处理中',
       pleaseWait: '请稍候...',

src/locales/zh-TW.ts

@@ -2220,6 +2220,10 @@ export default {
       repoUrl: '插件倉庫地址',
       repoPlaceholder: '格式：https://github.com/jxxghp/MoviePilot-Plugins/,https://github.com/xxxx/xxxxxx/',
       repoHint: '多個地址使用换行分隔，僅支援Github倉庫',
+      urlPlaceholder: '輸入插件倉庫地址後按回車新增',
+      noRepos: '暫無插件倉庫地址',
+      invalidUrl: '請輸入有效的URL地址',
+      duplicateUrl: '該地址已存在',
       close: '關閉',
       save: '儲存',
       saveSuccess: '插件倉庫儲存成功',
@@ -2761,7 +2765,10 @@ export default {
       aiRedoPending: '智能助手整理中...',
       redo: '重新整理',
       delete: '刪除',
+      batchRedo: '批量重新整理',
+      batchDelete: '批量刪除',
     },
+    batchOperationTitle: '批量操作',
     progress: {
       processing: '處理中',
       pleaseWait: '請稍候...',

src/views/reorganize/TransferHistoryView.vue

@@ -19,6 +19,64 @@ import { useGlobalSettingsStore } from '@/stores'
 // i18n
 const { t } = useI18n()
 
+// 动态按钮相关
+interface DynamicButton {
+  icon: string
+  action: () => void
+  show: boolean
+  routePath?: string
+  menuItems?: {
+    title: string
+    icon?: string
+    color?: string
+    action: () => void
+  }[]
+}
+
+const injectedRegisterDynamicButton = inject<((button: DynamicButton) => void) | null>('registerDynamicButton', null)
+const injectedUnregisterDynamicButton = inject<(() => void) | null>('unregisterDynamicButton', null)
+
+function registerHistoryDynamicButton(show: boolean) {
+  const button: DynamicButton = {
+    icon: 'mdi-chevron-up',
+    show,
+    action: () => {},
+    menuItems: [
+      {
+        title: t('transferHistory.actions.batchRedo'),
+        icon: 'mdi-redo-variant',
+        action: () => {
+          retransferBatch()
+        },
+      },
+      {
+        title: t('transferHistory.actions.batchDelete'),
+        icon: 'mdi-trash-can-outline',
+        color: 'error',
+        action: () => {
+          removeHistoryBatch()
+        },
+      },
+    ],
+  }
+
+  if (injectedRegisterDynamicButton) {
+    injectedRegisterDynamicButton(button)
+    return
+  }
+
+  if (typeof window !== 'undefined' && (window as any).__VUE_INJECT_DYNAMIC_BUTTON__) {
+    ;(window as any).__VUE_INJECT_DYNAMIC_BUTTON__(button)
+  }
+}
+
+function unregisterHistoryDynamicButton() {
+  if (injectedUnregisterDynamicButton) {
+    injectedUnregisterDynamicButton()
+    return
+  }
+}
+
 // 全局设置
 const globalSettingsStore = useGlobalSettingsStore()
 
@@ -418,7 +476,6 @@ async function removeHistoryBatch() {
   // 打开确认弹窗
   deleteConfirmDialog.value = true
 }
-
 // 批量重新整理
 async function retransferBatch() {
   if (selected.value.length === 0) return
@@ -641,14 +698,32 @@ const toggleGroupSelection = (checked: boolean | null, items: readonly any[]) =>
   }
 }
 
+// 监听选中项变化，更新动态按钮
+watch(
+  () => selected.value.length,
+  newLength => {
+    if (appMode) {
+      registerHistoryDynamicButton(newLength > 0)
+    }
+  },
+)
+
 // 初始加载数据
 onMounted(() => {
   loadStorages()
   fetchData()
+
+  // 仅在 Docker 模式下注册动态按钮
+  if (appMode) {
+    registerHistoryDynamicButton(selected.value.length > 0)
+  }
 })
 
 onUnmounted(() => {
   stopAiRedoProgress()
+  if (appMode) {
+    unregisterHistoryDynamicButton()
+  }
 })
 </script>
 
@@ -899,32 +974,7 @@ onUnmounted(() => {
     </div>
   </VCard>
 
-  <!-- 底部操作按钮 -->
-  <Teleport to="body" v-if="route.path === '/history'">
-    <div v-if="isRefreshed && selected.length > 0">
-      <VFab
-        icon="mdi-trash-can-outline"
-        color="error"
-        location="bottom"
-        size="x-large"
-        fixed
-        app
-        appear
-        @click="removeHistoryBatch"
-        :class="appMode ? 'mb-28' : 'mb-16'"
-      />
-      <VFab
-        :class="appMode ? 'mb-44' : 'mb-32'"
-        icon="mdi-redo-variant"
-        location="bottom"
-        size="x-large"
-        fixed
-        app
-        appear
-        @click="retransferBatch"
-      />
-    </div>
-  </Teleport>
+  
   <!-- 底部弹窗 -->
   <VBottomSheet v-model="deleteConfirmDialog" inset>
     <VCard class="text-center">
@@ -962,6 +1012,34 @@ onUnmounted(() => {
   />
   <!-- 整理队列进度弹窗 -->
   <TransferQueueDialog v-if="transferQueueDialog" v-model="transferQueueDialog" @close="transferQueueDialog = false" />
+
+  <!-- 非 Docker 模式下的 FAB 按钮 -->
+  <Teleport to="body" v-if="!appMode && route.path === '/history'">
+    <div v-if="isRefreshed && selected.length > 0">
+      <VFab
+        icon="mdi-trash-can-outline"
+        color="error"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="removeHistoryBatch"
+        class="mb-16"
+      />
+      <VFab
+        class="mb-32"
+        icon="mdi-redo-variant"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="retransferBatch"
+      />
+    </div>
+  </Teleport>
+
 </template>
 
 <style lang="scss">