From 260ce945cd13a5c1d6efcb08335a085ed2318426 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Fri, 25 Jul 2025 18:11:53 +0800
Subject: [PATCH] perf: optimal drag upload functionality and clean up context
 menu options

---
 src/components/ShowFile/ShowFile.vue          | 16 +++----
 .../SimpleUploader/dragUploadUtils.js         | 43 +++++++++++++++++++
 .../SimpleUploader/globalUploader.vue         | 13 +++---
 src/views/favorite/index.vue                  |  3 +-
 src/views/fileType/audio.vue                  |  2 +-
 src/views/fileType/document.vue               |  2 +-
 src/views/fileType/image.vue                  |  2 +-
 src/views/fileType/video.vue                  |  2 +-
 src/views/mount/index.vue                     |  3 +-
 src/views/recently/index.vue                  |  2 +-
 src/views/tag/index.vue                       |  3 +-
 11 files changed, 66 insertions(+), 25 deletions(-)
 create mode 100644 src/components/SimpleUploader/dragUploadUtils.js

diff --git a/src/components/ShowFile/ShowFile.vue b/src/components/ShowFile/ShowFile.vue
index 7b7e20c..37af97f 100644
--- a/src/components/ShowFile/ShowFile.vue
+++ b/src/components/ShowFile/ShowFile.vue
@@ -21,7 +21,7 @@
           </v-contextmenu-item>
           <v-contextmenu-submenu
             v-if="item.child"
-            :disabled="item.homeDisable && (!path || path.length < 2)"
+            :disabled="item.operation === 'create' && isNotUploadAllowed"
             :title="item.label"
           >
             <!-- 二级菜单 -->
@@ -91,7 +91,7 @@
             <el-popover
               popper-class="upload-file"
               v-if="showUploadButton"
-              v-show="!(isRootPath && homeHidden)"
+              v-show="!isNotUploadAllowed"
               v-model="isShowNewFolder"
               placement="bottom"
               trigger="hover"
@@ -839,6 +839,8 @@ import { formatSize, formatTime } from '@/utils/number'
 import EditElement from '@/views/markdown/EditElement'
 import Clipboard from 'clipboard'
 
+import { isNotDragUploadAllowed } from '@/components/SimpleUploader/dragUploadUtils'
+
 import _ from 'lodash'
 import path from 'path'
 import { mapGetters, mapState } from 'vuex'
@@ -878,10 +880,6 @@ export default {
       type: Number,
       default: 106,
     },
-    homeHidden: {
-      type: Boolean,
-      default: false,
-    },
     showUploadButton: {
       type: Boolean,
       default: true,
@@ -1162,15 +1160,15 @@ export default {
           return '名称'
       }
     },
+    isNotUploadAllowed() {
+      return isNotDragUploadAllowed(this.$route)
+    },
     searchOptionBtnClass() {
       return this.hasSearchFilterOption ? 'search-option-btn search-option-btn-active' : 'search-option-btn'
     },
     cmdKey() {
       return navigator.platform.startsWith('Mac') ? '⌘' : 'Ctrl'
     },
-    isRootPath() {
-      return !this.$route.query.path || this.$route.query.path.length < 2
-    },
     fileClipboard() {
       return store.getters.fileClipboard
     },
