feat(core): enhance downloadCore function with CPU level options in UI

Author: Ayideyia

frontend/src/hooks/useCoreBranch.ts

@@ -70,7 +70,7 @@ export const useCoreBranch = (isAlpha = false) => {
   const CoreFilePath = `${CoreWorkingDirectory}/${getKernelFileName(isAlpha)}`
   const CoreBakFilePath = `${CoreFilePath}.bak`
 
-  const downloadCore = async () => {
+  const downloadCore = async (cpuLevel?: 'v1' | 'v2' | 'v3') => {
     downloading.value = true
     try {
       const { body } = await HttpGet<Record<string, any>>(releaseUrl, {
@@ -79,7 +79,7 @@ export const useCoreBranch = (isAlpha = false) => {
       if (body.message) throw body.message
 
       const { assets, name } = body
-      const assetName = getKernelAssetFileName(isAlpha ? remoteVersion.value : name)
+      const assetName = getKernelAssetFileName(isAlpha ? remoteVersion.value : name, cpuLevel)
       const asset = assets.find((v: any) => v.name === assetName)
       if (!asset) throw 'Asset Not Found:' + assetName
       if (asset.uploader.type !== 'Bot') {

frontend/src/utils/helper.ts

@@ -510,12 +510,12 @@ export const getKernelFileName = (isAlpha = false) => {
   return `mihomo${alpha}${fileSuffix}`
 }
 
-export const getKernelAssetFileName = (version: string) => {
+export const getKernelAssetFileName = (version: string, cpuLevel: 'v1' | 'v2' | 'v3' = 'v3') => {
   const envStore = useEnvStore()
   const { os, arch } = envStore.env
-  const cpuLevel = arch === 'amd64' ? '-v3' : ''
+  const cpuLevelFlag = arch === 'amd64' ? `-${cpuLevel}` : ''
   const suffix = { windows: '.zip', linux: '.gz', darwin: '.gz' }[os]
-  return `mihomo-${os}-${arch}${cpuLevel}-${version}${suffix}`
+  return `mihomo-${os}-${arch}${cpuLevelFlag}-${version}${suffix}`
 }
 
 export const processMagicVariables = (str: string) => {

frontend/src/views/SettingsView/components/components/BranchDetail.vue

@@ -99,15 +99,19 @@ const handleClearCoreCache = async () => {
       :
       {{ remoteVersionLoading ? 'Loading' : remoteVersion }}
     </Tag>
-    <Button
-      v-show="!localVersionLoading && !remoteVersionLoading && updatable"
-      @click="downloadCore"
-      :loading="downloading"
-      size="small"
-      type="primary"
-    >
-      {{ t('kernel.update') }} : {{ remoteVersion }}
-    </Button>
+    <Dropdown v-show="!localVersionLoading && !remoteVersionLoading && updatable">
+      <Button @click="downloadCore()" :loading="downloading" size="small" type="primary">
+        {{ t('kernel.update') }} : {{ remoteVersion }}
+      </Button>
+      <template #overlay>
+        <div v-if="!downloading" class="flex flex-col gap-4 min-w-64 p-4">
+          <Button @click="downloadCore('v1')" type="text"> v1 </Button>
+          <Button @click="downloadCore('v2')" type="text"> v2 </Button>
+          <Button @click="downloadCore('v3')" type="text"> v3(default) </Button>
+        </div>
+      </template>
+    </Dropdown>
+
     <Button
       v-show="!localVersionLoading && !remoteVersionLoading && restartable"
       @click="restartCore"