✨ 增加镜像源下载

src/views/download/index.vue

@@ -5,6 +5,7 @@ import moment from "moment";
 import Breadcrumb from "@/layout/compoenets/Breadcrumb.vue";
 import { ElMessage } from "element-plus";
 import { useDebounceFn } from "@vueuse/core";
+import IconifyIconOffline from "@/components/IconifyIcon/src/iconifyIconOffline";
 
 defineComponent({
   name: "Download"
@@ -14,6 +15,17 @@ const versions = ref<Array<FrpVersion>>([]);
 const loading = ref(1);
 const downloadPercentage = ref(0);
 const downloading = ref<Map<number, number>>(new Map<number, number>());
+const currMirror = ref("github");
+const mirrors = ref<Array<GitHubMirror>>([
+  {
+    id: "github",
+    name: "github"
+  },
+  {
+    id: "ghproxy",
+    name: "ghproxy"
+  }
+]);
 
 /**
  * 获取版本
@@ -27,7 +39,11 @@ const handleLoadVersions = () => {
  * @param version
  */
 const handleDownload = useDebounceFn((version: FrpVersion) => {
-  ipcRenderer.send("github.download", version.id);
+  // console.log(version, currMirror.value);
+  ipcRenderer.send("github.download", {
+    versionId: version.id,
+    mirror: currMirror.value
+  });
   downloading.value.set(version.id, 0);
 }, 300);
 
@@ -98,35 +114,81 @@ onUnmounted(() => {
 </script>
 <template>
   <div class="main">
-    <breadcrumb />
+    <breadcrumb>
+      <div class="h-full flex items-center justify-center">
+        <span class="text-sm font-bold">下载源： </span>
+        <el-select class="w-24" v-model="currMirror">
+          <el-option
+            v-for="m in mirrors"
+            :label="m.name"
+            :key="m.id"
+            :value="m.id"
+          />
+        </el-select>
+      </div>
+      <!--      <div-->
+      <!--        class="cursor-pointer h-[36px] w-[36px] bg-[#5f3bb0] rounded text-white flex justify-center items-center"-->
+      <!--        @click="handleOpenInsert"-->
+      <!--      >-->
+      <!--        <IconifyIconOffline icon="add" />-->
+      <!--      </div>-->
+    </breadcrumb>
     <!--    <breadcrumb>-->
     <!--      <div class="flex items-center">-->
     <!--        <el-checkbox>加速下载</el-checkbox>-->
     <!--      </div>-->
     <!--    </breadcrumb>-->
     <div class="app-container-breadcrumb pr-2" v-loading="loading > 0">
+      <div class="w-full">
         <template v-if="versions && versions.length > 0">
           <el-row :gutter="20">
+            <!--          <el-col :span="24">-->
+            <!--            <div class="h2 flex justify-between !mb-[10px]">-->
+            <!--              <div>镜像源</div>-->
+            <!--            </div>-->
+            <!--            &lt;!&ndash;            <div class="!mb-[10px]">&ndash;&gt;-->
+            <!--            &lt;!&ndash;              <el-radio-group v-model="currMirror">&ndash;&gt;-->
+            <!--            &lt;!&ndash;                <el-radio-button v-for="m in mirrors" :label="m" />&ndash;&gt;-->
+            <!--            &lt;!&ndash;              </el-radio-group>&ndash;&gt;-->
+            <!--            &lt;!&ndash;            </div>&ndash;&gt;-->
+            <!--          </el-col>-->
+            <!--          <el-col :span="24">-->
+            <!--            <div class="h2 flex justify-between">-->
+            <!--              <div>版本选择</div>-->
+            <!--            </div>-->
+            <!--          </el-col>-->
             <el-col
               v-for="version in versions"
               :key="version.id"
-            :lg="8"
+              :lg="6"
               :md="8"
               :sm="12"
               :xl="6"
-            :xs="24"
+              :xs="12"
               class="mb-[20px]"
             >
               <div
-              class="w-full bg-white rounded p-4 drop-shadow-lg flex justify-between items-center"
+                class="w-full download-card bg-white rounded p-4 drop-shadow flex justify-between items-center"
               >
                 <div class="left">
-                <div class="mb-2">
+                  <div class="mb-2 flex items-center justify-center">
-                  <el-tag>{{ version.name }}</el-tag>
+                    <span class="font-bold text-primary mr-2">{{
+                      version.name
+                    }}</span>
+                    <el-tag size="small"> {{ version.size }}</el-tag>
                     <!--              <el-tag class="ml-2">原文件名：{{ version.assets[0]?.name }}</el-tag>-->
                   </div>
-                <div class="text-sm">
+                  <div class="text-[12px]">
-                  发布时间：<span class="text-gray-00 text-sm text-primary font-bold">{{
+                    <span class="">下载数：</span>
+                    <span class="text-primary font-bold"
+                      >{{
+                        // moment(version.published_at).format("YYYY-MM-DD HH:mm:ss")
+                        version.download_count
+                      }}
+                    </span>
+                  </div>
+                  <div class="text-[12px]">
+                    发布时间：<span class="text-primary font-bold">{{
                       // moment(version.published_at).format("YYYY-MM-DD HH:mm:ss")
                       version.published_at
                     }}</span>
@@ -137,24 +199,34 @@ onUnmounted(() => {
                     <!--                  <span class="text-[12px] text-primary font-bold mr-2"-->
                     <!--                    >已下载</span-->
                     <!--                  >-->
+                    <div>
                       <el-button
                         type="text"
+                        size="small"
                         @click="handleDeleteVersion(version)"
                       >
                         <IconifyIconOffline class="mr-1" icon="check-box" />
                         已下载
                       </el-button>
-                  <!--                  <el-button type="text"></el-button>-->
+                    </div>
+                    <div>
                       <el-button
                         type="text"
+                        size="small"
                         class="danger-text"
                         @click="handleDeleteVersion(version)"
                       >
-                    <IconifyIconOffline class="mr-1" icon="delete-rounded" />
+                        <IconifyIconOffline
+                          class="mr-1"
+                          icon="delete-rounded"
+                        />
                         删除
                       </el-button>
                     </div>
 
+                    <!--                  <el-button type="text"></el-button>-->
+                  </div>
+
                   <template v-else>
                     <div class="w-32" v-if="downloading.has(version.id)">
                       <el-progress
@@ -165,7 +237,7 @@ onUnmounted(() => {
                     <el-button
                       v-else
                       size="small"
-                    type="primary"
+                      type="text"
                       @click="handleDownload(version)"
                     >
                       <IconifyIconOffline class="mr-1" icon="download" />
@@ -185,6 +257,11 @@ onUnmounted(() => {
         </div>
       </div>
     </div>
+  </div>
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.download-card {
+  border-left: 5px solid #5a3daa;
+}
+</style>

src/views/proxy/index.vue

@@ -317,7 +317,7 @@ onUnmounted(() => {
             :md="8"
             :sm="12"
             :xl="6"
-            :xs="24"
+            :xs="12"
             class="mb-[20px]"
           >
             <div class="bg-white w-full rounded drop-shadow-xl p-4">