Initial commit for open-source version

2026-01-11 23:58:46 +08:00 · 2024-12-17 11:30:59 +08:00
commit 42c07ed34c
57 changed files with 10559 additions and 0 deletions
--- a/frontend/src/components/FolderSelect.vue
+++ b/frontend/src/components/FolderSelect.vue
@@ -0,0 +1,134 @@
+<template>
+  <div class="folder-select">
+    <div class="folder-select-header">
+      当前位置：<el-icon style="margin: 0 5px"><Folder /></el-icon
+      >{{ selectedFolder?.path?.map((x: Folder) => x.name).join("/") }}
+    </div>
+    <el-tree
+      ref="treeRef"
+      :data="folders"
+      :props="defaultProps"
+      node-key="cid"
+      :load="loadNode"
+      lazy
+      @node-click="handleNodeClick"
+      highlight-current
+    >
+      <template #default="{ node }">
+        <span class="folder-node">
+          <el-icon><Folder /></el-icon>
+          {{ node.label }}
+        </span>
+      </template>
+    </el-tree>
+  </div>
+</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 { ElMessage } from "element-plus";
+
+  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 defaultProps = {
+    label: "name",
+    children: "children",
+    isLeaf: "leaf",
+  };
+
+  const cloudTypeApiMap = {
+    pan115: cloud115Api,
+    quark: quarkApi,
+  };
+
+  const loadNode = async (node: any, resolve: (data: Folder[]) => void) => {
+    const api = cloudTypeApiMap[props.cloudType as keyof typeof cloudTypeApiMap];
+    try {
+      let res: {
+        data: Folder[];
+        error?: string;
+      } = { data: [] };
+      if (node.level === 0) {
+        if (api.getFolderList) {
+          // 使用类型保护检查方法是否存在
+          res = await api.getFolderList();
+        }
+      } else {
+        if (api.getFolderList) {
+          // 使用类型保护检查方法是否存在
+          res = await api.getFolderList(node.data.cid);
+        }
+      }
+      if (res.data?.length > 0) {
+        resolve(res.data);
+      } else {
+        resolve([]);
+        throw new Error(res.error);
+      }
+    } 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);
+  };
+</script>
+
+<style scoped>
+  .folder-select {
+    min-height: 300px;
+    max-height: 500px;
+    overflow-y: auto;
+  }
+
+  .folder-node {
+    display: flex;
+    align-items: center;
+    gap: 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;
+  }
+</style>