chore: 重构工作流配置和路由，移除 HelloWorld 组件并优化页面样式

Author: Harris-H

.github/workflows/build.yml

@@ -5,23 +5,13 @@ on:
     branches: [main]
     paths-ignore:
       - "**.md"
-      - "**.spec.js"
-      - ".idea"
-      - ".vscode"
-      - ".dockerignore"
-      - "Dockerfile"
-      - ".gitignore"
       - ".github/**"
       - "!.github/workflows/build.yml"
+  workflow_dispatch:  # 允许手动触发
 
 jobs:
   build:
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      matrix:
-        os: [windows-latest]
-        # os: [macos-latest, ubuntu-latest, windows-latest]
+    runs-on: windows-latest
 
     steps:
       - name: Checkout Code
@@ -31,6 +21,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18
+          cache: 'npm'  # 缓存npm依赖加速构建
 
       - name: Install Dependencies
         run: npm install
@@ -43,6 +34,6 @@ jobs:
       - name: Upload Artifact
         uses: actions/upload-artifact@v3
         with:
-          name: release_on_${{ matrix. os }}
+          name: MagicFn-Windows
           path: release/
-          retention-days: 5
+          retention-days: 7  # 保留时间延长到7天

.github/workflows/ci.yml

@@ -1,81 +1,38 @@
 name: CI
 
 on:
-  pull_request_target:
-    branches:
-      - main
-
-permissions:
-  pull-requests: write
+  pull_request:
+    branches: [main]
+  push:
+    branches: [main]
+    paths-ignore:
+      - "**.md"
+      - ".github/**"
+      - "!.github/workflows/ci.yml"
 
 jobs:
-  job1:
-    name: Check Not Allowed File Changes
-    runs-on: ubuntu-latest
-    outputs:
-      markdown_change: ${{ steps.filter_markdown.outputs.change }}
-      markdown_files: ${{ steps.filter_markdown.outputs.change_files }}
+  lint-and-test:
+    runs-on: windows-latest
     steps:
+      - name: Checkout Code
+        uses: actions/checkout@v3
 
-      - name: Check Not Allowed File Changes
-        uses: dorny/paths-filter@v2
-        id: filter_not_allowed
-        with:
-          list-files: json
-          filters: |
-            change:
-              - 'package-lock.json'
-              - 'yarn.lock'
-              - 'pnpm-lock.yaml'
-
-      # ref: https://github.com/github/docs/blob/main/.github/workflows/triage-unallowed-contributions.yml
-      - name: Comment About Changes We Can't Accept
-        if: ${{ steps.filter_not_allowed.outputs.change == 'true' }}
-        uses: actions/github-script@v6
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
         with:
-          script: |
-            let workflowFailMessage = "It looks like you've modified some files that we can't accept as contributions."
-            try {
-              const badFilesArr = [
-                'package-lock.json',
-                'yarn.lock',
-                'pnpm-lock.yaml',
-              ]
-              const badFiles = badFilesArr.join('\n- ')
-              const reviewMessage = `👋 Hey there spelunker. It looks like you've modified some files that we can't accept as contributions. The complete list of files we can't accept are:\n- ${badFiles}\n\nYou'll need to revert all of the files you changed in that list using [GitHub Desktop](https://docs.github.com/en/free-pro-team@latest/desktop/contributing-and-collaborating-using-github-desktop/managing-commits/reverting-a-commit) or \`git checkout origin/main <file name>\`. Once you get those files reverted, we can continue with the review process. :octocat:\n\nMore discussion:\n- https://github.com/electron-vite/electron-vite-vue/issues/192`
-              createdComment = await github.rest.issues.createComment({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                issue_number: context.payload.number,
-                body: reviewMessage,
-              })
-              workflowFailMessage = `${workflowFailMessage} Please see ${createdComment.data.html_url} for details.`
-            } catch(err) {
-              console.log("Error creating comment.", err)
-            }
-            core.setFailed(workflowFailMessage)
+          node-version: 18
+          cache: 'npm'
 
