feat: 加载路径时检测是否为目录

Author: Flex-7746

backend/src/router/dir.js

@@ -37,8 +37,8 @@ module.exports = async function ({ query }) {
     result.dirs.sort((i, j) => ((i.name || '').toLocaleLowerCase() > (j.name || '').toLocaleLowerCase() ? 1 : -1))
 
     return { code: 200, msg: '操作成功', data: result }
-  } catch (error) {
-    if (error.code === 'EACCES' || error.code === 'EPERM') {
+  } catch (err) {
+    if (err.code === 'EACCES' || err.code === 'EPERM') {
       return { code: 401, msg: '权限不足，无法读取目录', query }
     } else if (err.code === 'ENOENT') {
       return { code: 400, msg: '目录不存在', query }

backend/src/router/read.js

@@ -28,8 +28,8 @@ module.exports = async function ({ query }) {
         stream: fs.createReadStream(filePath),
       },
     }
-  } catch (error) {
-    if (error.code === 'EACCES' || error.code === 'EPERM') {
+  } catch (err) {
+    if (err.code === 'EACCES' || err.code === 'EPERM') {
       return { code: 401, msg: '权限不足，无法读取文件', query }
     } else if (err.code === 'ENOENT') {
       return { code: 400, msg: '文件不存在', query }

backend/src/router/type.js

@@ -0,0 +1,27 @@
+const fs = require('fs')
+
+module.exports = async function ({ query }) {
+  if (!query.path) {
+    return { code: 400, msg: '缺少文件路径参数', query }
+  }
+
+  const qPath = query.path[0] === '/' ? query.path : `/${query.path}`
+
+  try {
+    if (!fs.existsSync(qPath)) {
+      return { code: 404, msg: '路径不存在', query }
+    }
+
+    const stat = fs.statSync(qPath)
+
+    return { code: 200, msg: '操作成功', data: { isDirectory: stat.isDirectory() } }
+  } catch (err) {
+    if (err.code === 'EACCES' || err.code === 'EPERM') {
+      return { code: 401, msg: '权限不足，无法读取', query }
+    } else if (err.code === 'ENOENT') {
+      return { code: 400, msg: '内容不存在', query }
+    } else {
+      return { code: 400, msg: `读取内容失败: ${err.message}`, query }
+    }
+  }
+}

backend/src/utils/exec.js

@@ -5,6 +5,7 @@ const router = {
   '/save': { run: require('../router/save') },
   '/del': { run: require('../router/del') },
   '/dir': { run: require('../router/dir') },
+  '/type': { run: require('../router/type') },
 }
 
 module.exports = async function exec(data) {

frontend/src/layout/DialogOpen.vue

@@ -82,6 +82,8 @@ import { useEditorStore } from '@/store/editor'
 import { useLikeStore } from '@/store/like'
 import { useMenuStore } from '@/store/menu'
 
+import api from '@/utils/api'
+
 const user = useUserStore()
 const open = useOpenStore()
 const menu = useMenuStore()
@@ -94,11 +96,27 @@ const { cfg } = storeToRefs(user)
 onMounted(async () => {
   const query = new URLSearchParams(window.location.search).get('path') || ''
   if (query) {
-    editor.add(query)
+    const {
+      data: { data },
+    } = await api.get<{ data: { isDirectory: boolean } }>('/type', { params: { path: query } })
+
+    if (data.isDirectory) {
+      changeDir(query)
+    } else {
+      editor.add(query)
+
+      if (!user.cfg.folderNotOpenInQuery) {
+        menu.toggle('folder')
+      }
+    }
   } else {
     if (cfg.value.startOpen) {
       show.value = 'file'
     }
+
+    if (user.cfg.folderDefOpen) {
+      menu.toggle('folder')
+    }
   }
 })
 

frontend/src/layout/ViewMenu.vue

@@ -25,24 +25,13 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted } from 'vue'
 import { Folder, Timer, Notification, Setting } from '@element-plus/icons-vue'
 
 import { useMenuStore } from '@/store/menu'
 import { useLikeStore } from '@/store/like'
-import { useUserStore } from '@/store/user'
 
 const menu = useMenuStore()
 const like = useLikeStore()
-const user = useUserStore()
-
-onMounted(() => {
-  const query = new URLSearchParams(window.location.search).get('path') || ''
-
-  if ((!query || !user.cfg.folderNotOpenInQuery) && user.cfg.folderDefOpen) {
-    menu.toggle('folder')
-  }
-})
 
 const windowOpen = () => window.open('./')
 </script>