fix: modify download error (#49)

Author: James-9696

packages/common/src/components/header.vue

@@ -346,7 +346,13 @@ const toggleTheme = (event: MouseEvent) => {
             <p class="dropdown-content-title">{{ level1.name }}</p>
             <div class="dropdown-content flex-center dropdown-100">
               <div class="dropdown-app hand" v-for="app in level1.children.filter(lv => !lv.hide)" :key="app.title">
-                <a class="dropdown-app" :href="app.href" rel="noopener noreferrer">
+                <a 
+                  class="dropdown-app" 
+                  :href="app.href" 
+                  rel="noopener noreferrer" 
+                  :download="app.download || false"
+                  @click="app.onClick ? app.onClick($event) : null"
+                >
                   <img class="app-dropdown-logo" :src="app.logo" />
                   <div>
                     <div class="app-title"> {{ app.title }} </div>
@@ -419,7 +425,14 @@ const toggleTheme = (event: MouseEvent) => {
           </div>
           <div v-if="level1.children?.length" class="dropdown-menu">
             <div class="dropdown-app  hand" v-for="app in level1.children.filter(lv => !lv.hide)" :key="app.title">
-              <a class="dropdown-app" :href="app.href" target="_blank" rel="noopener noreferrer">
+              <a 
+                class="dropdown-app" 
+                :href="app.href" 
+                target="_blank" 
+                rel="noopener noreferrer"
+                :download="app.download || false"
+                @click="app.onClick ? app.onClick($event) : null"
+              >
                 {{ app.title }}
               </a>
             </div>

packages/common/src/config/header.ts

@@ -1,4 +1,3 @@
-const envName = import.meta.env.VITE_EnvName
 import tinyAbout from '../../../home/public/images/logo-about.svg'
 import tinyAi from '../../../home/public/images/logo-ai-extension.svg'
 import tinyTech from '../../../home/public/images/logo-tech.svg'
@@ -9,6 +8,19 @@ import tinyRobot from '../assets/appIcon/tiny-robot.svg'
 import sketch from '../../../home/public/images/logo-sketch.svg'
 
 const createIsUnderline = (path) => () => location.pathname.startsWith(path)
+const downloadFile = (filePath:string, fileName:string) => {
+  const link = document.createElement('a')
+
+  // 确保 filePath 不以斜杠开头
+  const href = filePath.startsWith('/') ? filePath.slice(1) : filePath
+  // 根据环境设置 link.href
+  link.href = `${import.meta.env.BASE_URL}${href}`
+  link.download = fileName || 'download-file'
+  document.body.appendChild(link)
+
+  link.click()
+  document.body.removeChild(link)
+}
 
 const menuItems = [
   {
@@ -151,9 +163,14 @@ const menuItems = [
       {
         title: 'Sketch 资源下载',
         desc: 'Sketch 组件资源包',
-        href: '/downloadFile/TinyVue3.0_UI.KIT_202508.sketch',
+        href: `/downloadFile/TinyVue3.0_UI.KIT_202508.sketch`,
         logo: sketch,
-        github: ''
+        github: '',
+        download: true,
+        onClick: (event: MouseEvent) => { 
+          event.preventDefault();
+          downloadFile(`/downloadFile/TinyVue3\.0_UI\.KIT_202508\.sketch`, 'sketch')
+        }
       }
     ]
   }