-      - name: Check Not Linted Markdown
-        if: ${{ always() }}
-        uses: dorny/paths-filter@v2
-        id: filter_markdown
-        with:
-          list-files: shell
-          filters: |
-            change:
-              - added|modified: '*.md'
+      - name: Install Dependencies
+        run: npm install
 
+      - name: Lint
+        run: npm run lint
+        continue-on-error: true  # 即使lint失败也继续执行
 
-  job2:
-    name: Lint Markdown
-    runs-on: ubuntu-latest
-    needs: job1
-    if: ${{ always() && needs.job1.outputs.markdown_change == 'true' }}
-    steps:
-      - name: Checkout Code
-        uses: actions/checkout@v3
-        with:
-          ref: ${{ github.event.pull_request.head.sha }}
+      - name: Type Check
+        run: npm run typecheck
+        continue-on-error: true  # 即使类型检查失败也继续执行
 
-      - name: Lint markdown
-        run: npx markdownlint-cli ${{ needs.job1.outputs.markdown_files }} --ignore node_modules
+      - name: Build
+        run: npm run build:web  # 只构建Web部分，速度更快

.github/workflows/release.yml

@@ -0,0 +1,38 @@
+name: Release
+
+on:
+  push:
+    tags:
+      - 'v*'  # 推送标签时触发，如 v1.0.0
+
+jobs:
+  release:
+    runs-on: windows-latest
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build Release Files
+        run: npm run build
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Create Release
+        uses: softprops/action-gh-release@v1
+        with:
+          files: |
+            release/*.exe
+            release/*.zip
+          draft: true  # 创建草稿版本，需要手动发布
+          generate_release_notes: true  # 自动生成发布说明
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 

src/router/index.ts

@@ -1,6 +1,5 @@
 import { createRouter, createWebHashHistory, createWebHistory} from 'vue-router'
 import Home from '../views/Home.vue'
-import HelloWorld from '../views/HelloWorld.vue'
 import Dashboard from '../views/Dashboard.vue'
 import About from '../views/About.vue'
 import Suffix from '../views/Suffix.vue'
@@ -25,11 +24,6 @@ const routes = [
         name: 'About',
         component: About, // 默认视图
       },
-      {
-        path: 'hello-world',
-        name: 'HelloWorld',
-        component: HelloWorld,
-      },
     ],
   },
 ];

src/types/components.d.ts

@@ -29,10 +29,22 @@ declare module 'vue' {
     ElTag: typeof import('element-plus/es')['ElTag']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     IEpArrowRightBold: typeof import('~icons/ep/arrow-right-bold')['default']
+    IEpChatDotRound: typeof import('~icons/ep/chat-dot-round')['default']
     IEpDataBoard: typeof import('~icons/ep/data-board')['default']
+    IEpEdit: typeof import('~icons/ep/edit')['default']
+    IEpFiles: typeof import('~icons/ep/files')['default']
     IEpInfoFilled: typeof import('~icons/ep/info-filled')['default']
     IEpMenu: typeof import('~icons/ep/menu')['default']
+    IEpMonitor: typeof import('~icons/ep/monitor')['default']
+    IEpMoon: typeof import('~icons/ep/moon')['default']
+    IEpRefresh: typeof import('~icons/ep/refresh')['default']
+    IEpRight: typeof import('~icons/ep/right')['default']
     IEpSetting: typeof import('~icons/ep/setting')['default']
+    IEpSunny: typeof import('~icons/ep/sunny')['default']
+    IEpSwitchButton: typeof import('~icons/ep/switch-button')['default']
+    IEpTools: typeof import('~icons/ep/tools')['default']
+    IEpUpload: typeof import('~icons/ep/upload')['default']
+    IEpView: typeof import('~icons/ep/view')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }