upd: add some releases links

ATRIOR-LCL · ATRIOR-LCL · commit 2fe0b16a45c2 · 2025-09-23T22:19:08.000+08:00
diff --git a/src/client/components/download-button.vue b/src/client/components/download-button.vue
@@ -4,42 +4,53 @@ import { Prop } from 'vue-property-decorator';
 import macOS from '@client/assets/images/macos.png';
 import windows from '@client/assets/images/windows.png';
 import download from '@client/assets/images/download.png';
+import platformUtil from '@client/utils/platform.util';
+import { ReleasesConfig } from '@client/utils/data.config';
 
 export default class DownloadButton extends Vue {
   @Prop({ type: String, default: 'Windows' }) platform!: string;
+  @Prop({ type: String, default: "arm64"}) arch!: string;
   @Prop({ type: Boolean, default: false }) isHome: Boolean;
 
-  isSupportedPlatform = this.platform === 'windows' || this.platform === 'macOS';
+  isSupportedPlatform = this.platform === 'windows' || this.platform === 'mac';
 
-  isUnSupportedPlatform = this.platform !== 'windows' && this.platform !== 'macOS';
+  isUnsupportedPlatform = this.platform !== 'windows' && this.platform !== 'mac';
 
   get platformName(): string {
-    return this.platform === 'macOS' ? 'macOS' : 'Windows';
+    return this.platform === 'mac' ? 'mac' : 'windows';
   }
 
   get platformImage(): string {
     switch (this.platform) {
       case 'windows':
         return windows;
-      case 'macOS':
+      case 'mac':
         return macOS;
       default:
         return download;
     }
   }
+
+  private handleDownload() {
+    const version = process.env.VITE_VERSION;
+    const releasesConfig = new ReleasesConfig(version as string);
+    let downloadLink = releasesConfig.downloadSingleSystemLink(this.platform, this.arch);
+    console.log("Download link:", downloadLink);
+    // window.open(downloadLink, '_blank');
+  }
 }
 </script>
 
 <template>
   <div class="btn-container">
-    <button class="download btn">
+    <button class="download btn" @click="handleDownload">
       <img :src="platformImage" alt="" />
-      {{ isUnSupportedPlatform && isHome ? '下载可用版本' : '下载 ' + platformName + "版本" }}
+      {{ isUnsupportedPlatform && isHome ? '下载可用版本' : '下载 ' + platformName + "版本" }}
     </button>
     <span class="download-all-platforms" v-if="isSupportedPlatform && isHome">
       下载 <router-link class="link" to="/releases">其他平台</router-link> 版本
     </span>
-    <span class="download-all-platforms" v-if="isUnSupportedPlatform && isHome"
+    <span class="download-all-platforms" v-if="isUnsupportedPlatform && isHome"
       >仅支持 Windows 和 macOS.</span
     >
   </div>
