format:format and fix code

frontend/src/components/Home/FolderSelect.vue

@@ -11,8 +11,8 @@
       node-key="cid"
       :load="loadNode"
       lazy
-      @node-click="handleNodeClick"
       highlight-current
+      @node-click="handleNodeClick"
     >
       <template #default="{ node }">
         <span class="folder-node">
@@ -25,107 +25,107 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, defineProps } from "vue";
-  import { cloud115Api } from "@/api/cloud115";
-  import { quarkApi } from "@/api/quark";
-  import type { TreeInstance } from "element-plus";
-  import type { Folder } from "@/types";
-  import { type RequestResult } from "@/types/response";
-  import { ElMessage } from "element-plus";
+import { ref, defineProps } from "vue";
+import { cloud115Api } from "@/api/cloud115";
+import { quarkApi } from "@/api/quark";
+import type { TreeInstance } from "element-plus";
+import type { Folder } from "@/types";
+import { type RequestResult } from "@/types/response";
+import { ElMessage } from "element-plus";
 
-  const props = defineProps({
-    cloudType: {
-      type: String,
-      required: true,
-    },
-  });
+const props = defineProps({
+  cloudType: {
+    type: String,
+    required: true,
+  },
+});
 
-  const treeRef = ref<TreeInstance>();
-  const folders = ref<Folder[]>([]);
-  const selectedFolder = ref<Folder | null>(null);
-  const emit = defineEmits<{
-    (e: "select", folderId: string): void;
-    (e: "close"): void;
-  }>();
+const treeRef = ref<TreeInstance>();
+const folders = ref<Folder[]>([]);
+const selectedFolder = ref<Folder | null>(null);
+const emit = defineEmits<{
+  (e: "select", folderId: string): void;
+  (e: "close"): void;
+}>();
 
-  const defaultProps = {
-    label: "name",
-    children: "children",
-    isLeaf: "leaf",
-  };
+const defaultProps = {
+  label: "name",
+  children: "children",
+  isLeaf: "leaf",
+};
 
-  const cloudTypeApiMap = {
-    pan115: cloud115Api,
-    quark: quarkApi,
-  };
+const cloudTypeApiMap = {
+  pan115: cloud115Api,
+  quark: quarkApi,
+};
 
-  const loadNode = async (node: any, resolve: (list: Folder[]) => void) => {
-    const api = cloudTypeApiMap[props.cloudType as keyof typeof cloudTypeApiMap];
-    try {
-      let res: RequestResult<Folder[]> = { code: 0, data: [] as Folder[], message: "" };
-      if (node.level === 0) {
-        if (api.getFolderList) {
-          // 使用类型保护检查方法是否存在
-          res = await api.getFolderList();
-        }
-      } else {
-        if (api.getFolderList) {
-          // 使用类型保护检查方法是否存在
-          res = await api.getFolderList(node.data.cid);
-        }
+const loadNode = async (node: any, resolve: (list: Folder[]) => void) => {
+  const api = cloudTypeApiMap[props.cloudType as keyof typeof cloudTypeApiMap];
+  try {
+    let res: RequestResult<Folder[]> = { code: 0, data: [] as Folder[], message: "" };
+    if (node.level === 0) {
+      if (api.getFolderList) {
+        // 使用类型保护检查方法是否存在
+        res = await api.getFolderList();
       }
-      if (res?.code === 0) {
-        resolve(res.data.length ? res.data : []);
-      } else {
-        throw new Error(res.message);
+    } else {
+      if (api.getFolderList) {
+        // 使用类型保护检查方法是否存在
+        res = await api.getFolderList(node.data.cid);
       }
-    } catch (error) {
-      ElMessage.error(error instanceof Error ? `${error.message}` : "获取目录失败");
-      // 关闭模态框
-      emit("close");
-      resolve([]);
     }
-  };
+    if (res?.code === 0) {
+      resolve(res.data.length ? res.data : []);
+    } else {
+      throw new Error(res.message);
+    }
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? `${error.message}` : "获取目录失败");
+    // 关闭模态框
+    emit("close");
+    resolve([]);
+  }
+};
 
-  const handleNodeClick = (data: Folder) => {
-    selectedFolder.value = {
-      ...data,
-      path: data.path ? [...data.path, data] : [data],
-    };
-    emit("select", data.cid);
+const handleNodeClick = (data: Folder) => {
+  selectedFolder.value = {
+    ...data,
+    path: data.path ? [...data.path, data] : [data],
   };
+  emit("select", data.cid);
+};
 </script>
 
 <style scoped>
-  .folder-select {
-    min-height: 300px;
-    max-height: 500px;
-    overflow-y: auto;
-  }
+.folder-select {
+  min-height: 300px;
+  max-height: 500px;
+  overflow-y: auto;
+}
 
-  .folder-node {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
+.folder-node {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
 
-  .folder-path {
-    color: #999;
-    font-size: 12px;
-    margin-left: 8px;
-  }
+.folder-path {
+  color: #999;
+  font-size: 12px;
+  margin-left: 8px;
+}
 
-  :deep(.el-tree-node__content) {
-    height: 32px;
-  }
-  .folder-select-header {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    margin-bottom: 10px;
-    font-size: 14px;
-    padding: 5px 10px;
-    border: 1px solid #e5e6e8;
-    border-radius: 8px;
-  }
+:deep(.el-tree-node__content) {
+  height: 32px;
+}
+.folder-select-header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin-bottom: 10px;
+  font-size: 14px;
+  padding: 5px 10px;
+  border: 1px solid #e5e6e8;
+  border-radius: 8px;
+}
 </style>