feat: 目录返回文件信息

Author: Flex-7746

backend/src/router/dir.js

@@ -30,17 +30,27 @@ module.exports = async function read({ query }) {
       const itemStats = fs.statSync(fullPath);
 
       if (itemStats.isDirectory()) {
-        result.dirs.push(item);
+        result.dirs.push({
+          name: item,
+        });
       } else {
-        result.files.push(item);
+        result.files.push({
+          name: item,
+          size: itemStats.size,
+          updateDate: itemStats.mtime,
+        });
       }
     });
 
     result.files.sort((i, j) =>
-      (i || "").toLocaleLowerCase() > (j || "").toLocaleLowerCase() ? 1 : -1
+      (i.name || "").toLocaleLowerCase() > (j.name || "").toLocaleLowerCase()
+        ? 1
+        : -1
     );
     result.dirs.sort((i, j) =>
-      (i || "").toLocaleLowerCase() > (j || "").toLocaleLowerCase() ? 1 : -1
+      (i.name || "").toLocaleLowerCase() > (j.name || "").toLocaleLowerCase()
+        ? 1
+        : -1
     );
 
     return {

frontend/src/components/MonacoEditor.vue

@@ -135,7 +135,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 0 4px;
+  padding: 0 8px;
   background-color: var(--el-bg-color);
 
   > * {

frontend/src/layout/ViewLeft/ViewFolder.vue

@@ -122,7 +122,7 @@ const loadNode = async (node: RenderContentContext['node'], resolve: (v: TreeDat
 
   const { data: result } = await axios.get<{
     code: number
-    data: { dirs: string[]; files: string[] }
+    data: { dirs: { name: string }[]; files: { name: string; size: number; updateDate: string }[] }
   }>(HOST, {
     params: { _api: 'dir', path: root },
   })
@@ -133,12 +133,19 @@ const loadNode = async (node: RenderContentContext['node'], resolve: (v: TreeDat
 
   resolve(
     [
-      ...result.data.dirs.map((i) => ({ label: i, value: `${root}/${i}`, leaf: false, dir: true })),
+      ...result.data.dirs.map((i) => ({
+        label: i.name,
+        value: `${root}/${i.name}`,
+        leaf: false,
+        dir: true,
+      })),
       ...result.data.files.map((i) => ({
-        label: i,
-        value: `${root}/${i}`,
+        label: i.name,
+        value: `${root}/${i.name}`,
         leaf: true,
         dir: false,
+        size: i.size,
+        updateDate: i.updateDate,
       })),
     ].filter((i) => !user.cfg.folderHidePrefix.some((x) => i.label.indexOf(x) === 0)),
   )