diff --git a/src/components/SimpleUploader/dragUploadUtils.js b/src/components/SimpleUploader/dragUploadUtils.js
new file mode 100644
index 0000000..940cc89
--- /dev/null
+++ b/src/components/SimpleUploader/dragUploadUtils.js
@@ -0,0 +1,43 @@
+// utils/dragUploadUtils.js
+
+/**
+ * 拖拽上传相关工具函数
+ */
+
+// 特殊路由 - 完全禁止拖拽上传
+const SPECIAL_ROUTES = ['/recently', '/document', '/audio', '/image', '/video']
+
+// 禁用拖拽路由 - 需要特定条件才允许
+const NO_DRAG_ROUTES = ['/favorite', '/mount', '/trash', '/tag']
+
+/**
+ * 检查是否禁止拖拽上传
+ * @param {Object} route - 路由对象 { path, query }
+ * @returns {boolean}
+ */
+export function isNotDragUploadAllowed(route) {
+  if (!route) return false
+
+  const { path, query = {} } = route
+  const { keyword, searchOpenFolder } = query || {}
+
+  // 标准化路径
+  const normalizedPath = path ? path.replace(/\/$/, '') : ''
+
+  // 三种禁用拖拽的条件
+  const isSpecialRoute = SPECIAL_ROUTES.includes(normalizedPath)
+  const isNoDragRoute = NO_DRAG_ROUTES.includes(normalizedPath) && !query.path
+  const isSearchWithoutFolder = keyword && !searchOpenFolder
+
+  return isSpecialRoute || isNoDragRoute || isSearchWithoutFolder
+}
+
+/**
+ * 检查是否允许拖拽上传
+ * @param {Object} route - 路由对象 { path, query }
+ * @returns {boolean}
+ */
+export function isDragUploadAllowed(route) {
+  return !isNotDragUploadAllowed(route)
+}
+
diff --git a/src/components/SimpleUploader/globalUploader.vue b/src/components/SimpleUploader/globalUploader.vue
index d4dceeb..a50eecd 100755
--- a/src/components/SimpleUploader/globalUploader.vue
+++ b/src/components/SimpleUploader/globalUploader.vue
@@ -118,7 +118,8 @@ import SparkMD5 from 'spark-md5'
 import api from '@/api/file-api'
 import {formatNetSpeed} from '@/utils/number'
 import {mapState} from 'vuex'
-import {encodeIfNeeded} from "@/utils/path";
+import {encodeIfNeeded} from "@/utils/path"
+import { isDragUploadAllowed } from './dragUploadUtils'
 
 export default {
   components: {},
@@ -189,7 +190,7 @@ export default {
       fileListScrollTop: 0,
       dragoverLoop: null,
       successMsg: null,
-      enableDragUpload: false,// 是否启用拖拽上传
+      enableDragUpload: true,// 是否启用拖拽上传
       uploader: null,
     }
   },