diff --git a/src/client/components/home-footer.vue b/src/client/components/home-footer.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { Vue, Options } from 'vue-class-component';
-import DataConfig from '@client/utils/data.config';
+import { DataConfig } from '@client/utils/data.config';
 
 @Options({})
 export default class HomeFooter extends Vue {
diff --git a/src/client/components/release-item.vue b/src/client/components/release-item.vue
@@ -3,8 +3,9 @@ import { Vue, Options } from 'vue-class-component';
 import { Prop } from 'vue-property-decorator';
 import windows from '@client/assets/images/windows_colorful.png';
 import macOS from '@client/assets/images/macos_colorful.png';
-import linux from '@client/assets/images/linux_colorful.png';
 import DownloadButton from './download-button.vue';
+import { ReleasesConfig } from '@client/utils/data.config';
+import platformUtil from '@client/utils/platform.util';
 
 @Options({
   components: {
@@ -18,54 +19,70 @@ export default class ReleaseItem extends Vue {
     switch (this.platform) {
       case 'windows':
         return windows;
-      case 'macOS':
+      case 'mac':
         return macOS;
-      case 'linux':
-        return linux;
       default:
         return '';
     }
   }
 
   get downloadLink(): string {
-    switch (this.platform) {
-      case 'windows':
-        return 'https://example.com/windows-download';
-      case 'mac':
-        return 'https://example.com/macos-download';
-      case 'linux':
-        return 'https://example.com/linux-download';
-      default:
-        return '';
-    }
+    const arch = platformUtil.getArchitecture();
+    const downloadLink = new ReleasesConfig(process.env.VITE_VERSION as string).downloadSingleSystemLink(
+      this.platform,
+      arch,
+    );
+    return downloadLink;
   }
 
   get otherLinks(): Array<{ type: string; items: Array<{ arch: string; name: string; link: string }> }> {
     switch (this.platform) {
       case 'windows':
         return [
           {
-            type: 'Installer',
+            type: 'Intel',
             items: [
-              { arch: 'x64', name: 'Windows 10', link: 'https://example.com/windows-10' },
-              { arch: 'arm64', name: 'Windows 11', link: 'https://example.com/windows-11' },
+              {
+                arch: 'x64',
+                name: 'Windows (Intel)',
+                link: new ReleasesConfig(process.env.VITE_VERSION as string).downloadSingleSystemLink('windows', 'x64'),
+              },
             ],
           },
           {
-            type: 'Portable',
+            type: 'Apple Silicon',
             items: [
-              { arch: 'x64', name: 'Windows 10', link: 'https://example.com/windows-10-msi' },
-              { arch: 'arm64', name: 'Windows 11', link: 'https://example.com/windows-11-msi' },
+              {
+                arch: 'arm64',
+                name: 'Windows (Apple Silicon)',
+                link: new ReleasesConfig(process.env.VITE_VERSION as string).downloadSingleSystemLink(
+                  'windows',
+                  'arm64',
+                ),
+              },
             ],
           },
         ];
-      case 'macOS':
+      case 'mac':
         return [
           {
-            type: '.dmg',
+            type: 'Apple Silicon',
             items: [
-              { arch: 'x64', name: 'macOS Big Sur', link: 'https://example.com/macos-big-sur' },
-              { arch: 'arm64', name: 'macOS Monterey', link: 'https://example.com/macos-monterey' },
+              {
+                arch: 'arm64',
+                name: 'macOS (Apple Silicon)',
+                link: new ReleasesConfig(process.env.VITE_VERSION as string).downloadSingleSystemLink('mac', 'arm64'),
+              },
+            ],
+          },
+          {
+            type: 'Intel',
+            items: [
+              {
+                arch: 'x64',
+                name: 'macOS (Intel)',
+                link: new ReleasesConfig(process.env.VITE_VERSION as string).downloadSingleSystemLink('mac', 'x64'),
+              },
             ],
           },
         ];
@@ -78,10 +95,10 @@ export default class ReleaseItem extends Vue {
     switch (this.platform) {
       case 'windows':
         return `version ${process.env.VITE_VERSION} for .exe`;
-      case 'macOS':
+      case 'mac':
         return `version ${process.env.VITE_VERSION} for .dmg`;
       default:
-        return `version ${process.env.VITE_VERSION} for .exe`;
+        return null;
     }
   }
 }
diff --git a/src/client/modules/home/display.vue b/src/client/modules/home/display.vue
@@ -3,7 +3,7 @@ import { Vue, Options } from 'vue-class-component';
 import { Prop } from 'vue-property-decorator';
 import DownloadButton from '@client/components/download-button.vue';
 import { isMac, isWindows } from '@client/utils';
-import DataConfig from '@client/utils/data.config';
+import { DataConfig } from '@client/utils/data.config';
 
 @Options({
   components: {
@@ -12,6 +12,7 @@ import DataConfig from '@client/utils/data.config';
 })
 export default class Display extends Vue {
   @Prop({ type: String, required: true }) readonly platform!: string;
+  @Prop({ type: String, default: "arm64"}) readonly arch!: string;
   @Prop({ type: Boolean, default: false }) readonly isMobile!: boolean;
   isSupportedPlatform = isMac() || isWindows();
 
@@ -46,34 +47,27 @@ export default class Display extends Vue {
   handleClickOutside = (e: MouseEvent) => {
     const target = e.target as HTMLElement;
     const dropdown = document.querySelector('.start-dropdown') as HTMLElement;
-
-    // 如果点击的不是下拉菜单内部元素，则关闭菜单
     if (dropdown && !dropdown.contains(target)) {
       this.isStartOpen = false;
     }
   };
 
   handleEscapeKey = (e: KeyboardEvent) => {
-    // 按 Escape 键关闭菜单
     if (e.key === 'Escape') {
       this.isStartOpen = false;
     }
   };
 
   handleMenuItemClick = () => {
-    // 点击菜单项后关闭菜单
     this.isStartOpen = false;
   };
 
-  mounted() {
-    // 添加全局点击事件监听器
+  created() {
     document.addEventListener('click', this.handleClickOutside);
-    // 添加键盘事件监听器
     document.addEventListener('keydown', this.handleEscapeKey);
   }
 
   beforeUnmount() {
-    // 清理事件监听器
     document.removeEventListener('click', this.handleClickOutside);
     document.removeEventListener('keydown', this.handleEscapeKey);
   }
@@ -84,13 +78,11 @@ export default class Display extends Vue {
   <div class="content">
     <main class="content-main">
       <header class="content-main-title">
-        <h1>
-          为编程初学者而生
-        </h1>
+        <h1>为编程初学者而生</h1>
         <h2>一键配置现代的 C++、Python 和 VSCode 编程环境</h2>
       </header>
       <div class="content-main-subtitle">
-        <DownloadButton :platform="platform" :is-home="true" />
+        <DownloadButton :platform="platform" :is-home="true" :arch="arch" />
         <div class="start-dropdown">
           <a class="start" href="#" @click="handleStartClick">
             <svg
diff --git a/src/client/modules/home/home.view.vue b/src/client/modules/home/home.view.vue
@@ -51,7 +51,7 @@ export default class Home extends Vue {
 
 <template>
   <div class="home">
-    <Display :platform="this.getPlatform.os" :isMobile="homeState.isMobile" />
+    <Display :platform="this.getPlatform.os" :arch="this.getPlatform.architecture"  :isMobile="homeState.isMobile" />
     <GuideContainer />
     <HomeFooter />
     <Beams
@@ -76,12 +76,12 @@ export default class Home extends Vue {
   :deep(.el-icon) {
     color: #ffffff !important;
   }
-  
+
   :deep(svg) {
     color: #ffffff !important;
     fill: #ffffff !important;
   }
-  
+
   :deep(svg path) {
     fill: #ffffff !important;
     stroke: #ffffff !important;
diff --git a/src/client/modules/releases/releases.view.vue b/src/client/modules/releases/releases.view.vue
@@ -3,7 +3,7 @@ import { Vue, Options } from 'vue-class-component';
 import { View } from 'bwcx-client-vue3';
 import ReleaseItem from '@client/components/release-item.vue';
 import HomeFooter from '@client/components/home-footer.vue';
-import DataConfig from '@client/utils/data.config';
+import { DataConfig } from '@client/utils/data.config';
 
 @View('/releases')
 @Options({
@@ -24,7 +24,7 @@ export default class Releases extends Vue {
     <header class="release-header">Download Algo Bootstrap</header>
     <div class="release-container">
       <ReleaseItem :platform="'windows'" />
-      <ReleaseItem :platform="'macOS'" />
+      <ReleaseItem :platform="'mac'" />
     </div>
     <a :href="getOldWebsiteLink" class="old-version" target="_blank">old website</a>
     <home-footer />
@@ -69,19 +69,19 @@ export default class Releases extends Vue {
     position: relative;
   }
   .old-version {
-      position: absolute;
-      bottom: 300px;
-      @media screen and (max-width: 1200px) {
-        bottom: 250px;
-      }
-      transform: translateY(50px);
-      font-size: var(--font-small-size);
-      color: var(--font-secondary-color);
-      transition: color 0.3s ease;
+    position: absolute;
+    bottom: 300px;
+    @media screen and (max-width: 1200px) {
+      bottom: 250px;
+    }
+    transform: translateY(50px);
+    font-size: var(--font-small-size);
+    color: var(--font-secondary-color);
+    transition: color 0.3s ease;
 
-      &:hover {
-        color: var(--font-primary-color);
-      }
+    &:hover {
+      color: var(--font-primary-color);
     }
+  }
 }
 </style>
diff --git a/src/client/utils/data.config.ts b/src/client/utils/data.config.ts
diff --git a/src/client/utils/platform.util.ts b/src/client/utils/platform.util.ts
