add macos-arm64

Author: xhofe

docs/.vuepress/components/Desktop.vue

@@ -1,75 +1,95 @@
 <script setup lang="ts">
-import { NButtonGroup, NImage, NSpace, NButton, NDropdown } from 'naive-ui';
-import { computed, ref } from 'vue';
-import { api } from './api'
+import { NButtonGroup, NImage, NSpace, NButton, NDropdown } from "naive-ui";
+import { computed, ref } from "vue";
+import { api } from "./api";
 
-const platform = navigator.platform.toLowerCase()
-const plat = ref<"win" | 'linux' | 'mac'>('win')
-if (platform.includes('win')) {
-  plat.value = 'win'
-} else if (platform.includes('linux')) {
-  plat.value = 'linux'
-} else if (platform.includes('mac')) {
-  plat.value = 'mac'
+const platform = navigator.platform.toLowerCase();
+const plat = ref<"win" | "linux" | "mac">("win");
+if (platform.includes("win")) {
+  plat.value = "win";
+} else if (platform.includes("linux")) {
+  plat.value = "linux";
+} else if (platform.includes("mac")) {
+  plat.value = "mac";
 }
 
-console.log(plat.value)
+console.log(plat.value);
 
-const res = await fetch(`${api()}/proxy/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop-proxy.json`)
-const data = await res.json()
-const version = (data.name as string).slice(1)
-const urls = {
-  'win': `https://ghproxy.com/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop_${version}_x64_en-US.msi`,
-  'linux': `https://ghproxy.com/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop_${version}_amd64.deb`,
-  'mac': `https://ghproxy.com/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop_${version}_x64.dmg`
-}
+const res = await fetch(
+  `${api()}/proxy/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop-proxy.json`
+);
+const data = await res.json();
+const version = (data.name as string).slice(1);
 
 let text = {
-  down: "Download"
-}
+  down: "Download",
+};
 
 const raw = [
-  { key: 'win', label: 'Windows' },
-  { key: 'linux', label: 'Linux' },
-  { key: 'mac', label: 'MacOS' }
-]
+  {
+    key: "win",
+    label: "Windows",
+    url: `https://ghproxy.com/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop_${version}_x64_en-US.msi`,
+  },
+  {
+    key: "mac_arm64",
+    label: "MacOS (Apple Silicon)",
+    url: `https://ghproxy.com/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop_${version}_aarch64.dmg`,
+  },
+  {
+    key: "mac_x64",
+    label: "MacOS (Intel)",
+    url: `https://ghproxy.com/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop_${version}_x64.dmg`,
+  },
+  {
+    key: "linux",
+    label: "Linux",
+    url: `https://ghproxy.com/https://github.com/alist-org/desktop-release/releases/latest/download/alist-desktop_${version}_amd64.deb`,
+  },
+];
 
 const fullPlat = computed(() => {
-  return raw.find(item => item.key === plat.value)?.label
-})
+  return raw.find((item) => item.key === plat.value)?.label;
+});
 
 const options = computed(() => {
-  return raw.map(item => {
+  return raw.map((item) => {
     return {
       ...item,
-      label: `${item.label} ${plat.value === item.key ? '✅' : ''}`
-    }
-  })
-})
+      label: `${item.label} ${plat.value === item.key ? "✅" : ""}`,
+    };
+  });
+});
 
 if (location.pathname.startsWith("/zh/")) {
   text = {
-    down: "下载"
-  }
+    down: "下载",
+  };
 }
 
 function down() {
-  window.open(urls[plat.value], "_blank")
+  window.open(raw.find((item) => item.key === plat.value)?.url, "_blank");
 }
 
 function handleSelect(key) {
-  plat.value = key
+  plat.value = key;
 }
-
 </script>
 
 <template>
   <NSpace align="center" vertical size="large">
     <NButtonGroup class="down">
-      <NDropdown trigger="hover" :options="options" @select="handleSelect" size="large">
+      <NDropdown
+        trigger="hover"
+        :options="options"
+        @select="handleSelect"
+        size="large"
+      >
         <NButton size="large" type="primary" tertiary>💻{{ fullPlat }}</NButton>
       </NDropdown>
-      <NButton size="large" @click="down" type="info" secondary>{{ text.down }}</NButton>
+      <NButton size="large" @click="down" type="info" secondary>{{
+        text.down
+      }}</NButton>
     </NButtonGroup>
     <NImage src="/img/guide/desktop.png"></NImage>
   </NSpace>
@@ -81,4 +101,4 @@ function handleSelect(key) {
   margin-top: 30px;
   margin-bottom: 30px;
 }
-</style>
+</style>