@@ -198,8 +199,7 @@ export default {
   },
   watch: {
     $route(route) {
-      // 只有首页才启用拖拽上传
-      this.enableDragUpload = route.path === '/'
+      this.checkDrag(route)
     },
     message(msg) {
       switch (msg.event) {
@@ -233,7 +233,7 @@ export default {
     }
   },
   mounted() {
-    this.enableDragUpload = this.$route.path === '/'
+    this.checkDrag(this.$route)
     let that = this
     let dropbox = document.body
 
@@ -280,6 +280,9 @@ export default {
   destroyed() {
   },
   methods: {
+    checkDrag(route) {
+      this.enableDragUpload = isDragUploadAllowed(route)
+    },
     onStorageTypeChange(chunkSize) {
       localStorage.setItem('uploader_chunk_size', chunkSize)
       if (this.options.chunkSize !== chunkSize && !this.panelShow) {
diff --git a/src/views/favorite/index.vue b/src/views/favorite/index.vue
index 3c64562..0a4738f 100644
--- a/src/views/favorite/index.vue
+++ b/src/views/favorite/index.vue
@@ -9,7 +9,6 @@
       :defaultSort="sortable"
       :queryCondition="queryCondition"
       :contextMenus="contextMenus"
-      homeHidden
     >
     </show-file>
   </div>
@@ -39,7 +38,7 @@
           },
           { label: '刷新', operation: 'refresh'},
           { divider: true, operation: 'divider' },
-          { label: '新建', operation: 'create' , homeDisable: true, child: createFiles
+          { label: '新建', operation: 'create' , child: createFiles
           },
           { divider: true, operation: 'divider' },
           { label: '写文章', operation: 'createMarkdownFile'},
diff --git a/src/views/fileType/audio.vue b/src/views/fileType/audio.vue
index 5846a05..7149375 100644
--- a/src/views/fileType/audio.vue
+++ b/src/views/fileType/audio.vue
@@ -39,7 +39,7 @@ export default {
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
-        { label: '新建', operation: 'create' , homeDisable: true, child: createFiles
+        { label: '新建', operation: 'create' , child: createFiles
         },
         { divider: true, operation: 'divider' },
         { label: '写文章', operation: 'createMarkdownFile'},
diff --git a/src/views/fileType/document.vue b/src/views/fileType/document.vue
index 3f0be3f..67a2b63 100644
--- a/src/views/fileType/document.vue
+++ b/src/views/fileType/document.vue
@@ -39,7 +39,7 @@ export default {
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
-        { label: '新建', operation: 'create' , homeDisable: true, child: createFiles
+        { label: '新建', operation: 'create' , child: createFiles
         },
         { divider: true, operation: 'divider' },
         { label: '写文章', operation: 'createMarkdownFile'},
diff --git a/src/views/fileType/image.vue b/src/views/fileType/image.vue
index dd08c15..39f9573 100644
--- a/src/views/fileType/image.vue
+++ b/src/views/fileType/image.vue
@@ -38,7 +38,7 @@ export default {
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
-        { label: '新建', operation: 'create' , homeDisable: true, child: createFiles
+        { label: '新建', operation: 'create' , child: createFiles
         },
         { divider: true, operation: 'divider' },
         { label: '写文章', operation: 'createMarkdownFile'},
diff --git a/src/views/fileType/video.vue b/src/views/fileType/video.vue
index f5db228..23eddab 100644
--- a/src/views/fileType/video.vue
+++ b/src/views/fileType/video.vue
@@ -39,7 +39,7 @@ export default {
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
-        { label: '新建', operation: 'create' , homeDisable: true, child: createFiles
+        { label: '新建', operation: 'create' , child: createFiles
         },
         { divider: true, operation: 'divider' },
         { label: '写文章', operation: 'createMarkdownFile'},
diff --git a/src/views/mount/index.vue b/src/views/mount/index.vue
index e324a39..91e0eb5 100644
--- a/src/views/mount/index.vue
+++ b/src/views/mount/index.vue
@@ -9,7 +9,6 @@
       :defaultSort="sortable"
       :queryCondition="queryCondition"
       :contextMenus="contextMenus"
-      homeHidden
     >
     </show-file>
   </div>
@@ -39,7 +38,7 @@
           },
           { label: '刷新', operation: 'refresh'},
           { divider: true, operation: 'divider' },
-          { label: '新建', operation: 'create' , homeDisable: true, child: createFiles
+          { label: '新建', operation: 'create' , child: createFiles
           },
           { divider: true, operation: 'divider' },
           { label: '写文章', operation: 'createMarkdownFile'},
diff --git a/src/views/recently/index.vue b/src/views/recently/index.vue
index 9ccc69a..951d11a 100644
--- a/src/views/recently/index.vue
+++ b/src/views/recently/index.vue
@@ -37,7 +37,7 @@
           },
           { label: '刷新', operation: 'refresh'},
           { divider: true, operation: 'divider' },
-          { label: '新建', operation: 'create' , homeDisable: true, child: createFiles},
+          { label: '新建', operation: 'create' , child: createFiles},
           { divider: true, operation: 'divider' },
           { label: '写文章', operation: 'createMarkdownFile'},
         ]
diff --git a/src/views/tag/index.vue b/src/views/tag/index.vue
index 515e73c..fca535e 100644
--- a/src/views/tag/index.vue
+++ b/src/views/tag/index.vue
@@ -8,7 +8,6 @@
       :defaultSort="sortable"
       :queryCondition="queryCondition"
       :contextMenus="contextMenus"
-      homeHidden
     >
     </show-file>
   </div>
@@ -38,7 +37,7 @@ export default {
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
-        { label: '新建', operation: 'create' , homeDisable: true, child: createFiles
+        { label: '新建', operation: 'create' , child: createFiles
         },
         { divider: true, operation: 'divider' },
         { label: '写文章', operation: 'createMarkdownFile'},