feat: 优化 tray 标题长度

feat: 左上角菜单展开状态持久保存

.env.development

@@ -1,12 +1,4 @@
 # 你的接口地址 (必填)
-VITE_API_LOCAL = ***
-# 音乐破解接口地址
-VITE_API_MUSIC = ***
-# 代理地址
-VITE_API_PROXY = ***
-
-
-# 本地运行代理地址
-VITE_API_PROXY = /api
-VITE_API_MUSIC_PROXY = /music
-VITE_API_PROXY_MUSIC = /music_proxy
+VITE_API = http://127.0.0.1:30488
+# 音乐破解接口地址 web端
+VITE_API_MUSIC = ***

.eslintignore

@@ -1,13 +0,0 @@
-snapshot*
-dist
-lib
-es
-esm
-node_modules
-static
-cypress
-script/test/cypress
-_site
-temp*
-static/
-!.prettierrc.js

.eslintrc

@@ -1,140 +0,0 @@
-{
-  "extends": [
-    "plugin:@typescript-eslint/recommended",
-    "eslint-config-airbnb-base",
-    "@vue/typescript/recommended",
-    "plugin:vue/vue3-recommended",
-    "plugin:vue-scoped-css/base",
-    "plugin:prettier/recommended"
-  ],
-  "env": {
-    "browser": true,
-    "node": true,
-    "jest": true,
-    "es6": true
-  },
-  "globals": {
-    "defineProps": "readonly",
-    "defineEmits": "readonly"
-  },
-  "plugins": [
-    "vue",
-    "@typescript-eslint",
-    "simple-import-sort"
-  ],
-  "parserOptions": {
-    "parser": "@typescript-eslint/parser",
-    "sourceType": "module",
-    "allowImportExportEverywhere": true,
-    "ecmaFeatures": {
-      "jsx": true
-    }
-  },
-  "settings": {
-    "import/extensions": [
-      ".js",
-      ".jsx",
-      ".ts",
-      ".tsx"
-    ]
-  },
-  "rules": {
-    "no-nested-ternary": "off",
-    "no-console": "off",
-    "no-continue": "off",
-    "no-restricted-syntax": "off",
-    "no-return-assign": "off",
-    "no-unused-expressions": "off",
-    "no-return-await": "off",
-    "no-plusplus": "off",
-    "no-param-reassign": "off",
-    "no-shadow": "off",
-    "guard-for-in": "off",
-    "import/extensions": "off",
-    "import/no-unresolved": "off",
-    "import/no-extraneous-dependencies": "off",
-    "import/prefer-default-export": "off",
-    "import/first": "off", // https://github.com/vuejs/vue-eslint-parser/issues/58
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "vue/first-attribute-linebreak": 0,
-    "@typescript-eslint/no-unused-vars": [
-      "error",
-      {
-        "argsIgnorePattern": "^_",
-        "varsIgnorePattern": "^_"
-      }
-    ],
-    "no-unused-vars": [
-      "error",
-      {
-        "argsIgnorePattern": "^_",
-        "varsIgnorePattern": "^_"
-      }
-    ],
-    "no-use-before-define": "off",
-    "@typescript-eslint/no-use-before-define": "off",
-    "@typescript-eslint/ban-ts-comment": "off",
-    "@typescript-eslint/ban-types": "off",
-    "class-methods-use-this": "off", // 因为AxiosCancel必须实例化而能静态化所以加的规则，如果有办法解决可以取消
-    "simple-import-sort/imports": "error",
-    "simple-import-sort/exports": "error"
-  },
-  "overrides": [
-    {
-      "files": [
-        "*.vue"
-      ],
-      "rules": {
-        "vue/component-name-in-template-casing": [
-          2,
-          "kebab-case"
-        ],
-        "vue/require-default-prop": 0,
-        "vue/multi-word-component-names": 0,
-        "vue/no-reserved-props": 0,
-        "vue/no-v-html": 0,
-        "vue-scoped-css/enforce-style-type": [
-          "error",
-          {
-            "allows": [
-              "scoped"
-            ]
-          }
-        ]
-      }
-    },
-    {
-      "files": [
-        "*.ts",
-        "*.tsx"
-      ], // https://github.com/typescript-eslint eslint-recommended
-      "rules": {
-        "constructor-super": "off", // ts(2335) & ts(2377)
-        "getter-return": "off", // ts(2378)
-        "no-const-assign": "off", // ts(2588)
-        "no-dupe-args": "off", // ts(2300)
-        "no-dupe-class-members": "off", // ts(2393) & ts(2300)
-        "no-dupe-keys": "off", // ts(1117)
-        "no-func-assign": "off", // ts(2539)
-        "no-import-assign": "off", // ts(2539) & ts(2540)
-        "no-new-symbol": "off", // ts(2588)
-        "no-obj-calls": "off", // ts(2349)
-        "no-redeclare": "off", // ts(2451)
-        "no-setter-return": "off", // ts(2408)
-        "no-this-before-super": "off", // ts(2376)
-        "no-undef": "off", // ts(2304)
-        "no-unreachable": "off", // ts(7027)
-        "no-unsafe-negation": "off", // ts(2365) & ts(2360) & ts(2358)
-        "no-var": "error", // ts transpiles let/const to var, so no need for vars any more
-        "prefer-const": "error", // ts provides better types with const
-        "prefer-rest-params": "error", // ts provides better types with rest args over arguments
-        "prefer-spread": "error", // ts transpiles spread to apply, so no need for manual apply
-        "valid-typeof": "off", // ts(2367)
-        "consistent-return": "off",
-        "no-promise-executor-return": "off",
-        "prefer-promise-reject-errors": "off"
-      }
-    }
-  ]
-}

.github/ISSUE_TEMPLATE/bug-report.zh-CN.yml

@@ -1,6 +1,6 @@
 name: 反馈 Bug
 description: 通过 github 模板进行 Bug 反馈。
-title: "描述问题的标题"
+title: '描述问题的标题'
 body:
   - type: markdown
     attributes:

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +1,5 @@
 blank_issues_enabled: true
 contact_links:
-  - name: 
-    url: 
-    about: 
+  - name:
+    url:
+    about:

.github/ISSUE_TEMPLATE/feature-report.zh-CN.yml

@@ -1,6 +1,6 @@
 name: 反馈新功能
 description: 通过 github 模板进行新功能反馈。
-title: "描述问题的标题"
+title: '描述问题的标题'
 body:
   - type: markdown
     attributes:

.github/issue-shoot.md

@@ -1,4 +1,5 @@
 ## IssueShoot
+
 - 预估时长: {{ .duration }}
 - 期望完成时间: {{ .deadline }}
 - 开发难度: {{ .level }}

.github/workflows/build.yml

@@ -0,0 +1,88 @@
+name: Build and Release
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  release:
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        os: [macos-latest, windows-latest, ubuntu-latest]
+
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Install Dependencies
+        run: npm install
+
+      # MacOS Build
+      - name: Build MacOS
+        if: matrix.os == 'macos-latest'
+        run: |
+          export ELECTRON_BUILDER_EXTRA_ARGS="--universal"
+          npm run build:mac
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          CSC_IDENTITY_AUTO_DISCOVERY: false
+          DEBUG: electron-builder
+
+      # Windows Build
+      - name: Build Windows
+        if: matrix.os == 'windows-latest'
+        run: npm run build:win
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # Linux Build
+      - name: Build Linux
+        if: matrix.os == 'ubuntu-latest'
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf
+          npm run build:linux
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # Get version from tag
+      - name: Get version from tag
+        id: get_version
+        run: echo "VERSION=${GITHUB_REF#refs/tags/v}" >> $GITHUB_ENV
+        shell: bash
+
+      # Read release notes
+      - name: Read release notes
+        id: release_notes
+        run: |
+          NOTES=$(awk "/## \[v${{ env.VERSION }}\]/{p=1;print;next} /## \[v/{p=0}p" CHANGELOG.md)
+          echo "NOTES<<EOF" >> $GITHUB_ENV
+          echo "$NOTES" >> $GITHUB_ENV
+          echo "EOF" >> $GITHUB_ENV
+        shell: bash
+
+      # Upload artifacts
+      - name: Upload artifacts
+        uses: softprops/action-gh-release@v1
+        with:
+          files: |
+            dist/*.dmg
+            dist/*.exe
+            dist/*.deb
+            dist/*.rpm
+            dist/*.AppImage
+            dist/latest*.yml
+            dist/*.blockmap
+          body: ${{ env.NOTES }}
+          draft: false
+          prerelease: false
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy.yml

@@ -0,0 +1,51 @@
+name: Deploy Web
+
+on:
+  push:
+    branches:
+      - main # 或者您的主分支名称
+  workflow_dispatch: # 允许手动触发
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+
+      - name: 创建环境变量文件
+        run: |
+          echo "VITE_API=${{ secrets.VITE_API }}" > .env.production.local
+          echo "VITE_API_MUSIC=${{ secrets.VITE_API_MUSIC }}" >> .env.production.local
+          # 添加其他需要的环境变量
+          cat .env.production.local # 查看创建的文件内容，调试用
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy to Server
+        uses: appleboy/scp-action@master
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USERNAME }}
+          key: ${{ secrets.DEPLOY_KEY }}
+          source: 'out/renderer/*'
+          target: ${{ secrets.DEPLOY_PATH }}
+          strip_components: 2
+
+      - name: Execute Remote Commands
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USERNAME }}
+          key: ${{ secrets.DEPLOY_KEY }}
+          script: |
+            cd ${{ secrets.DEPLOY_PATH }}
+            echo "部署完成于 $(date)"

.gitignore

@@ -16,5 +16,25 @@ dist.zip
 .vscode
 
 bun.lockb
+bun.lock
 
-.env.*.local
+.env.*.local
+
+out
+
+.cursorrules
+
+.github/deploy_keys
+
+resources/android/**/*
+android/app/release
+
+.cursor
+.windsurf
+
+
+.auto-imports.d.ts
+.components.d.ts
+
+src/renderer/auto-imports.d.ts
+src/renderer/components.d.ts

.husky/pre-commit

@@ -0,0 +1,7 @@
+echo "对已暂存文件运行 lint-staged..."
+npx lint-staged
+
+echo "运行类型检查..."
+npm run typecheck
+
+echo "所有检查通过，准备提交..."

.husky/pre-push

@@ -0,0 +1,7 @@
+echo "对已暂存文件运行 lint-staged..."
+npx lint-staged
+
+echo "运行类型检查..."
+npm run typecheck
+
+echo "所有检查通过，准备提交..."

.npmrc

@@ -1,2 +0,0 @@
-electron_mirror=https://npmmirror.com/mirrors/electron/
-electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/

.prettierignore

@@ -0,0 +1,6 @@
+out
+dist
+pnpm-lock.yaml
+LICENSE.md
+tsconfig.json
+tsconfig.*.json

.prettierrc.js

@@ -1,39 +0,0 @@
-module.exports = {
-  // 一行最多 120 字符..
-  printWidth: 120,
-  // 使用 2 个空格缩进
-  tabWidth: 2,
-  // 不使用缩进符，而使用空格
-  useTabs: false,
-  // 行尾需要有分号
-  semi: true,
-  // 使用单引号
-  singleQuote: true,
-  // 对象的 key 仅在必要时用引号
-  quoteProps: 'as-needed',
-  // jsx 不使用单引号，而使用双引号
-  jsxSingleQuote: false,
-  // 末尾需要有逗号
-  trailingComma: 'all',
-  // 大括号内的首尾需要空格
-  bracketSpacing: true,
-  // jsx 标签的反尖括号需要换行
-  jsxBracketSameLine: false,
-  // 箭头函数，只有一个参数的时候，也需要括号
-  arrowParens: 'always',
-  // 每个文件格式化的范围是文件的全部内容
-  rangeStart: 0,
-  rangeEnd: Infinity,
-  // 不需要写文件开头的 @prettier
-  requirePragma: false,
-  // 不需要自动在文件开头插入 @prettier
-  insertPragma: false,
-  // 使用默认的折行标准
-  proseWrap: 'preserve',
-  // 根据显示样式决定 html 要不要折行
-  htmlWhitespaceSensitivity: 'css',
-  // vue 文件中的 script 和 style 内不用缩进
-  vueIndentScriptAndStyle: false,
-  // 换行符使用 lf
-  endOfLine: 'lf',
-};

CHANGELOG.md

@@ -0,0 +1,54 @@
+# 更新日志
+
+## v4.9.0
+
+### ✨ 新功能
+
+- 重新设计pc端歌词页面Mini播放栏
+- 添加清除歌曲自定义解析功能
+- 添加Cookie登录功能及自动获取等相关管理设置 ([16aeaf2](https://github.com/algerkong/AlgerMusicPlayer/commit/16aeaf2)) - 支持通过Cookie方式登录，提供更便捷的登录体验
+- 添加UID登录功能，优化登录流程 ([daa8e75](https://github.com/algerkong/AlgerMusicPlayer/commit/daa8e75)) - 新增用户ID直接登录方式
+- 添加主题根据系统切换功能 ([d5ba218](https://github.com/algerkong/AlgerMusicPlayer/commit/d5ba218)) - 支持跟随系统主题自动切换明暗模式
+- 桌面歌词添加主题颜色面板组件 ([d1f5c8a](https://github.com/algerkong/AlgerMusicPlayer/commit/d1f5c8a)) - 为桌面歌词提供丰富的主题颜色自定义选项
+- 增强播放速度控制，添加滑块控制并改善播放安全性 ([8fb382e](https://github.com/algerkong/AlgerMusicPlayer/commit/8fb382e)) 感谢[Qumo](https://github.com/Hellodwadawd12312312)的pr
+- 添加日语和韩语国际化支持，并优化语言相关代码 ([3062156](https://github.com/algerkong/AlgerMusicPlayer/commit/3062156))
+- 添加繁体中文本地化支持 ([2cc03cb](https://github.com/algerkong/AlgerMusicPlayer/commit/2cc03cb)) 感谢[dongguacute](https://github.com/dongguacute)的pr
+- 播放速度设置弹窗标题添加速度显示 ([aeb7f03](https://github.com/algerkong/AlgerMusicPlayer/commit/aeb7f03))
+
+### 🐛 Bug 修复
+
+- 修复mac快捷键关闭窗口报错的问题 ([67ef4d7](https://github.com/algerkong/AlgerMusicPlayer/commit/67ef4d7))
+- 修复mini窗口恢复时导致的应用窗口变小问题 ([9b3019d](https://github.com/algerkong/AlgerMusicPlayer/commit/9b3019d))
+- 修复歌单列表页面翻页类型问题 ([e489ab4](https://github.com/algerkong/AlgerMusicPlayer/commit/e489ab4))
+- 修复歌曲初始化问题 ([b7a58a0](https://github.com/algerkong/AlgerMusicPlayer/commit/b7a58a0))
+- 修复音量调整不同步的问题 ([679089e](https://github.com/algerkong/AlgerMusicPlayer/commit/679089e))
+- 修复菜单显示不全的问题，添加滚动条 ([09ccd9f](https://github.com/algerkong/AlgerMusicPlayer/commit/09ccd9f))
+
+### 🎨 优化
+
+- 更新 eslint 和 prettier 配置，格式化代码 ([c08c2cb](https://github.com/algerkong/AlgerMusicPlayer/commit/c08c2cb))
+- 优化类型处理和登录功能 ([3ba85f3](https://github.com/algerkong/AlgerMusicPlayer/commit/3ba85f3))
+- 优化Cookie相关文字描述 ([1597fbf](https://github.com/algerkong/AlgerMusicPlayer/commit/1597fbf))
+
+## 赞赏支持☕️
+
+[赞赏列表](http://donate.alger.fun/)
+
+<table>
+  <tr>
+    <th style="text-align:center">微信赞赏</th>
+    <th style="width:100px"></th>
+    <th style="text-align:center">支付宝赞赏</th>
+  </tr>
+  <tr>
+    <td align="center">
+      <img src="https://github.com/algerkong/algerkong/blob/main/wechat.jpg?raw=true" alt="WeChat QRcode" width="200"><br>
+      <h6>☕️喝点咖啡继续干</h6>
+    </td>
+    <td></td>
+    <td align="center">
+      <img src="https://github.com/algerkong/algerkong/blob/main/alipay.jpg?raw=true" alt="Alipay QRcode" width="200"><br>
+      <h6>🍔来个汉堡</h6>
+    </td>
+  </tr>
+</table>

DEV.md

@@ -0,0 +1,198 @@
+# Alger Music Player 开发文档
+
+## 项目结构
+
+### 技术栈
+
+- **前端框架**：Vue 3 + TypeScript
+- **UI 组件库**：naive-ui
+- **样式框架**：Tailwind CSS
+- **图标库**：remixicon
+- **状态管理**：Pinia
+- **工具库**：VueUse
+- **构建工具**：Vite, electron-vite
+- **打包工具**：electron-builder
+- **国际化**：vue-i18n
+- **HTTP 客户端**：axios
+- **本地存储**：electron-store localstorage
+- **网易云音乐 API**：netease-cloud-music-api
+- **音乐解锁**：@unblockneteasemusic/server
+
+### 项目结构
+
+```
+AlgerMusicPlayer/
+├── build/                  # 构建相关文件
+├── docs/                   # 项目文档
+├── node_modules/           # 依赖包
+├── out/                    # 构建输出目录
+├── resources/              # 资源文件
+├── src/                    # 源代码
+│   ├── i18n/               # 国际化配置
+│   │   ├── lang/           # 语言包
+│   │   ├── main.ts         # 主进程国际化入口
+│   │   └── renderer.ts     # 渲染进程国际化入口
+│   ├── main/               # Electron 主进程
+│   │   ├── modules/        # 主进程模块
+│   │   ├── index.ts        # 主进程入口
+│   │   ├── lyric.ts        # 歌词处理
+│   │   ├── server.ts       # 服务器
+│   │   ├── set.json        # 设置
+│   │   └── unblockMusic.ts # 音乐解锁
+│   ├── preload/            # 预加载脚本
+│   │   ├── index.ts        # 预加载脚本入口
+│   │   └── index.d.ts      # 预加载脚本类型声明
+│   └── renderer/           # Vue 渲染进程
+│       ├── api/            # API 请求
+│       ├── assets/         # 静态资源
+│       ├── components/     # 组件
+│       │   ├── common/     # 通用组件
+│       │   ├── home/       # 首页组件
+│       │   ├── lyric/      # 歌词组件
+│       │   ├── settings/   # 设置组件
+│       │   └── ...         # 其他组件
+│       ├── const/          # 常量定义
+│       ├── directive/      # 自定义指令
+│       ├── hooks/          # 自定义 Hooks
+│       ├── layout/         # 布局组件
+│       ├── router/         # 路由配置
+│       ├── services/       # 服务
+│       ├── store/          # Pinia 状态管理
+│       │   ├── modules/    # Pinia 模块
+│       │   └── index.ts    # Pinia 入口
+│       ├── type/           # 类型定义
+│       ├── types/          # 更多类型定义
+│       ├── utils/          # 工具函数
+│       ├── views/          # 页面视图
+│       ├── App.vue         # 根组件
+│       ├── index.css       # 全局样式
+│       ├── index.html      # HTML 模板
+│       ├── main.ts         # 渲染进程入口
+│       └── ...             # 其他文件
+├── .env.development        # 开发环境变量
+├── .env.development.local  # 本地开发环境变量
+├── .env.production.local   # 本地生产环境变量
+├── .eslintrc.cjs           # ESLint 配置
+├── .gitignore              # Git 忽略文件
+├── .prettierrc.yaml        # Prettier 配置
+├── electron-builder.yml    # electron-builder 配置
+├── electron.vite.config.ts # electron-vite 配置
+├── package.json            # 项目配置
+├── postcss.config.js       # PostCSS 配置
+├── tailwind.config.js      # Tailwind 配置
+├── tsconfig.json           # TypeScript 配置
+├── tsconfig.node.json      # 节点 TypeScript 配置
+└── tsconfig.web.json       # Web TypeScript 配置
+```
+
+### 主要组件说明
+
+#### 主进程 (src/main)
+
+主进程负责创建窗口、处理系统层面的交互以及与渲染进程的通信。
+
+- **index.ts**: 应用主入口，负责创建窗口和应用生命周期管理
+- **lyric.ts**: 歌词解析和处理
+- **unblockMusic.ts**: 网易云音乐解锁功能
+- **server.ts**: 本地服务器
+
+#### 预加载脚本 (src/preload)
+
+预加载脚本在渲染进程加载前执行，提供了渲染进程和主进程之间的桥接功能。
+
+#### 渲染进程 (src/renderer)
+
+渲染进程是基于 Vue 3 的前端应用，负责 UI 渲染和用户交互。
+
+- **components/**: 包含各种 UI 组件
+    - **common/**: 通用组件
+    - **home/**: 首页相关组件
+    - **lyric/**: 歌词显示组件
+    - **settings/**: 设置界面组件
+    - **MusicList.vue**: 音乐列表组件
+    - **MvPlayer.vue**: MV 播放器
+    - **EQControl.vue**: 均衡器控制
+    - **...**: 其他组件
+
+- **store/**: Pinia 状态管理
+    - **modules/**: 各功能模块的状态管理
+    - **index.ts**: 状态管理入口
+
+- **views/**: 页面视图组件
+
+- **router/**: 路由配置
+
+- **api/**: API 请求封装
+
+- **utils/**: 工具函数
+
+### 开发指南
+
+#### 命名约定
+
+- 目录使用 kebab-case (如: components/auth-wizard)
+- 组件文件名使用 PascalCase (如: AuthWizard.vue)
+- 可组合式函数使用 camelCase (如: useAuthState.ts)
+
+#### 代码风格
+
+- 使用 Composition API 和 `<script setup>` 语法
+- 使用 TypeScript 类型系统
+- 优先使用类型而非接口
+- 避免使用枚举，使用 const 对象代替
+- 使用 tailwind 实现响应式设计
+
+### 如何启动？
+
+安装依赖（最好使用node18+）：
+
+```
+npm install
+```
+
+#### 桌面端开发
+
+启动桌面端开发：
+
+```
+npm run dev
+```
+
+#### 网页端开发
+
+如果只启动网页端开发，需要自己部署服务 netease-cloud-music-api
+
+需要复制一份 `.env.development.local` 到 `src/renderer` 下
+
+```
+# .env.development.local
+
+# 你的接口地址 (必填)
+VITE_API = ***
+# 音乐破解接口地址
+VITE_API_MUSIC = ***
+```
+
+启动web端开发：
+
+```
+npm run dev:web
+```
+
+### 打包
+
+打包桌面端：
+
+```
+npm run build:win
+```
+
+打包后的文件在 /dist 下
+
+打包网页端：
+
+```
+npm run build
+```
+
+打包后的文件在 /out/renderer 下

LICENSE

@@ -1,201 +0,0 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.

README.md

@@ -1,102 +1,101 @@
-# Alger Music Player
+<h2 align="center">🎵 Alger Music Player</h2>
+<div align="center">
+<div align="center">
+  <a href="https://github.com/algerkong/AlgerMusicPlayer/stargazers">
+    <img src="https://img.shields.io/github/stars/algerkong/AlgerMusicPlayer?style=for-the-badge&logo=github&label=Stars&logoColor=white&color=22c55e" alt="GitHub stars">
+  </a>
+  <a href="https://github.com/algerkong/AlgerMusicPlayer/releases">
+    <img src="https://img.shields.io/github/v/release/algerkong/AlgerMusicPlayer?style=for-the-badge&logo=github&label=Release&logoColor=white&color=1a67af" alt="GitHub release">
+  </a>
+  <a href="https://pd.qq.com/s/cs056n33q?b=5">
+    <img src="https://img.shields.io/badge/QQ频道-algermusic-blue?style=for-the-badge&color=yellow" alt="加入频道">
+  </a>
+  <a href="https://t.me/+9efsKRuvKBk2NWVl">
+    <img src="https://img.shields.io/badge/AlgerMusic-blue?style=for-the-badge&logo=telegram&logoColor=white&label=Telegram" alt="Telegram">
+  </a>
+   <a href="https://donate.alger.fun/">
+    <img src="https://img.shields.io/badge/%E9%A1%B9%E7%9B%AE%E6%8D%90%E8%B5%A0-blue?style=for-the-badge&logo=telegram&logoColor=pink&color=pink&label=%E8%B5%9E%E5%8A%A9" alt="赞助">
+  </a>
+</div>
+</div>
+<div align="center">
+  <a href="https://hellogithub.com/repository/607b849c598d48e08fe38789d156ebdc" target="_blank"><img src="https://api.hellogithub.com/v1/widgets/recommend.svg?rid=607b849c598d48e08fe38789d156ebdc&claim_uid=ObuMXUfeHBmk9TI&theme=neutral" alt="Featured｜HelloGitHub" width="160" height="32" /></a>
+</div>
+
+[项目下安装以及常用问题文档](https://www.yuque.com/alger-pfg5q/ip4f1a/bmgmfmghnhgwghkm?singleDoc#)
+
 主要功能如下
 
-- 音乐推荐
-- 音乐播放
-- 网易云登录
-- 播放历史
-- 桌面歌词
-- 歌单 mv 搜索 专辑等功能
-- 识别无法播放歌曲 并代理播放
-- 可听周杰伦（搜索专辑）
+- 🎵 音乐推荐
+- 🔐 网易云账号登录与同步
+- 📝 功能
+  - 播放历史记录
+  - 歌曲收藏管理
+  - 歌单 MV 排行榜 每日推荐
+  - 自定义快捷键配置（全局或应用内）
+- 🎨 界面与交互
+  - 沉浸式歌词显示（点击左下角封面进入）
+  - 独立桌面歌词窗口
+  - 明暗主题切换
+  - 迷你模式
+  - 状态栏控制
+  - 多语言支持
+- 🎼 音乐功能
+  - 支持歌单、MV、专辑等完整音乐服务
+  - 音乐资源解析（基于 @unblockneteasemusic/server）
+  - EQ均衡器
+  - 定时播放 远程控制播放 倍速播放
+  - 高品质音乐
+  - 音乐文件下载
+  - 搜索 MV 音乐 专辑 歌单 bilibili
+  - 音乐单独选择音源解析
+- 🚀 技术特性
+  - 本地化服务，无需依赖在线API (基于 netease-cloud-music-api)
+  - 全平台适配（Desktop & Web & Mobile Web & Android<测试> & ios<后续>）
 
 ## 项目简介
- 一个基于 electron typescript vue3 的桌面音乐播放器 适配 web端 桌面端 web移动端
+
+一个第三方音乐播放器、本地服务、桌面歌词、音乐下载、最高音质
 
 ## 预览地址
-[http://mc.alger.fun/](http://mc.alger.fun/)
 
-QQ群:789288579
+[http://music.alger.fun/](http://music.alger.fun/)
 
 ## 软件截图
-![首页](./docs/img/image-7.png)
-![歌词](./docs/img/image-6.png)
-![搜索](./docs/img/image-8.png)
 
-## 技术栈
+![首页白](./docs/image.png)
+![首页黑](./docs/image3.png)
+![歌词](./docs/image6.png)
+![桌面歌词](./docs/image2.png)
+![设置页面](./docs/image4.png)
+![音乐远程控制](./docs/image5.png)
 
-### 主要框架
-- Vue 3 - 渐进式 JavaScript 框架
-- TypeScript - JavaScript 的超集，添加了类型系统
-- Electron - 跨平台桌面应用开发框架
-- Vite - 下一代前端构建工具
+## 项目启动
 
-### UI 框架
-- Naive UI - 基于 Vue 3 的组件库
+```bash
+npm install
+npm run dev
+```
 
-### 项目特点
-- 完整的类型支持（TypeScript）
-- 模块化设计
-- 自动化组件和 API 导入
-- 多平台支持（Web、Desktop、Mobile Web）
-- 构建优化（代码分割、压缩）
+## 开发文档
 
-## 咖啡☕️
-|                                        微信                                        |                                       支付宝                                       |
+点击这里[开发文档](./DEV.md)
+
+## 赞赏☕️
+
+[赞赏列表](http://donate.alger.fun/)
+| 微信赞赏 | 支付宝赞赏 |
 | :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: |
-| <img src="https://github.com/algerkong/algerkong/blob/main/wechat.jpg?raw=true" alt="WeChat QRcode" width=200> | <img src="https://github.com/algerkong/algerkong/blob/main/alipay.jpg?raw=true" alt="Wechat QRcode" width=200> |
+| <img src="https://github.com/algerkong/algerkong/blob/main/wechat.jpg?raw=true" alt="WeChat QRcode" width=200> <br><small>喝点咖啡继续干</small> | <img src="https://github.com/algerkong/algerkong/blob/main/alipay.jpg?raw=true" alt="Wechat QRcode" width=200> <br><small>来包辣条吧~</small> |
 
-## 项目运行
-```bash
-  # 安装依赖
-  npm install
+## 项目统计
 
-  # 运行项目 web
-  npm run dev
-
-  # 运行项目 electron
-  npm run start
-
-  # 打包项目 web
-  npm run build
-
-  # 打包项目 electron
-  npm run win ... 
-  # 具体看 package.json
-```
-#### 注意
-- 本地运行需要配置 .env.development 文件
-- 打包需要配置 .env.production 文件
-
-```bash
-  # .env.development
-  VITE_API_LOCAL = /api
-  VITE_API_MUSIC_PROXY = /music
-  VITE_API_PROXY_MUSIC = /music_proxy
-
-  # 你的接口地址 (必填)
-  VITE_API = ***
-  # 音乐po接口地址
-  VITE_API_MUSIC = ***
-  VITE_API_PROXY = ***
-
-
-  # .env.production
-  # 你的接口地址 (必填)
-  VITE_API = ***
-  # 音乐po接口地址
-  VITE_API_MUSIC = ***
-  # 代理地址
-  VITE_API_PROXY = ***
-```
-
-## Stargazers over time
 [![Stargazers over time](https://starchart.cc/algerkong/AlgerMusicPlayer.svg?variant=adaptive)](https://starchart.cc/algerkong/AlgerMusicPlayer)
-
-
-
+![Alt](https://repobeats.axiom.co/api/embed/c4d01b3632e241c90cdec9508dfde86a7f54c9f5.svg 'Repobeats analytics image')
 
 ## 欢迎提Issues
 
-## 免责声明
+## 声明
+
 本软件仅用于学习交流，禁止用于商业用途，否则后果自负。
+希望大家还是要多多支持官方正版，此软件仅用作开发教学。

android/.gitignore

@@ -0,0 +1,101 @@
+# Using Android gitignore template: https://github.com/github/gitignore/blob/HEAD/Android.gitignore
+
+# Built application files
+*.apk
+*.aar
+*.ap_
+*.aab
+
+# Files for the ART/Dalvik VM
+*.dex
+
+# Java class files
+*.class
+
+# Generated files
+bin/
+gen/
+out/
+#  Uncomment the following line in case you need and you don't have the release build type files in your app
+# release/
+
+# Gradle files
+.gradle/
+build/
+
+# Local configuration file (sdk path, etc)
+local.properties
+
+# Proguard folder generated by Eclipse
+proguard/
+
+# Log Files
+*.log
+
+# Android Studio Navigation editor temp files
+.navigation/
+
+# Android Studio captures folder
+captures/
+
+# IntelliJ
+*.iml
+.idea/workspace.xml
+.idea/tasks.xml
+.idea/gradle.xml
+.idea/assetWizardSettings.xml
+.idea/dictionaries
+.idea/libraries
+# Android Studio 3 in .gitignore file.
+.idea/caches
+.idea/modules.xml
+# Comment next line if keeping position of elements in Navigation Editor is relevant for you
+.idea/navEditor.xml
+
+# Keystore files
+# Uncomment the following lines if you do not want to check your keystore files in.
+#*.jks
+#*.keystore
+
+# External native build folder generated in Android Studio 2.2 and later
+.externalNativeBuild
+.cxx/
+
+# Google Services (e.g. APIs or Firebase)
+# google-services.json
+
+# Freeline
+freeline.py
+freeline/
+freeline_project_description.json
+
+# fastlane
+fastlane/report.xml
+fastlane/Preview.html
+fastlane/screenshots
+fastlane/test_output
+fastlane/readme.md
+
+# Version control
+vcs.xml
+
+# lint
+lint/intermediates/
+lint/generated/
+lint/outputs/
+lint/tmp/
+# lint/reports/
+
+# Android Profiling
+*.hprof
+
+# Cordova plugins for Capacitor
+capacitor-cordova-android-plugins
+
+# Copied web assets
+app/src/main/assets/public
+
+# Generated Config files
+app/src/main/assets/capacitor.config.json
+app/src/main/assets/capacitor.plugins.json
+app/src/main/res/xml/config.xml

app.js

@@ -1,148 +0,0 @@
-const { app, BrowserWindow, ipcMain, Tray, Menu, globalShortcut, nativeImage } = require('electron');
-const path = require('path');
-const Store = require('electron-store');
-const setJson = require('./electron/set.json');
-const { loadLyricWindow } = require('./electron/lyric');
-const config = require('./electron/config');
-
-let mainWin = null;
-function createWindow() {
-  mainWin = new BrowserWindow({
-    width: 1200,
-    height: 780,
-    frame: false,
-    webPreferences: {
-      nodeIntegration: false,
-      contextIsolation: true,
-      preload: path.join(__dirname, '/electron/preload.js'),
-    },
-  });
-  const win = mainWin;
-  win.setMinimumSize(1200, 780);
-  if (process.env.NODE_ENV === 'development') {
-    win.webContents.openDevTools({ mode: 'detach' });
-    win.loadURL(`http://localhost:${config.development.mainPort}/`);
-  } else {
-    win.loadURL(`file://${__dirname}/dist/index.html`);
-  }
-  const image = nativeImage
-    .createFromPath(path.join(__dirname, 'public/icon_16x16.png'))
-    .resize({ width: 16, height: 16 });
-  const tray = new Tray(image);
-
-  // 创建一个上下文菜单
-  const contextMenu = Menu.buildFromTemplate([
-    {
-      label: '显示',
-      click: () => {
-        win.show();
-      },
-    },
-    {
-      label: '退出',
-      click: () => {
-        win.destroy();
-        app.quit();
-      },
-    },
-  ]);
-
-  // 设置系统托盘图标的上下文菜单
-  tray.setContextMenu(contextMenu);
-
-  // 当系统托盘图标被点击时，切换窗口的显示/隐藏
-  tray.on('click', () => {
-    if (win.isVisible()) {
-      win.hide();
-    } else {
-      win.show();
-    }
-  });
-
-  const set = store.get('set');
-  // store.set('set', setJson)
-
-  if (!set) {
-    store.set('set', setJson);
-  }
-
-  loadLyricWindow(ipcMain, mainWin);
-}
-
-// 限制只能启动一个应用
-const gotTheLock = app.requestSingleInstanceLock();
-if (!gotTheLock) {
-  app.quit();
-}
-
-app.whenReady().then(createWindow);
-
-app.on('ready', () => {
-  globalShortcut.register('CommandOrControl+Alt+Shift+M', () => {
-    if (mainWin.isVisible()) {
-      mainWin.hide();
-    } else {
-      mainWin.show();
-    }
-  });
-});
-
-app.on('window-all-closed', () => {
-  if (process.platform !== 'darwin') {
-    app.quit();
-  }
-});
-
-app.on('will-quit', () => {
-  globalShortcut.unregisterAll();
-});
-
-ipcMain.on('minimize-window', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender);
-  win.minimize();
-});
-
-ipcMain.on('maximize-window', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender);
-  if (win.isMaximized()) {
-    win.unmaximize();
-  } else {
-    win.maximize();
-  }
-});
-
-ipcMain.on('close-window', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender);
-  win.destroy();
-  app.quit();
-});
-
-ipcMain.on('drag-start', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender);
-  win.webContents.beginFrameSubscription((frameBuffer) => {
-    event.reply('frame-buffer', frameBuffer);
-  });
-});
-
-ipcMain.on('mini-tray', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender);
-  win.hide();
-});
-
-// 重启
-ipcMain.on('restart', () => {
-  app.relaunch();
-  app.exit(0);
-});
-
-const store = new Store();
-
-// 定义ipcRenderer监听事件
-ipcMain.on('setStore', (_, key, value) => {
-  store.set(key, value);
-});
-
-ipcMain.on('getStore', (_, key) => {
-  const value = store.get(key);
-  _.returnValue = value || '';
-});

auto-imports.d.ts

@@ -1,75 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// noinspection JSUnusedGlobalSymbols
-// Generated by unplugin-auto-import
-// biome-ignore lint: disable
-export {}
-declare global {
-  const EffectScope: typeof import('vue')['EffectScope']
-  const computed: typeof import('vue')['computed']
-  const createApp: typeof import('vue')['createApp']
-  const customRef: typeof import('vue')['customRef']
-  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
-  const defineComponent: typeof import('vue')['defineComponent']
-  const effectScope: typeof import('vue')['effectScope']
-  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
-  const getCurrentScope: typeof import('vue')['getCurrentScope']
-  const h: typeof import('vue')['h']
-  const inject: typeof import('vue')['inject']
-  const isProxy: typeof import('vue')['isProxy']
-  const isReactive: typeof import('vue')['isReactive']
-  const isReadonly: typeof import('vue')['isReadonly']
-  const isRef: typeof import('vue')['isRef']
-  const markRaw: typeof import('vue')['markRaw']
-  const nextTick: typeof import('vue')['nextTick']
-  const onActivated: typeof import('vue')['onActivated']
-  const onBeforeMount: typeof import('vue')['onBeforeMount']
-  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
-  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
-  const onDeactivated: typeof import('vue')['onDeactivated']
-  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
-  const onMounted: typeof import('vue')['onMounted']
-  const onRenderTracked: typeof import('vue')['onRenderTracked']
-  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
-  const onScopeDispose: typeof import('vue')['onScopeDispose']
-  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
-  const onUnmounted: typeof import('vue')['onUnmounted']
-  const onUpdated: typeof import('vue')['onUpdated']
-  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
-  const provide: typeof import('vue')['provide']
-  const reactive: typeof import('vue')['reactive']
-  const readonly: typeof import('vue')['readonly']
-  const ref: typeof import('vue')['ref']
-  const resolveComponent: typeof import('vue')['resolveComponent']
-  const shallowReactive: typeof import('vue')['shallowReactive']
-  const shallowReadonly: typeof import('vue')['shallowReadonly']
-  const shallowRef: typeof import('vue')['shallowRef']
-  const toRaw: typeof import('vue')['toRaw']
-  const toRef: typeof import('vue')['toRef']
-  const toRefs: typeof import('vue')['toRefs']
-  const toValue: typeof import('vue')['toValue']
-  const triggerRef: typeof import('vue')['triggerRef']
-  const unref: typeof import('vue')['unref']
-  const useAttrs: typeof import('vue')['useAttrs']
-  const useCssModule: typeof import('vue')['useCssModule']
-  const useCssVars: typeof import('vue')['useCssVars']
-  const useDialog: typeof import('naive-ui')['useDialog']
-  const useId: typeof import('vue')['useId']
-  const useLoadingBar: typeof import('naive-ui')['useLoadingBar']
-  const useMessage: typeof import('naive-ui')['useMessage']
-  const useModel: typeof import('vue')['useModel']
-  const useNotification: typeof import('naive-ui')['useNotification']
-  const useSlots: typeof import('vue')['useSlots']
-  const useTemplateRef: typeof import('vue')['useTemplateRef']
-  const watch: typeof import('vue')['watch']
-  const watchEffect: typeof import('vue')['watchEffect']
-  const watchPostEffect: typeof import('vue')['watchPostEffect']
-  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
-}
-// for type re-export
-declare global {
-  // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
-  import('vue')
-}

build/entitlements.mac.plist

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+    <key>com.apple.security.network.client</key>
+    <true/>
+    <key>com.apple.security.network.server</key>
+    <true/>
+    <key>com.apple.security.files.user-selected.read-write</key>
+    <true/>
+    <key>com.apple.security.files.downloads.read-write</key>
+    <true/>
+  </dict>
+</plist>

build/installer.nsh

@@ -0,0 +1,13 @@
+# 设置 Windows 7 兼容性
+ManifestDPIAware true
+ManifestSupportedOS all
+
+!macro customInit
+  # 检查系统版本
+  ${If} ${AtLeastWin7}
+    # Windows 7 或更高版本
+  ${Else}
+    MessageBox MB_OK|MB_ICONSTOP "此应用程序需要 Windows 7 或更高版本。"
+    Abort
+  ${EndIf}
+!macroend 

build/mac.json

@@ -1,49 +0,0 @@
-{
-  "appId": "com.alger.music",
-  "productName": "AlgerMusic",
-  "artifactName": "${productName}_${version}_${arch}.${ext}",
-  "directories": {
-    "output": "dist_electron/mac"
-  },
-  "files": [
-    "dist/**/*",
-    "package.json",
-    "app.js",
-    "electron/**/*",
-    "**/*",
-    "public/**/*",
-    "node_modules/**/*"
-  ],
-  "mac": {
-    "icon": "public/icon.icns",
-    "target": [
-      {
-        "target": "dmg",
-        "arch": ["x64", "arm64"]
-      }
-    ],
-    "category": "public.app-category.music",
-    "darkModeSupport": true
-  },
-  "dmg": {
-    "title": "${productName} ${version}",
-    "icon": "public/icon.icns",
-    "contents": [
-      {
-        "x": 410,
-        "y": 150,
-        "type": "link",
-        "path": "/Applications"
-      },
-      {
-        "x": 130,
-        "y": 150,
-        "type": "file"
-      }
-    ],
-    "window": {
-      "width": 540,
-      "height": 380
-    }
-  }
-} 

build/win32.json

@@ -1,31 +0,0 @@
-{
-  "appId": "com.alger.music",
-  "productName": "AlgerMusic",
-  "artifactName": "${productName}_${version}_Setup_x86.${ext}",
-  "directories": {
-    "output": "dist_electron/win-x86"
-  },
-  "files": ["dist/**/*", "package.json", "app.js", "electron/**/*"],
-  "win": {
-    "icon": "public/icon.png",
-    "target": [
-      {
-        "target": "nsis",
-        "arch": ["ia32"]
-      }
-    ],
-    "extraFiles": [
-      {
-        "from": "installer/installer.nsh",
-        "to": "$INSTDIR"
-      }
-    ]
-  },
-  "nsis": {
-    "oneClick": false,
-    "language": "2052",
-    "allowToChangeInstallationDirectory": true,
-    "differentialPackage": true,
-    "shortcutName": "Alger Music"
-  }
-}

build/win64.json

@@ -1,31 +0,0 @@
-{
-  "appId": "com.alger.music",
-  "productName": "AlgerMusic",
-  "artifactName": "${productName}_${version}_Setup_x64.${ext}",
-  "directories": {
-    "output": "dist_electron/win-x64"
-  },
-  "files": ["dist/**/*", "package.json", "app.js", "electron/**/*"],
-  "win": {
-    "icon": "public/icon.png",
-    "target": [
-      {
-        "target": "nsis",
-        "arch": ["x64"]
-      }
-    ],
-    "extraFiles": [
-      {
-        "from": "installer/installer.nsh",
-        "to": "$INSTDIR"
-      }
-    ]
-  },
-  "nsis": {
-    "oneClick": false,
-    "language": "2052",
-    "allowToChangeInstallationDirectory": true,
-    "differentialPackage": true,
-    "shortcutName": "Alger Music"
-  }
-}

build/winarm64.json

@@ -1,31 +0,0 @@
-{
-  "appId": "com.alger.music",
-  "productName": "AlgerMusic",
-  "artifactName": "${productName}_${version}_Setup_arm64.${ext}",
-  "directories": {
-    "output": "dist_electron/win-arm64"
-  },
-  "files": ["dist/**/*", "package.json", "app.js", "electron/**/*", "!node_modules/**/*"],
-  "win": {
-    "icon": "public/icon.png",
-    "target": [
-      {
-        "target": "nsis",
-        "arch": ["arm64"]
-      }
-    ],
-    "extraFiles": [
-      {
-        "from": "installer/installer.nsh",
-        "to": "$INSTDIR"
-      }
-    ]
-  },
-  "nsis": {
-    "oneClick": false,
-    "language": "2052",
-    "allowToChangeInstallationDirectory": true,
-    "differentialPackage": true,
-    "shortcutName": "Alger Music"
-  }
-}

components.d.ts

@@ -1,52 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    Coffee: typeof import('./src/components/Coffee.vue')['default']
-    InstallAppModal: typeof import('./src/components/common/InstallAppModal.vue')['default']
-    MPop: typeof import('./src/components/common/MPop.vue')['default']
-    MusicList: typeof import('./src/components/MusicList.vue')['default']
-    MvPlayer: typeof import('./src/components/MvPlayer.vue')['default']
-    NAvatar: typeof import('naive-ui')['NAvatar']
-    NButton: typeof import('naive-ui')['NButton']
-    NButtonGroup: typeof import('naive-ui')['NButtonGroup']
-    NCheckbox: typeof import('naive-ui')['NCheckbox']
-    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
-    NDialogProvider: typeof import('naive-ui')['NDialogProvider']
-    NDrawer: typeof import('naive-ui')['NDrawer']
-    NDropdown: typeof import('naive-ui')['NDropdown']
-    NEllipsis: typeof import('naive-ui')['NEllipsis']
-    NEmpty: typeof import('naive-ui')['NEmpty']
-    NImage: typeof import('naive-ui')['NImage']
-    NInput: typeof import('naive-ui')['NInput']
-    NLayout: typeof import('naive-ui')['NLayout']
-    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
-    NModal: typeof import('naive-ui')['NModal']
-    NPagination: typeof import('naive-ui')['NPagination']
-    NPopover: typeof import('naive-ui')['NPopover']
-    NRadioButton: typeof import('naive-ui')['NRadioButton']
-    NRadioGroup: typeof import('naive-ui')['NRadioGroup']
-    NScrollbar: typeof import('naive-ui')['NScrollbar']
-    NSlider: typeof import('naive-ui')['NSlider']
-    NSpin: typeof import('naive-ui')['NSpin']
-    NSwitch: typeof import('naive-ui')['NSwitch']
-    NTooltip: typeof import('naive-ui')['NTooltip']
-    NVirtualList: typeof import('naive-ui')['NVirtualList']
-    PlayBottom: typeof import('./src/components/common/PlayBottom.vue')['default']
-    PlayListsItem: typeof import('./src/components/common/PlayListsItem.vue')['default']
-    PlaylistType: typeof import('./src/components/PlaylistType.vue')['default']
-    PlayVideo: typeof import('./src/components/common/PlayVideo.vue')['default']
-    RecommendAlbum: typeof import('./src/components/RecommendAlbum.vue')['default']
-    RecommendSinger: typeof import('./src/components/RecommendSinger.vue')['default']
-    RecommendSonglist: typeof import('./src/components/RecommendSonglist.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    SearchItem: typeof import('./src/components/common/SearchItem.vue')['default']
-    SongItem: typeof import('./src/components/common/SongItem.vue')['default']
-  }
-}

custom-api-readme.md

@@ -0,0 +1,62 @@
+## 🎵 自定义音源API配置
+
+现在支持通过导入一个简单的 JSON 配置文件来对接第三方的音乐解析 API。这将提供极大的灵活性，可以接入任意第三方音源。
+
+### 如何使用
+
+1.  前往 **设置 -> 播放设置 -> 音源设置**。
+2.  在 **自定义 API 设置** 区域，点击 **“导入 JSON 配置”** 按钮。
+3.  选择你已经编写好的 `xxx.json` 配置文件。
+4.  导入成功后，程序将优先使用你的自定义 API 进行解析。
+
+### JSON 配置文件格式说明
+
+导入的配置文件必须是一个合法的 JSON 文件，并包含以下字段：
+
+| 字段名           | 类型      | 是否必须 | 描述                                                                                                                                           |
+| ---------------- | --------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
+| `name`           | `string`  | 是       | API 名称，将显示在应用的 UI 界面上。                                                                                                         |
+| `apiUrl`         | `string`  | 是       | API 的基础请求地址。                                                                                                                           |
+| `method`         | `string`  | 否       | HTTP 请求方法。可以是 `"GET"` 或 `"POST"`。**如果省略，默认为 "GET"**。                                                                           |
+| `params`         | `object`  | 是       | 请求时需要发送的参数。对于 `GET` 请求，它们会作为查询字符串；对于 `POST` 请求，它们会作为请求体。                                                     |
+| `qualityMapping` | `object`  | 否       | **音质映射表**。用于将应用内部的音质值（如 `"lossless"`）翻译成你的 API 需要的特定值。如果省略，则直接使用应用内部值。                            |
+| `responseUrlPath`| `string`  | 是       | **URL提取路径**。用于从 API 返回的 JSON 响应中找到最终可播放的音乐链接。支持点 `.` 和方括号 `[]` 语法来访问嵌套对象和数组。                    |
+
+#### 占位符
+
+在 `params` 对象的值中，你可以使用以下占位符，程序在请求时会自动替换它们：
+
+*   `{songId}`: 将被替换为当前歌曲的 ID。
+*   `{quality}`: 将被替换为当前用户设置的音质字符串 (例如, `"higher"`, `"lossless"`)。
+
+#### 音质值列表
+
+应用内部使用的音质值如下，你可以在 `qualityMapping` 中使用它们作为**键**：
+`standard`, `higher`, `exhigh`, `lossless`, `hires`, `jyeffect`, `sky`, `dolby`, `jymaster`
+
+### 示例
+
+假设有一个 API 如下：
+`https://api.example.com/music?song_id=12345&bitrate=320000`
+它返回的 JSON 是：
+`{ "code": 200, "data": { "play_url": "http://..." } }`
+
+那么对应的 JSON 配置文件应该是：
+
+```json
+{
+    "name": "Example API",
+    "apiUrl": "https://api.example.com/music",
+    "method": "GET",
+    "params": {
+        "song_id": "{songId}",
+        "bitrate": "{quality}"
+     },
+    "qualityMapping": {
+        "higher": "128000",
+        "exhigh": "320000",
+        "lossless": "999000"
+    },
+    "responseUrlPath": "data.play_url"
+}
+```

dev-app-update.yml

@@ -0,0 +1,3 @@
+provider: generic
+url: https://example.com/auto-updates
+updaterCacheDirName: electron-lan-file-updater

electron-builder.yml

@@ -0,0 +1,44 @@
+appId: com.electron.app
+productName: electron-lan-file
+directories:
+  buildResources: build
+files:
+  - '!**/.vscode/*'
+  - '!src/*'
+  - '!electron.vite.config.{js,ts,mjs,cjs}'
+  - '!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
+  - '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
+  - '!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}'
+asarUnpack:
+  - resources/**
+win:
+  executableName: electron-lan-file
+nsis:
+  artifactName: ${name}-${version}-setup.${ext}
+  shortcutName: ${productName}
+  uninstallDisplayName: ${productName}
+  createDesktopShortcut: always
+mac:
+  entitlementsInherit: build/entitlements.mac.plist
+  extendInfo:
+    - NSCameraUsageDescription: Application requests access to the device's camera.
+    - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
+    - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
+  notarize: false
+dmg:
+  artifactName: ${name}-${version}.${ext}
+linux:
+  target:
+    - AppImage
+    - snap
+    - deb
+  maintainer: electronjs.org
+  category: Utility
+appImage:
+  artifactName: ${name}-${version}.${ext}
+npmRebuild: false
+publish:
+  provider: generic
+  url: https://example.com/auto-updates
+electronDownload:
+  mirror: https://npmmirror.com/mirrors/electron/

electron.vite.config.ts

@@ -0,0 +1,47 @@
+import vue from '@vitejs/plugin-vue';
+import { defineConfig, externalizeDepsPlugin } from 'electron-vite';
+import { resolve } from 'path';
+import AutoImport from 'unplugin-auto-import/vite';
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
+import Components from 'unplugin-vue-components/vite';
+import viteCompression from 'vite-plugin-compression';
+import VueDevTools from 'vite-plugin-vue-devtools';
+
+export default defineConfig({
+  main: {
+    plugins: [externalizeDepsPlugin()]
+  },
+  preload: {
+    plugins: [externalizeDepsPlugin()]
+  },
+  renderer: {
+    resolve: {
+      alias: {
+        '@': resolve('src/renderer'),
+        '@renderer': resolve('src/renderer'),
+        '@i18n': resolve('src/i18n')
+      }
+    },
+    plugins: [
+      vue(),
+      viteCompression(),
+      VueDevTools(),
+      AutoImport({
+        imports: [
+          'vue',
+          {
+            'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar']
+          }
+        ]
+      }),
+      Components({
+        resolvers: [NaiveUiResolver()]
+      })
+    ],
+    publicDir: resolve('resources'),
+    server: {
+      host: '0.0.0.0',
+      port: 2389
+    }
+  }
+});

electron/config.js

@@ -1,11 +0,0 @@
-module.exports = {
-  // 开发环境配置
-  development: {
-    mainPort: 4488,
-    lyricPort: 4488,
-  },
-  // 生产环境配置
-  production: {
-    distPath: '../dist',
-  },
-};

electron/lyric.js

@@ -1,156 +0,0 @@
-const { BrowserWindow, screen } = require('electron');
-const path = require('path');
-const Store = require('electron-store');
-const config = require('./config');
-
-const store = new Store();
-let lyricWindow = null;
-
-const createWin = () => {
-  console.log('Creating lyric window');
-
-  // 获取保存的窗口位置
-  const windowBounds = store.get('lyricWindowBounds') || {};
-  const { x, y, width, height } = windowBounds;
-
-  // 获取屏幕尺寸
-  const { width: screenWidth, height: screenHeight } = screen.getPrimaryDisplay().workAreaSize;
-
-  // 验证保存的位置是否有效
-  const validPosition = x !== undefined && y !== undefined && x >= 0 && y >= 0 && x < screenWidth && y < screenHeight;
-
-  lyricWindow = new BrowserWindow({
-    width: width || 800,
-    height: height || 200,
-    x: validPosition ? x : undefined,
-    y: validPosition ? y : undefined,
-    frame: false,
-    show: false,
-    transparent: true,
-    hasShadow: false,
-    alwaysOnTop: true,
-    webPreferences: {
-      nodeIntegration: false,
-      contextIsolation: true,
-      preload: `${__dirname}/preload.js`,
-      webSecurity: false,
-    },
-  });
-
-  // 监听窗口关闭事件
-  lyricWindow.on('closed', () => {
-    console.log('Lyric window closed');
-    lyricWindow = null;
-  });
-};
-
-const loadLyricWindow = (ipcMain, mainWin) => {
-  ipcMain.on('open-lyric', () => {
-    console.log('Received open-lyric request');
-    if (lyricWindow) {
-      console.log('Lyric window exists, focusing');
-      if (lyricWindow.isMinimized()) lyricWindow.restore();
-      lyricWindow.focus();
-      lyricWindow.show();
-      return;
-    }
-
-    console.log('Creating new lyric window');
-    createWin();
-    if (process.env.NODE_ENV === 'development') {
-      lyricWindow.webContents.openDevTools({ mode: 'detach' });
-      lyricWindow.loadURL(`http://localhost:${config.development.lyricPort}/#/lyric`);
-    } else {
-      const distPath = path.resolve(__dirname, config.production.distPath);
-      lyricWindow.loadURL(`file://${distPath}/index.html#/lyric`);
-    }
-
-    lyricWindow.setMinimumSize(600, 200);
-    lyricWindow.setSkipTaskbar(true);
-
-    lyricWindow.once('ready-to-show', () => {
-      console.log('Lyric window ready to show');
-      lyricWindow.show();
-    });
-  });
-
-  ipcMain.on('send-lyric', (e, data) => {
-    if (lyricWindow && !lyricWindow.isDestroyed()) {
-      try {
-        lyricWindow.webContents.send('receive-lyric', data);
-      } catch (error) {
-        console.error('Error processing lyric data:', error);
-      }
-    } else {
-      console.log('Cannot send lyric: window not available or destroyed');
-    }
-  });
-
-  ipcMain.on('top-lyric', (e, data) => {
-    if (lyricWindow && !lyricWindow.isDestroyed()) {
-      lyricWindow.setAlwaysOnTop(data);
-    }
-  });
-
-  ipcMain.on('close-lyric', () => {
-    if (lyricWindow && !lyricWindow.isDestroyed()) {
-      lyricWindow.webContents.send('lyric-window-close');
-      mainWin.webContents.send('lyric-control-back', 'close');
-      lyricWindow.close();
-      lyricWindow = null;
-    }
-  });
-
-  ipcMain.on('mouseenter-lyric', () => {
-    lyricWindow.setIgnoreMouseEvents(true);
-  });
-
-  ipcMain.on('mouseleave-lyric', () => {
-    lyricWindow.setIgnoreMouseEvents(false);
-  });
-
-  // 处理拖动移动
-  ipcMain.on('lyric-drag-move', (e, { deltaX, deltaY }) => {
-    if (!lyricWindow) return;
-
-    const [currentX, currentY] = lyricWindow.getPosition();
-    const { width: screenWidth, height: screenHeight } = screen.getPrimaryDisplay().workAreaSize;
-    const [windowWidth, windowHeight] = lyricWindow.getSize();
-
-    // 计算新位置，确保窗口不会移出屏幕
-    const newX = Math.max(0, Math.min(currentX + deltaX, screenWidth - windowWidth));
-    const newY = Math.max(0, Math.min(currentY + deltaY, screenHeight - windowHeight));
-
-    lyricWindow.setPosition(newX, newY);
-
-    // 保存新位置
-    store.set('lyricWindowBounds', {
-      ...lyricWindow.getBounds(),
-      x: newX,
-      y: newY,
-    });
-  });
-
-  // 添加鼠标穿透事件处理
-  ipcMain.on('set-ignore-mouse', (e, shouldIgnore) => {
-    if (!lyricWindow) return;
-
-    if (shouldIgnore) {
-      // 设置鼠标穿透，但保留拖动区域可交互
-      lyricWindow.setIgnoreMouseEvents(true, { forward: true });
-    } else {
-      // 取消鼠标穿透
-      lyricWindow.setIgnoreMouseEvents(false);
-    }
-  });
-
-  // 添加播放控制处理
-  ipcMain.on('control-back', (e, command) => {
-    console.log('Received control-back request:', command);
-    mainWin.webContents.send('lyric-control-back', command);
-  });
-};
-
-module.exports = {
-  loadLyricWindow,
-};

electron/preload.js

@@ -1,30 +0,0 @@
-const { contextBridge, ipcRenderer } = require('electron');
-
-// 主进程通信
-contextBridge.exposeInMainWorld('electronAPI', {
-  minimize: () => ipcRenderer.send('minimize-window'),
-  maximize: () => ipcRenderer.send('maximize-window'),
-  close: () => ipcRenderer.send('close-window'),
-  dragStart: (data) => ipcRenderer.send('drag-start', data),
-  miniTray: () => ipcRenderer.send('mini-tray'),
-  restart: () => ipcRenderer.send('restart'),
-  openLyric: () => ipcRenderer.send('open-lyric'),
-  sendLyric: (data) => ipcRenderer.send('send-lyric', data),
-});
-
-// 存储相关
-contextBridge.exposeInMainWorld('electron', {
-  ipcRenderer: {
-    setStoreValue: (key, value) => ipcRenderer.send('setStore', key, value),
-    getStoreValue: (key) => ipcRenderer.sendSync('getStore', key),
-    on: (channel, func) => {
-      ipcRenderer.on(channel, (event, ...args) => func(...args));
-    },
-    once: (channel, func) => {
-      ipcRenderer.once(channel, (event, ...args) => func(...args));
-    },
-    send: (channel, data) => {
-      ipcRenderer.send(channel, data);
-    },
-  },
-});

electron/set.json

@@ -1,7 +0,0 @@
-{
-  "isProxy": false,
-  "noAnimate": false,
-  "animationSpeed": 1,
-  "author": "Alger",
-  "authorUrl": "https://github.com/algerkong"
-}

electron/update.js

@@ -1,69 +0,0 @@
-const { app, BrowserWindow } = require('electron');
-const axios = require('axios');
-const fs = require('fs');
-const path = require('path');
-const AdmZip = require('adm-zip');
-
-class Updater {
-  constructor(mainWindow) {
-    this.mainWindow = mainWindow;
-    this.updateUrl = 'http://your-server.com/update'; // 更新服务器地址
-    this.version = app.getVersion();
-  }
-
-  // 检查更新
-  async checkForUpdates() {
-    try {
-      const response = await axios.get(`${this.updateUrl}/check`, {
-        params: {
-          version: this.version,
-        },
-      });
-
-      if (response.data.hasUpdate) {
-        await this.downloadUpdate(response.data.downloadUrl);
-      }
-    } catch (error) {
-      console.error('检查更新失败:', error);
-    }
-  }
-
-  // 下载更新
-  async downloadUpdate(downloadUrl) {
-    try {
-      const response = await axios({
-        url: downloadUrl,
-        method: 'GET',
-        responseType: 'arraybuffer',
-      });
-
-      const tempPath = path.join(app.getPath('temp'), 'update.zip');
-      fs.writeFileSync(tempPath, response.data);
-
-      await this.extractUpdate(tempPath);
-    } catch (error) {
-      console.error('下载更新失败:', error);
-    }
-  }
-
-  // 解压更新
-  async extractUpdate(zipPath) {
-    try {
-      const zip = new AdmZip(zipPath);
-      const targetPath = path.join(__dirname, '../dist'); // 前端文件目录
-
-      // 解压文件
-      zip.extractAllTo(targetPath, true);
-
-      // 删除临时文件
-      fs.unlinkSync(zipPath);
-
-      // 刷新页面
-      this.mainWindow.webContents.reload();
-    } catch (error) {
-      console.error('解压更新失败:', error);
-    }
-  }
-}
-
-module.exports = Updater;

eslint.config.mjs

@@ -0,0 +1,237 @@
+import js from '@eslint/js';
+import typescript from '@typescript-eslint/eslint-plugin';
+import typescriptParser from '@typescript-eslint/parser';
+import vue from 'eslint-plugin-vue';
+import vueParser from 'vue-eslint-parser';
+import prettier from 'eslint-plugin-prettier';
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import vueScopedCss from 'eslint-plugin-vue-scoped-css';
+import globals from 'globals';
+
+export default [
+  // 忽略文件配置
+  {
+    ignores: ['node_modules/**', 'dist/**', 'out/**', '.gitignore']
+  },
+
+  // 基础 JavaScript 配置
+  js.configs.recommended,
+
+  // JavaScript 文件配置
+  {
+    files: ['**/*.js', '**/*.cjs', '**/*.mjs'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: {
+        ...globals.node,
+        ...globals.browser
+      }
+    },
+    rules: {
+      'no-console': 'off',
+      'no-undef': 'error'
+    }
+  },
+
+  // TypeScript 文件配置
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parser: typescriptParser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        allowImportExportEverywhere: true,
+        ecmaFeatures: {
+          jsx: true
+        }
+      },
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+        // Vue 3 特定全局变量
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        // TypeScript 全局类型
+        NodeJS: 'readonly',
+        ScrollBehavior: 'readonly'
+      }
+    },
+    plugins: {
+      '@typescript-eslint': typescript,
+      'simple-import-sort': simpleImportSort
+    },
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        // we are only using this rule to check for unused arguments since TS
+        // catches unused variables but not args.
+        { varsIgnorePattern: '.*', args: 'none' }
+      ],
+      '@typescript-eslint/no-use-before-define': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/ban-types': 'off',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      'simple-import-sort/imports': 'error',
+      'simple-import-sort/exports': 'error',
+      'no-console': 'off',
+      'no-unused-vars': [
+        'error',
+        // we are only using this rule to check for unused arguments since TS
+        // catches unused variables but not args.
+        { varsIgnorePattern: '.*', args: 'none' }
+      ],
+      'no-use-before-define': 'off',
+      'max-classes-per-file': 'off',
+      'no-await-in-loop': 'off',
+      'dot-notation': 'off',
+      'constructor-super': 'off',
+      'getter-return': 'off',
+      'no-const-assign': 'off',
+      'no-dupe-args': 'off',
+      'no-dupe-class-members': 'off',
+      'no-dupe-keys': 'off',
+      'no-func-assign': 'off',
+      'no-import-assign': 'off',
+      'no-new-symbol': 'off',
+      'no-obj-calls': 'off',
+      'no-redeclare': 'off',
+      'no-setter-return': 'off',
+      'no-this-before-super': 'off',
+      'no-undef': 'off',
+      'no-unreachable': 'off',
+      'no-unsafe-negation': 'off',
+      'no-var': 'error',
+      'prefer-const': 'error',
+      'prefer-rest-params': 'error',
+      'prefer-spread': 'error',
+      'valid-typeof': 'off',
+      'consistent-return': 'off',
+      'no-promise-executor-return': 'off',
+      'prefer-promise-reject-errors': 'off'
+    }
+  },
+
+  // Vue 文件配置
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser: vueParser,
+      parserOptions: {
+        parser: typescriptParser,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        allowImportExportEverywhere: true
+      },
+      globals: {
+        ...globals.browser,
+        // Vue 3 特定全局变量
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        // Vue 3 Composition API (如果使用了 unplugin-auto-import)
+        ref: 'readonly',
+        reactive: 'readonly',
+        computed: 'readonly',
+        watch: 'readonly',
+        watchEffect: 'readonly',
+        onMounted: 'readonly',
+        onUnmounted: 'readonly',
+        onBeforeUnmount: 'readonly',
+        nextTick: 'readonly',
+        inject: 'readonly',
+        provide: 'readonly',
+        // Naive UI (如果使用了 unplugin-auto-import)
+        useDialog: 'readonly',
+        useMessage: 'readonly',
+        // TypeScript 全局类型
+        NodeJS: 'readonly',
+        ScrollBehavior: 'readonly'
+      }
+    },
+    plugins: {
+      vue,
+      '@typescript-eslint': typescript,
+      prettier,
+      'simple-import-sort': simpleImportSort,
+      'vue-scoped-css': vueScopedCss
+    },
+    rules: {
+      // Vue 3 推荐规则
+      'vue/no-unused-vars': 'error',
+      'vue/no-unused-components': 'error',
+      'vue/no-multiple-template-root': 'off',
+      'vue/no-v-model-argument': 'off',
+      'vue/require-default-prop': 'off',
+      'vue/multi-word-component-names': 'off',
+      'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+      'vue/no-reserved-props': 'off',
+      'vue/no-v-html': 'off',
+      'vue/first-attribute-linebreak': 'off',
+      'vue-scoped-css/enforce-style-type': [
+        'error',
+        {
+          allows: ['scoped']
+        }
+      ],
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      'prettier/prettier': 'error',
+      'simple-import-sort/imports': 'error',
+      'simple-import-sort/exports': 'error'
+    }
+  },
+
+  // TypeScript 类型定义文件配置
+  {
+    files: ['**/*.d.ts'],
+    rules: {
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-empty-interface': 'off'
+    }
+  },
+
+  // JavaScript 第三方库文件配置
+  {
+    files: ['**/assets/**/*.js', '**/vendor/**/*.js', '**/lib/**/*.js'],
+    rules: {
+      'no-unused-vars': 'off',
+      'no-redeclare': 'off',
+      'no-self-assign': 'off',
+      'no-undef': 'off'
+    }
+  },
+
+  // 通用规则
+  {
+    files: ['**/*.js', '**/*.ts', '**/*.vue'],
+    rules: {
+      'no-console': 'off',
+      'no-underscore-dangle': 'off',
+      'no-nested-ternary': 'off',
+      'no-await-in-loop': 'off',
+      'no-continue': 'off',
+      'no-restricted-syntax': 'off',
+      'no-return-assign': 'off',
+      'no-unused-expressions': 'off',
+      'no-return-await': 'off',
+      'no-plusplus': 'off',
+      'no-param-reassign': 'off',
+      'no-shadow': 'off',
+      'guard-for-in': 'off',
+      'class-methods-use-this': 'off',
+      'no-case-declarations': 'off',
+      'no-unused-vars': [
+        'error',
+        // we are only using this rule to check for unused arguments since TS
+        // catches unused variables but not args.
+        { varsIgnorePattern: '.*', args: 'none' }
+      ]
+    }
+  }
+];

index.html

@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-
-  <!-- SEO 元数据 -->
-  <title>网抑云音乐 | AlgerKong ｜ AlgerMusicPlayer</title>
-  <meta name="description"
-    content="AlgerMusicPlayer 网抑云音乐 基于 网易云音乐API 的一款免费的在线音乐播放器，支持在线播放、歌词显示、音乐下载等功能。提供海量音乐资源，让您随时随地享受音乐。" />
-  <meta name="keywords" content="AlgerMusic, AlgerMusicPlayer, 网抑云, 音乐播放器, 在线音乐, 免费音乐, 歌词显示, 音乐下载, AlgerKong, 网易云音乐" />
-
-  <!-- 作者信息 -->
-  <meta name="author" content="AlgerKong" />
-  <meta name="author-url" content="https://github.com/algerkong" />
-
-  <!-- PWA 相关 -->
-  <link rel="manifest" href="/manifest.json" />
-  <meta name="theme-color" content="#000000" />
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <meta name="apple-mobile-web-app-title" content="网抑云音乐" />
-  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-
-  <!-- 资源预加载 -->
-  <link rel="preload" href="/icon/iconfont.css" as="style" />
-  <link rel="preload" href="/css/animate.css" as="style" />
-  <link rel="preload" href="/css/base.css" as="style" />
-
-  <!-- 样式表 -->
-  <link rel="stylesheet" href="/icon/iconfont.css" />
-  <link rel="stylesheet" href="/css/animate.css" />
-  <link rel="stylesheet" href="/css/base.css" />
-  <script defer src="https://cn.vercount.one/js"></script>
-
-  <!-- 动画配置 -->
-  <style>
-    :root {
-      --animate-delay: 0.5s;
-    }
-  </style>
-</head>
-
-<body>
-  <div id="app"></div>
-
-  <div style="display: none;">
-    Total Page View <span id="vercount_value_page_pv">Loading</span>
-    Total Visits <span id="vercount_value_site_pv">Loading</span>
-    Site Total Visitors <span id="vercount_value_site_uv">Loading</span>
-  </div>
-  <script type="module" src="/src/main.ts"></script>
-</body>
-
-</html>

package.json

@@ -1,66 +1,215 @@
 {
-  "name": "alger-music",
-  "version": "2.5.0",
-  "description": "这是一个用于音乐播放的应用程序。",
+  "name": "AlgerMusicPlayer",
+  "version": "4.9.0",
+  "description": "Alger Music Player",
   "author": "Alger <algerkc@qq.com>",
-  "main": "app.js",
+  "main": "./out/main/index.js",
+  "homepage": "https://github.com/algerkong/AlgerMusicPlayer",
   "scripts": {
-    "dev": "vite",
-    "build": "cross-env NODE_ENV=production vite build",
-    "serve": "vite preview",
-    "start": "cross-env NODE_ENV=development electron .",
-    "lint": "eslint --ext .vue,.js,.jsx,.ts,.tsx ./ --max-warnings 0",
-    "b:win:x64": "cross-env NODE_ENV=production electron-builder --config ./build/win64.json",
-    "b:win:x86": "cross-env NODE_ENV=production electron-builder --config ./build/win32.json",
-    "b:win:arm": "cross-env NODE_ENV=production electron-builder --config ./build/winarm64.json",
-    "b:mac": "cross-env NODE_ENV=production npm run build && electron-builder --config ./build/mac.json",
-    "b:win": "cross-env NODE_ENV=production npm run build && npm run b:win:x64 && npm run b:win:x86 && npm run b:win:arm"
+    "prepare": "husky",
+    "format": "prettier --write ./src",
+    "lint": "eslint ./src --fix",
+    "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
+    "typecheck:web": "vue-tsc --noEmit -p tsconfig.web.json --composite false",
+    "typecheck": "npm run typecheck:node && npm run typecheck:web",
+    "start": "electron-vite preview",
+    "dev": "electron-vite dev",
+    "dev:web": "vite dev",
+    "build": "electron-vite build",
+    "postinstall": "electron-builder install-app-deps",
+    "build:unpack": "npm run build && electron-builder --dir",
+    "build:win": "npm run build && electron-builder --win",
+    "build:mac": "npm run build && electron-builder --mac",
+    "build:linux": "npm run build && electron-builder --linux"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,vue,js}": [
+      "eslint --fix"
+    ],
+    "*.{ts,tsx,vue,js,css,scss,md,json}": [
+      "prettier --write"
+    ]
   },
   "dependencies": {
-    "@types/howler": "^2.2.12",
+    "@electron-toolkit/preload": "^3.0.2",
+    "@electron-toolkit/utils": "^4.0.0",
+    "@unblockneteasemusic/server": "^0.27.8-patch.1",
+    "cors": "^2.8.5",
     "electron-store": "^8.1.0",
-    "howler": "^2.2.4"
+    "electron-updater": "^6.6.2",
+    "electron-window-state": "^5.0.3",
+    "express": "^4.18.2",
+    "file-type": "^21.0.0",
+    "flac-tagger": "^1.0.7",
+    "font-list": "^1.5.1",
+    "husky": "^9.1.7",
+    "music-metadata": "^11.2.3",
+    "netease-cloud-music-api-alger": "^4.26.1",
+    "node-id3": "^0.2.9",
+    "node-machine-id": "^1.1.12",
+    "pinia-plugin-persistedstate": "^4.5.0",
+    "sharp": "^0.34.3",
+    "vue-i18n": "^11.1.3"
   },
   "devDependencies": {
-    "@tailwindcss/postcss7-compat": "^2.2.4",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-vue": "^5.1.3",
+    "@electron-toolkit/eslint-config": "^2.1.0",
+    "@electron-toolkit/eslint-config-ts": "^3.1.0",
+    "@electron-toolkit/tsconfig": "^1.0.1",
+    "@eslint/js": "^9.31.0",
+    "@rushstack/eslint-patch": "^1.10.3",
+    "@types/howler": "^2.2.12",
+    "@types/node": "^20.14.8",
+    "@types/tinycolor2": "^1.4.6",
+    "@typescript-eslint/eslint-plugin": "^8.30.1",
+    "@typescript-eslint/parser": "^8.30.1",
+    "@vitejs/plugin-vue": "^5.0.5",
     "@vue/compiler-sfc": "^3.5.0",
-    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.5.0",
     "@vue/runtime-core": "^3.5.0",
-    "@vueuse/core": "^11.0.3",
-    "@vueuse/electron": "^11.0.3",
+    "@vueuse/core": "^11.3.0",
+    "@vueuse/electron": "^13.8.0",
+    "animate.css": "^4.1.1",
     "autoprefixer": "^10.4.20",
     "axios": "^1.7.7",
     "cross-env": "^7.0.3",
-    "electron": "^32.2.7",
-    "electron-builder": "^25.0.5",
-    "eslint": "^8.56.0",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-simple-import-sort": "^12.0.0",
-    "eslint-plugin-vue": "^9.21.1",
-    "eslint-plugin-vue-scoped-css": "^2.7.2",
+    "electron": "^38.1.2",
+    "electron-builder": "^26.0.12",
+    "electron-vite": "^4.0.0",
+    "eslint": "^9.34.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.3",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-vue": "^10.3.0",
+    "eslint-plugin-vue-scoped-css": "^2.11.0",
+    "globals": "^16.3.0",
+    "howler": "^2.2.4",
+    "lint-staged": "^15.2.10",
     "lodash": "^4.17.21",
-    "naive-ui": "^2.39.0",
-    "postcss": "^8.4.49",
-    "prettier": "^3.3.3",
-    "remixicon": "^4.2.0",
-    "sass": "^1.82.0",
-    "tailwindcss": "^3.4.15",
-    "typescript": "^5.5.4",
-    "unplugin-auto-import": "^0.18.2",
-    "unplugin-vue-components": "^0.27.4",
-    "vfonts": "^0.1.0",
-    "vite": "^5.4.3",
+    "marked": "^15.0.4",
+    "naive-ui": "^2.41.0",
+    "pinia": "^3.0.1",
+    "pinyin-match": "^1.2.6",
+    "postcss": "^8.4.47",
+    "prettier": "^3.6.2",
+    "remixicon": "^4.6.0",
+    "sass": "^1.86.0",
+    "tailwindcss": "^3.4.17",
+    "tinycolor2": "^1.6.0",
+    "tunajs": "^1.0.15",
+    "typescript": "^5.5.2",
+    "unplugin-auto-import": "^19.1.1",
+    "unplugin-vue-components": "^28.4.1",
+    "vite": "^6.2.2",
     "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-vue-devtools": "7.4.0",
-    "vue": "^3.5.0",
-    "vue-router": "^4.4.3",
-    "vue-tsc": "^2.1.4",
-    "vuex": "^4.1.0"
+    "vite-plugin-vue-devtools": "7.7.2",
+    "vue": "^3.5.13",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.0.22"
+  },
+  "build": {
+    "appId": "com.alger.music",
+    "productName": "AlgerMusicPlayer",
+    "publish": [
+      {
+        "provider": "github",
+        "owner": "algerkong",
+        "repo": "AlgerMusicPlayer"
+      }
+    ],
+    "extraResources": [
+      {
+        "from": "resources/html",
+        "to": "html",
+        "filter": [
+          "**/*"
+        ]
+      }
+    ],
+    "mac": {
+      "icon": "resources/icon.icns",
+      "target": [
+        {
+          "target": "dmg",
+          "arch": [
+            "universal"
+          ]
+        }
+      ],
+      "artifactName": "${productName}-${version}-mac-${arch}.${ext}",
+      "darkModeSupport": true,
+      "hardenedRuntime": false,
+      "gatekeeperAssess": false,
+      "entitlements": "build/entitlements.mac.plist",
+      "entitlementsInherit": "build/entitlements.mac.plist",
+      "notarize": false,
+      "identity": null,
+      "type": "distribution",
+      "binaries": [
+        "Contents/MacOS/AlgerMusicPlayer"
+      ]
+    },
+    "win": {
+      "icon": "resources/icon.ico",
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "x64",
+            "ia32",
+            "arm64"
+          ]
+        }
+      ],
+      "artifactName": "${productName}-${version}-win-${arch}.${ext}",
+      "requestedExecutionLevel": "asInvoker"
+    },
+    "linux": {
+      "icon": "resources/icon.png",
+      "target": [
+        {
+          "target": "AppImage",
+          "arch": [
+            "x64",
+            "arm64"
+          ]
+        },
+        {
+          "target": "deb",
+          "arch": [
+            "x64",
+            "arm64"
+          ]
+        },
+        {
+          "target": "rpm",
+          "arch": [
+            "x64",
+            "arm64"
+          ]
+        }
+      ],
+      "artifactName": "${productName}-${version}-linux-${arch}.${ext}",
+      "category": "Audio",
+      "maintainer": "Alger <algerkc@qq.com>"
+    },
+    "nsis": {
+      "oneClick": false,
+      "allowToChangeInstallationDirectory": true,
+      "installerIcon": "resources/icon.ico",
+      "uninstallerIcon": "resources/icon.ico",
+      "createDesktopShortcut": true,
+      "createStartMenuShortcut": true,
+      "shortcutName": "AlgerMusicPlayer",
+      "include": "build/installer.nsh"
+    }
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "electron",
+      "esbuild"
+    ]
   }
 }

postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
     tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+    autoprefixer: {}
+  }
+};

prettier.config.js

@@ -0,0 +1,10 @@
+/**
+ * @type {import('prettier').Config}
+ */
+module.exports = {
+  singleQuote: true,
+  semi: true,
+  printWidth: 100,
+  trailingComma: 'none',
+  endOfLine: 'auto'
+};

public/css/base.css

@@ -1,7 +0,0 @@
-body{
-  background-color: #000;
-}
-
-.n-popover:has(.music-play){
-  border-radius: 1.5rem !important;
-}

resources/html/remote-control.html

@@ -0,0 +1,505 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <title>AlgerMusicPlayer 远程控制</title>
+    <style>
+      :root {
+        --primary-color: #007aff;
+        --secondary-color: #5ac8fa;
+        --success-color: #4cd964;
+        --danger-color: #ff3b30;
+        --warning-color: #ff9500;
+        --light-gray: #f2f2f7;
+        --medium-gray: #e5e5ea;
+        --dark-gray: #8e8e93;
+        --text-color: #000000;
+        --text-secondary: #6c6c6c;
+        --background-color: #ffffff;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --primary-color: #0a84ff;
+          --secondary-color: #64d2ff;
+          --success-color: #30d158;
+          --danger-color: #ff453a;
+          --warning-color: #ff9f0a;
+          --light-gray: #1c1c1e;
+          --medium-gray: #2c2c2e;
+          --dark-gray: #8e8e93;
+          --text-color: #ffffff;
+          --text-secondary: #aeaeb2;
+          --background-color: #000000;
+        }
+      }
+
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+        -webkit-tap-highlight-color: transparent;
+      }
+
+      body {
+        font-family:
+          -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
+        line-height: 1.6;
+        color: var(--text-color);
+        background-color: var(--light-gray);
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh;
+        padding: 0;
+        margin: 0;
+      }
+
+      .header {
+        position: sticky;
+        top: 0;
+        z-index: 100;
+        background-color: var(--background-color);
+        padding: 12px 16px;
+        text-align: center;
+        border-bottom: 1px solid var(--medium-gray);
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+      }
+
+      .header h1 {
+        font-size: 18px;
+        font-weight: 600;
+        margin: 0;
+      }
+
+      .container {
+        max-width: 540px;
+        margin: 0 auto;
+        padding: 16px;
+        width: 100%;
+        flex: 1;
+      }
+
+      .card {
+        background-color: var(--background-color);
+        border-radius: 12px;
+        padding: 16px;
+        margin-bottom: 16px;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      }
+
+      .song-info {
+        display: flex;
+        align-items: center;
+        padding-bottom: 16px;
+      }
+
+      .song-cover {
+        width: 72px;
+        height: 72px;
+        border-radius: 8px;
+        object-fit: cover;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        background-color: var(--medium-gray);
+      }
+
+      .song-details {
+        margin-left: 16px;
+        flex: 1;
+      }
+
+      .song-details h2 {
+        margin: 0;
+        font-size: 18px;
+        font-weight: 600;
+        color: var(--text-color);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .song-details p {
+        margin: 4px 0 0;
+        font-size: 15px;
+        color: var(--text-secondary);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .play-state {
+        font-size: 14px;
+        color: var(--primary-color);
+        margin-top: 4px;
+        display: flex;
+        align-items: center;
+      }
+
+      .play-state::before {
+        content: '';
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        margin-right: 6px;
+      }
+
+      .playing .play-state::before {
+        background-color: var(--success-color);
+      }
+
+      .paused .play-state::before {
+        background-color: var(--warning-color);
+      }
+
+      .controls {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 12px;
+        margin-bottom: 16px;
+      }
+
+      .extra-controls {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 12px;
+      }
+
+      .btn {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background-color: var(--background-color);
+        color: var(--primary-color);
+        border: 1px solid var(--medium-gray);
+        padding: 16px 0;
+        border-radius: 12px;
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 500;
+        transition: all 0.2s ease;
+        user-select: none;
+        position: relative;
+        overflow: hidden;
+      }
+
+      .btn:active {
+        transform: scale(0.97);
+        opacity: 0.7;
+      }
+
+      .btn::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: var(--primary-color);
+        opacity: 0;
+        transition: opacity 0.2s ease;
+        z-index: -1;
+      }
+
+      .btn:active::before {
+        opacity: 0.1;
+      }
+
+      .btn svg {
+        margin-bottom: 8px;
+        width: 24px;
+        height: 24px;
+        fill: var(--primary-color);
+      }
+
+      .btn-play svg {
+        width: 28px;
+        height: 28px;
+        margin-bottom: 6px;
+      }
+
+      .status-bar {
+        text-align: center;
+        padding: 8px 16px;
+        font-size: 14px;
+        color: var(--text-secondary);
+        background-color: var(--background-color);
+        border-top: 1px solid var(--medium-gray);
+        position: sticky;
+        bottom: 0;
+      }
+
+      .status-message {
+        display: inline-block;
+        transition: opacity 0.3s ease;
+      }
+
+      .status-message.fade {
+        opacity: 0;
+      }
+
+      .refresh-button {
+        color: var(--primary-color);
+        background: none;
+        border: none;
+        font-size: 14px;
+        cursor: pointer;
+        padding: 0;
+        margin-left: 8px;
+      }
+
+      @media (max-width: 350px) {
+        .controls,
+        .extra-controls {
+          gap: 8px;
+        }
+
+        .btn {
+          padding: 12px 0;
+          font-size: 12px;
+        }
+
+        .btn svg {
+          width: 20px;
+          height: 20px;
+          margin-bottom: 6px;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="header">
+      <h1>AlgerMusicPlayer 远程控制</h1>
+    </div>
+
+    <div class="container">
+      <div class="card" id="songInfoCard">
+        <div class="song-info">
+          <img
+            id="songCover"
+            class="song-cover"
+            src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238E8E93'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 14.5c-2.49 0-4.5-2.01-4.5-4.5S9.51 7.5 12 7.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-5.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z'/%3E%3C/svg%3E"
+            alt="封面"
+          />
+          <div class="song-details">
+            <h2 id="songTitle">未在播放</h2>
+            <p id="songArtist">--</p>
+            <div class="play-state" id="playState">未播放</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="card">
+        <div class="controls">
+          <button id="prevBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path d="M6 6h2v12H6zm3.5 6l8.5 6V6z" />
+            </svg>
+            上一首
+          </button>
+          <button id="playBtn" class="btn btn-play">
+            <svg id="playIcon" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M8 5v14l11-7z" />
+            </svg>
+            播放/暂停
+          </button>
+          <button id="nextBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z" />
+            </svg>
+            下一首
+          </button>
+        </div>
+
+        <div class="extra-controls">
+          <button id="volumeDownBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path
+                d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"
+              />
+            </svg>
+            音量-
+          </button>
+          <button id="volumeUpBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path
+                d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"
+              />
+            </svg>
+            音量+
+          </button>
+        </div>
+      </div>
+
+      <div class="card">
+        <div class="extra-controls">
+          <button id="favoriteBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path
+                d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
+              />
+            </svg>
+            收藏
+          </button>
+          <button id="refreshBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path
+                d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
+              />
+            </svg>
+            刷新
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <div class="status-bar">
+      <span id="status" class="status-message">准备就绪</span>
+    </div>
+
+    <script>
+      // 页面加载完成后执行
+      document.addEventListener('DOMContentLoaded', () => {
+        // 获取DOM元素
+        const songInfoCard = document.getElementById('songInfoCard');
+        const songTitle = document.getElementById('songTitle');
+        const songArtist = document.getElementById('songArtist');
+        const songCover = document.getElementById('songCover');
+        const playState = document.getElementById('playState');
+        const playBtn = document.getElementById('playBtn');
+        const playIcon = document.getElementById('playIcon');
+        const prevBtn = document.getElementById('prevBtn');
+        const nextBtn = document.getElementById('nextBtn');
+        const favoriteBtn = document.getElementById('favoriteBtn');
+        const volumeUpBtn = document.getElementById('volumeUpBtn');
+        const volumeDownBtn = document.getElementById('volumeDownBtn');
+        const refreshBtn = document.getElementById('refreshBtn');
+        const status = document.getElementById('status');
+
+        let isPlaying = false;
+
+        // 显示状态消息并淡出
+        function showStatus(message, autoClear = true) {
+          status.textContent = message;
+          status.classList.remove('fade');
+
+          if (autoClear) {
+            setTimeout(() => {
+              status.classList.add('fade');
+            }, 2000);
+          }
+        }
+
+        // 更新播放/暂停图标
+        function updatePlayIcon() {
+          if (isPlaying) {
+            playIcon.innerHTML = '<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>';
+          } else {
+            playIcon.innerHTML = '<path d="M8 5v14l11-7z"/>';
+          }
+        }
+
+        // 更新状态的函数
+        async function updateStatus() {
+          try {
+            showStatus('获取播放状态...', false);
+
+            const response = await fetch('/api/status');
+            const data = await response.json();
+
+            // 更新播放状态
+            isPlaying = data.isPlaying;
+            updatePlayIcon();
+
+            // 更新UI
+            if (data.currentSong) {
+              songTitle.textContent = data.currentSong.name || '未知歌曲';
+
+              if (data.currentSong.ar && data.currentSong.ar.length) {
+                songArtist.textContent = data.currentSong.ar.map((a) => a.name).join(', ');
+              } else if (data.currentSong.artists && data.currentSong.artists.length) {
+                songArtist.textContent = data.currentSong.artists.map((a) => a.name).join(', ');
+              } else {
+                songArtist.textContent = '未知艺术家';
+              }
+
+              if (data.currentSong.picUrl) {
+                songCover.src = data.currentSong.picUrl;
+              }
+            } else {
+              songTitle.textContent = '未在播放';
+              songArtist.textContent = '--';
+              songCover.src =
+                "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238E8E93'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 14.5c-2.49 0-4.5-2.01-4.5-4.5S9.51 7.5 12 7.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-5.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z'/%3E%3C/svg%3E";
+            }
+
+            // 更新播放状态
+            playState.textContent = isPlaying ? '正在播放' : '已暂停';
+            songInfoCard.className = isPlaying ? 'card playing' : 'card paused';
+
+            showStatus('已更新', true);
+          } catch (error) {
+            console.error('获取状态失败:', error);
+            showStatus('获取状态失败');
+          }
+        }
+
+        // 发送命令的函数
+        async function sendCommand(endpoint) {
+          try {
+            showStatus('发送命令中...', false);
+            const response = await fetch('/api/' + endpoint, { method: 'POST' });
+            const data = await response.json();
+
+            showStatus(data.message || '命令已发送');
+
+            // 稍等后更新状态
+            setTimeout(updateStatus, 500);
+          } catch (error) {
+            console.error('发送命令失败:', error);
+            showStatus('发送命令失败');
+          }
+        }
+
+        // 绑定按钮事件
+        playBtn.addEventListener('click', () => sendCommand('toggle-play'));
+        prevBtn.addEventListener('click', () => sendCommand('prev'));
+        nextBtn.addEventListener('click', () => sendCommand('next'));
+        favoriteBtn.addEventListener('click', () => sendCommand('toggle-favorite'));
+        volumeUpBtn.addEventListener('click', () => sendCommand('volume-up'));
+        volumeDownBtn.addEventListener('click', () => sendCommand('volume-down'));
+        refreshBtn.addEventListener('click', updateStatus);
+
+        // 初始加载状态
+        updateStatus();
+
+        // 每1秒更新一次状态
+        setInterval(updateStatus, 1000);
+
+        // 添加触摸反馈
+        const buttons = document.querySelectorAll('.btn');
+        buttons.forEach((btn) => {
+          btn.addEventListener('touchstart', function () {
+            this.style.transform = 'scale(0.97)';
+            this.style.opacity = '0.7';
+          });
+
+          btn.addEventListener('touchend', function () {
+            this.style.transform = 'scale(1)';
+            this.style.opacity = '1';
+          });
+        });
+
+        // 检测深色模式变化
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+          updateStatus();
+        });
+      });
+    </script>
+  </body>
+</html>

src/App.vue

@@ -1,54 +0,0 @@
-<template>
-  <div class="app-container" :class="{ mobile: isMobile, noElectron: !isElectron }">
-    <n-config-provider :theme="theme === 'dark' ? darkTheme : lightTheme">
-      <n-dialog-provider>
-        <n-message-provider>
-          <router-view></router-view>
-        </n-message-provider>
-      </n-dialog-provider>
-    </n-config-provider>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { darkTheme, lightTheme } from 'naive-ui';
-import { onMounted } from 'vue';
-
-import { isElectron } from '@/hooks/MusicHook';
-import homeRouter from '@/router/home';
-import store from '@/store';
-
-import { isMobile } from './utils';
-
-const theme = computed(() => {
-  return store.state.theme;
-});
-
-onMounted(() => {
-  store.dispatch('initializeSettings');
-  store.dispatch('initializeTheme');
-  if (isMobile.value) {
-    store.commit(
-      'setMenus',
-      homeRouter.filter((item) => item.meta.isMobile),
-    );
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-.app-container {
-  @apply h-full w-full;
-  user-select: none;
-}
-
-.mobile {
-  .text-base {
-    font-size: 14px !important;
-  }
-}
-
-.html:has(.mobile) {
-  font-size: 14px;
-}
-</style>

src/api/music.ts

@@ -1,22 +0,0 @@
-import { ILyric } from '@/type/lyric';
-import { IPlayMusicUrl } from '@/type/music';
-import request from '@/utils/request';
-import requestMusic from '@/utils/request_music';
-// 根据音乐Id获取音乐播放URl
-export const getMusicUrl = (id: number) => {
-  return request.get<IPlayMusicUrl>('/song/url', { params: { id } });
-};
-
-// 获取歌曲详情
-export const getMusicDetail = (ids: Array<number>) => {
-  return request.get('/song/detail', { params: { ids: ids.join(',') } });
-};
-
-// 根据音乐Id获取音乐歌词
-export const getMusicLrc = (id: number) => {
-  return request.get<ILyric>('/lyric', { params: { id } });
-};
-
-export const getParsingMusicUrl = (id: number) => {
-  return requestMusic.get<any>('/music', { params: { id } });
-};

src/api/search.ts

@@ -1,12 +0,0 @@
-import request from '@/utils/request';
-
-interface IParams {
-  keywords: string;
-  type: number;
-}
-// 搜索内容
-export const getSearch = (params: IParams) => {
-  return request.get<any>('/cloudsearch', {
-    params,
-  });
-};

src/api/user.ts

@@ -1,17 +0,0 @@
-import request from '@/utils/request';
-
-// /user/detail
-export function getUserDetail(uid: number) {
-  return request.get('/user/detail', { params: { uid } });
-}
-
-// /user/playlist
-export function getUserPlaylist(uid: number) {
-  return request.get('/user/playlist', { params: { uid } });
-}
-
-// 播放历史
-// /user/record?uid=32953014&type=1
-export function getUserRecord(uid: number, type: number = 0) {
-  return request.get('/user/record', { params: { uid, type } });
-}

src/components/Coffee.vue

@@ -1,59 +0,0 @@
-<template>
-  <div class="relative inline-block">
-    <n-popover trigger="hover" placement="top" :show-arrow="true" :raw="true" :delay="100">
-      <template #trigger>
-        <slot>
-          <n-button
-            quaternary
-            class="inline-flex items-center gap-2 px-4 py-2 transition-all duration-300 hover:-translate-y-0.5"
-          >
-            请我喝咖啡
-          </n-button>
-        </slot>
-      </template>
-
-      <div class="p-6 rounded-lg shadow-lg bg-light dark:bg-gray-800">
-        <div class="flex gap-10">
-          <div class="flex flex-col items-center gap-2">
-            <n-image :src="alipayQR" alt="支付宝收款码" class="w-32 h-32 rounded-lg cursor-none" preview-disabled />
-            <span class="text-sm text-gray-700 dark:text-gray-200">支付宝</span>
-          </div>
-          <div class="flex flex-col items-center gap-2">
-            <n-image :src="wechatQR" alt="微信收款码" class="w-32 h-32 rounded-lg cursor-none" preview-disabled />
-            <span class="text-sm text-gray-700 dark:text-gray-200">微信支付</span>
-          </div>
-        </div>
-
-        <div class="mt-4">
-          <p
-            class="text-sm text-gray-700 dark:text-gray-200 text-center cursor-pointer hover:text-green-500"
-            @click="copyQQ"
-          >
-            QQ群：789288579
-          </p>
-        </div>
-      </div>
-    </n-popover>
-  </div>
-</template>
-
-<script setup>
-import { NButton, NImage, NPopover } from 'naive-ui';
-
-const message = useMessage();
-const copyQQ = () => {
-  navigator.clipboard.writeText('789288579');
-  message.success('已复制到剪贴板');
-};
-
-defineProps({
-  alipayQR: {
-    type: String,
-    required: true,
-  },
-  wechatQR: {
-    type: String,
-    required: true,
-  },
-});
-</script>

src/components/MusicList.vue

@@ -1,320 +0,0 @@
-<template>
-  <n-drawer
-    :show="show"
-    :height="isMobile ? '100%' : '80%'"
-    placement="bottom"
-    block-scroll
-    mask-closable
-    :style="{ backgroundColor: 'transparent' }"
-    :to="`#layout-main`"
-    @mask-click="close"
-  >
-    <div class="music-page">
-      <div class="music-header h-12 flex items-center justify-between">
-        <n-ellipsis :line-clamp="1">
-          <div class="music-title">
-            {{ name }}
-          </div>
-        </n-ellipsis>
-        <div class="music-close">
-          <i class="icon iconfont icon-icon_error" @click="close"></i>
-        </div>
-      </div>
-      <div class="music-content">
-        <!-- 左侧歌单信息 -->
-        <div class="music-info">
-          <div class="music-cover">
-            <n-image
-              :src="getImgUrl(cover ? listInfo?.coverImgUrl : displayedSongs[0]?.picUrl, '300y300')"
-              class="cover-img"
-              preview-disabled
-              :class="setAnimationClass('animate__fadeIn')"
-              object-fit="cover"
-            />
-          </div>
-          <div class="music-detail">
-            <div v-if="listInfo?.creator" class="creator-info">
-              <n-avatar round :size="24" :src="getImgUrl(listInfo.creator.avatarUrl, '50y50')" />
-              <span class="creator-name">{{ listInfo.creator.nickname }}</span>
-            </div>
-            <div v-if="listInfo?.description" class="music-desc">
-              <n-ellipsis :line-clamp="isMobile ? 3 : 10">
-                {{ listInfo.description }}
-              </n-ellipsis>
-            </div>
-          </div>
-        </div>
-
-        <!-- 右侧歌曲列表 -->
-        <div class="music-list-container">
-          <div class="music-list">
-            <n-scrollbar @scroll="handleScroll">
-              <n-spin :show="loadingList || loading">
-                <div class="music-list-content">
-                  <div
-                    v-for="(item, index) in displayedSongs"
-                    :key="item.id"
-                    class="double-item"
-                    :class="setAnimationClass('animate__bounceInUp')"
-                    :style="getItemAnimationDelay(index)"
-                  >
-                    <song-item :item="formatDetail(item)" @play="handlePlay" />
-                  </div>
-                  <div v-if="isLoadingMore" class="loading-more">加载更多...</div>
-                  <play-bottom />
-                </div>
-              </n-spin>
-            </n-scrollbar>
-          </div>
-          <play-bottom />
-        </div>
-      </div>
-    </div>
-  </n-drawer>
-</template>
-
-<script setup lang="ts">
-import { useStore } from 'vuex';
-
-import { getMusicDetail } from '@/api/music';
-import SongItem from '@/components/common/SongItem.vue';
-import { getImgUrl, isMobile, setAnimationClass, setAnimationDelay } from '@/utils';
-
-import PlayBottom from './common/PlayBottom.vue';
-
-const store = useStore();
-
-const props = withDefaults(
-  defineProps<{
-    show: boolean;
-    name: string;
-    songList: any[];
-    loading?: boolean;
-    listInfo?: {
-      trackIds: { id: number }[];
-      [key: string]: any;
-    };
-    cover?: boolean;
-  }>(),
-  {
-    loading: false,
-    cover: true,
-  },
-);
-
-const emit = defineEmits(['update:show', 'update:loading']);
-
-const page = ref(0);
-const pageSize = 20;
-const isLoadingMore = ref(false);
-const displayedSongs = ref<any[]>([]);
-const loadingList = ref(false);
-
-// 计算总数
-const total = computed(() => {
-  if (props.listInfo?.trackIds) {
-    return props.listInfo.trackIds.length;
-  }
-  return props.songList.length;
-});
-
-const formatDetail = computed(() => (detail: any) => {
-  const song = {
-    artists: detail.ar,
-    name: detail.al.name,
-    id: detail.al.id,
-  };
-
-  detail.song = song;
-  detail.picUrl = detail.al.picUrl;
-  return detail;
-});
-
-const handlePlay = () => {
-  const tracks = props.songList || [];
-  store.commit(
-    'setPlayList',
-    tracks.map((item) => ({
-      ...item,
-      picUrl: item.al.picUrl,
-      song: {
-        artists: item.ar,
-      },
-    })),
-  );
-};
-
-const close = () => {
-  emit('update:show', false);
-};
-
-// 优化加载更多歌曲的函数
-const loadMoreSongs = async () => {
-  if (isLoadingMore.value || displayedSongs.value.length >= total.value) return;
-
-  isLoadingMore.value = true;
-  try {
-    if (props.listInfo?.trackIds) {
-      // 如果有 trackIds，需要分批请求歌曲详情
-      const start = page.value * pageSize;
-      const end = Math.min((page.value + 1) * pageSize, total.value);
-      const trackIds = props.listInfo.trackIds.slice(start, end).map((item) => item.id);
-
-      if (trackIds.length > 0) {
-        const { data } = await getMusicDetail(trackIds);
-        displayedSongs.value = [...displayedSongs.value, ...data.songs];
-        page.value++;
-      }
-    } else {
-      // 如果没有 trackIds，直接使用 songList 分页
-      const start = page.value * pageSize;
-      const end = Math.min((page.value + 1) * pageSize, props.songList.length);
-      const newSongs = props.songList.slice(start, end);
-      displayedSongs.value = [...displayedSongs.value, ...newSongs];
-      page.value++;
-    }
-  } catch (error) {
-    console.error('加载歌曲失败:', error);
-  } finally {
-    isLoadingMore.value = false;
-    loadingList.value = false;
-  }
-};
-
-const getItemAnimationDelay = (index: number) => {
-  const currentPageIndex = index % pageSize;
-  return setAnimationDelay(currentPageIndex, 20);
-};
-
-// 修改滚动处理函数
-const handleScroll = (e: Event) => {
-  const target = e.target as HTMLElement;
-  if (!target) return;
-
-  const { scrollTop, scrollHeight, clientHeight } = target;
-  if (scrollHeight - scrollTop - clientHeight < 100 && !isLoadingMore.value) {
-    loadMoreSongs();
-  }
-};
-
-watch(
-  () => props.show,
-  (newVal) => {
-    loadingList.value = newVal;
-    if (!props.cover) {
-      loadingList.value = false;
-    }
-  },
-);
-
-// 监听 songList 变化，重置分页状态
-watch(
-  () => props.songList,
-  (newSongs) => {
-    page.value = 0;
-    displayedSongs.value = newSongs.slice(0, pageSize);
-    if (newSongs.length > pageSize) {
-      page.value = 1;
-    }
-    loadingList.value = false;
-  },
-  { immediate: true },
-);
-</script>
-
-<style scoped lang="scss">
-.music {
-  &-title {
-    @apply text-xl font-bold text-gray-900 dark:text-white;
-  }
-
-  &-page {
-    @apply px-8 w-full h-full bg-light dark:bg-black bg-opacity-75 dark:bg-opacity-75 rounded-t-2xl;
-    backdrop-filter: blur(20px);
-  }
-
-  &-close {
-    @apply cursor-pointer text-gray-900 dark:text-white flex gap-2 items-center;
-    .icon {
-      @apply text-3xl;
-    }
-  }
-
-  &-content {
-    @apply flex h-[calc(100%-60px)];
-  }
-
-  &-info {
-    @apply w-[25%] flex-shrink-0 pr-8 flex flex-col;
-
-    .music-cover {
-      @apply w-full aspect-square rounded-2xl overflow-hidden mb-4;
-      .cover-img {
-        @apply w-full h-full object-cover;
-      }
-    }
-
-    .music-detail {
-      @apply flex flex-col flex-grow;
-
-      .creator-info {
-        @apply flex items-center mb-4;
-        .creator-name {
-          @apply ml-2 text-gray-700 dark:text-gray-300;
-        }
-      }
-
-      .music-desc {
-        @apply text-sm text-gray-600 dark:text-gray-400 leading-relaxed;
-      }
-    }
-  }
-
-  &-list {
-    @apply flex-grow min-h-0;
-    &-container {
-      @apply flex-grow min-h-0 flex flex-col relative;
-    }
-
-    &-content {
-      @apply min-h-[calc(80vh-60px)];
-    }
-
-    :deep(.n-virtual-list__scroll) {
-      scrollbar-width: none;
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-  }
-}
-
-.mobile {
-  .music-page {
-    @apply px-4;
-  }
-
-  .music-content {
-    @apply flex-col;
-  }
-
-  .music-info {
-    @apply w-full pr-0 mb-2 flex flex-row;
-
-    .music-cover {
-      @apply w-[100px] h-[100px] rounded-lg overflow-hidden mb-4;
-    }
-    .music-detail {
-      @apply flex-1 ml-4;
-    }
-  }
-}
-
-.loading-more {
-  @apply text-center py-4 text-gray-500 dark:text-gray-400;
-}
-
-.double-item {
-  @apply mb-2 bg-light-100 bg-opacity-20 dark:bg-dark-100 dark:bg-opacity-20 rounded-3xl;
-}
-</style>

src/components/RecommendSinger.vue

@@ -1,164 +0,0 @@
-<template>
-  <!-- 推荐歌手 -->
-  <n-scrollbar :size="100" :x-scrollable="true">
-    <div class="recommend-singer">
-      <div class="recommend-singer-list">
-        <div
-          v-if="dayRecommendData"
-          class="recommend-singer-item relative"
-          :class="setAnimationClass('animate__backInRight')"
-          :style="setAnimationDelay(0, 100)"
-        >
-          <div
-            :style="setBackgroundImg(getImgUrl(dayRecommendData?.dailySongs[0].al.picUrl, '300y300'))"
-            class="recommend-singer-item-bg"
-          ></div>
-          <div
-            class="recommend-singer-item-count p-2 text-base text-gray-200 z-10 cursor-pointer"
-            @click="showMusic = true"
-          >
-            <div class="font-bold text-xl">每日推荐</div>
-
-            <div class="mt-2">
-              <p v-for="item in dayRecommendData?.dailySongs.slice(0, 5)" :key="item.id" class="text-el">
-                {{ item.name }}
-                <br />
-              </p>
-            </div>
-          </div>
-        </div>
-        <div
-          v-for="(item, index) in hotSingerData?.artists"
-          :key="item.id"
-          class="recommend-singer-item relative"
-          :class="setAnimationClass('animate__backInRight')"
-          :style="setAnimationDelay(index + 1, 100)"
-        >
-          <div :style="setBackgroundImg(getImgUrl(item.picUrl, '300y300'))" class="recommend-singer-item-bg"></div>
-          <div class="recommend-singer-item-count p-2 text-base text-gray-200 z-10">{{ item.musicSize }}首</div>
-          <div class="recommend-singer-item-info z-10">
-            <div class="recommend-singer-item-info-play" @click="toSearchSinger(item.name)">
-              <i class="iconfont icon-playfill text-xl"></i>
-            </div>
-            <div class="ml-4">
-              <div class="recommend-singer-item-info-name text-el">{{ item.name }}</div>
-              <div class="recommend-singer-item-info-name text-el">{{ item.name }}</div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <music-list
-        v-if="dayRecommendData?.dailySongs.length"
-        v-model:show="showMusic"
-        name="每日推荐列表"
-        :song-list="dayRecommendData?.dailySongs"
-        :cover="false"
-      />
-    </div>
-  </n-scrollbar>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue';
-import { useStore } from 'vuex';
-
-import { getDayRecommend, getHotSinger } from '@/api/home';
-import router from '@/router';
-import { IDayRecommend } from '@/type/day_recommend';
-import type { IHotSinger } from '@/type/singer';
-import { getImgUrl, setAnimationClass, setAnimationDelay, setBackgroundImg } from '@/utils';
-
-const store = useStore();
-
-// 歌手信息
-const hotSingerData = ref<IHotSinger>();
-const dayRecommendData = ref<IDayRecommend>();
-const showMusic = ref(false);
-
-onMounted(async () => {
-  await loadData();
-});
-
-const loadData = async () => {
-  try {
-    // 第一个请求：获取热门歌手
-    const { data: singerData } = await getHotSinger({ offset: 0, limit: 5 });
-
-    // 第二个请求：获取每日推荐
-    try {
-      const {
-        data: { data: dayRecommend },
-      } = await getDayRecommend();
-      // 处理数据
-      if (dayRecommend) {
-        singerData.artists = singerData.artists.slice(0, 4);
-      }
-      dayRecommendData.value = dayRecommend;
-    } catch (error) {
-      console.error('error', error);
-    }
-
-    hotSingerData.value = singerData;
-  } catch (error) {
-    console.error('error', error);
-  }
-};
-
-const toSearchSinger = (keyword: string) => {
-  router.push({
-    path: '/search',
-    query: {
-      keyword,
-    },
-  });
-};
-
-// 监听登录状态
-watchEffect(() => {
-  if (store.state.user) {
-    loadData();
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-.recommend-singer {
-  &-list {
-    @apply flex;
-    height: 280px;
-  }
-  &-item {
-    @apply flex-1 h-full rounded-3xl p-5 mr-5 flex flex-col justify-between overflow-hidden;
-    &-bg {
-      @apply bg-gray-900 dark:bg-gray-800 bg-no-repeat bg-cover bg-center rounded-3xl absolute w-full h-full top-0 left-0 z-0;
-      filter: brightness(60%);
-    }
-    &-info {
-      @apply flex items-center p-2;
-      &-play {
-        @apply w-12 h-12 bg-green-500 rounded-full flex justify-center items-center hover:bg-green-600 cursor-pointer text-white;
-      }
-      &-name {
-        @apply text-gray-100 dark:text-gray-100;
-      }
-    }
-    &-count {
-      @apply text-gray-100 dark:text-gray-100;
-    }
-  }
-}
-
-.mobile .recommend-singer {
-  &-list {
-    height: 180px;
-    @apply ml-4;
-  }
-  &-item {
-    @apply p-4 rounded-xl;
-    &-bg {
-      @apply rounded-xl;
-    }
-  }
-}
-</style>

src/components/common/MPop.vue

@@ -1,40 +0,0 @@
-<script lang="ts" setup>
-import { setAnimationClass } from '@/utils';
-
-const props = defineProps({
-  showPop: {
-    type: Boolean,
-    default: false,
-  },
-  showClose: {
-    type: Boolean,
-    default: true,
-  },
-});
-
-const musicFullClass = computed(() => {
-  if (props.showPop) {
-    return setAnimationClass('animate__fadeInUp');
-  }
-  return setAnimationClass('animate__fadeOutDown');
-});
-</script>
-
-<template>
-  <div v-show="props.showPop" class="pop-page" :class="musicFullClass">
-    <i v-if="props.showClose" class="iconfont icon-icon_error close"></i>
-    <img src="http://code.myalger.top/2000*2000.jpg,f054f0,0f2255" />
-    <slot></slot>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.pop-page {
-  height: 800px;
-  @apply absolute top-4 left-0 w-full;
-  background-color: #000000f0;
-  .close {
-    @apply absolute top-4 right-4 cursor-pointer text-white text-3xl;
-  }
-}
-</style>

src/components/common/PlayBottom.vue

@@ -1,22 +0,0 @@
-<template>
-  <div v-if="isPlay" class="bottom" :style="{ height }"></div>
-</template>
-
-<script setup lang="ts">
-import { useStore } from 'vuex';
-
-const store = useStore();
-const isPlay = computed(() => store.state.isPlay as boolean);
-defineProps({
-  height: {
-    type: String,
-    default: undefined,
-  },
-});
-</script>
-
-<style lang="scss" scoped>
-.bottom {
-  @apply h-28;
-}
-</style>

src/components/common/PlayVideo.vue

@@ -1,73 +0,0 @@
-<template>
-  <n-drawer :show="show" height="100vh" placement="bottom" :z-index="999999999">
-    <div class="mv-detail">
-      <video :src="url" controls autoplay></video>
-      <div class="mv-detail-title">
-        <div class="title">{{ title }}</div>
-        <button @click="close">
-          <i class="iconfont icon-xiasanjiaoxing"></i>
-        </button>
-      </div>
-    </div>
-  </n-drawer>
-</template>
-
-<script setup lang="ts">
-import { useStore } from 'vuex';
-
-import { audioService } from '@/services/audioService';
-
-const props = defineProps<{
-  show: boolean;
-  title: string;
-  url: string;
-}>();
-
-const store = useStore();
-
-watch(
-  () => props.show,
-  (val) => {
-    if (val) {
-      store.commit('setIsPlay', false);
-      store.commit('setPlayMusic', false);
-      audioService.getCurrentSound()?.pause();
-    }
-  },
-);
-
-const emit = defineEmits(['update:show']);
-
-const close = () => {
-  emit('update:show', false);
-};
-</script>
-
-<style scoped lang="scss">
-.mv-detail {
-  @apply w-full h-full bg-black relative;
-
-  &-title {
-    @apply absolute w-full left-0 flex justify-between h-16 px-6 py-2 text-xl font-bold items-center z-50 transition-all duration-300 ease-in-out -top-24;
-    background: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
-    button .icon-xiasanjiaoxing {
-      @apply text-3xl;
-    }
-
-    button:hover {
-      @apply text-green-400;
-    }
-  }
-
-  video {
-    @apply w-full h-full;
-  }
-  video:hover + .mv-detail-title {
-    @apply top-0;
-  }
-
-  .mv-detail-title:hover {
-    @apply top-0;
-  }
-}
-</style>

src/components/common/SearchItem.vue

@@ -1,121 +0,0 @@
-<template>
-  <div class="search-item" :class="item.type" @click="handleClick">
-    <div class="search-item-img">
-      <n-image :src="getImgUrl(item.picUrl, '320y180')" lazy preview-disabled />
-      <div v-if="item.type === 'mv'" class="play">
-        <i class="iconfont icon icon-play"></i>
-      </div>
-    </div>
-    <div class="search-item-info">
-      <p class="search-item-name">{{ item.name }}</p>
-      <p class="search-item-artist">{{ item.desc }}</p>
-    </div>
-
-    <MusicList
-      v-if="['专辑', 'playlist'].includes(item.type)"
-      v-model:show="showPop"
-      :name="item.name"
-      :song-list="songList"
-      :list-info="listInfo"
-    />
-    <mv-player v-if="item.type === 'mv'" v-model:show="showPop" :current-mv="getCurrentMv()" no-list />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useStore } from 'vuex';
-
-import { getAlbum, getListDetail } from '@/api/list';
-import MvPlayer from '@/components/MvPlayer.vue';
-import { audioService } from '@/services/audioService';
-import { IMvItem } from '@/type/mv';
-import { getImgUrl } from '@/utils';
-
-const props = defineProps<{
-  item: {
-    picUrl: string;
-    name: string;
-    desc: string;
-    type: string;
-    [key: string]: any;
-  };
-}>();
-
-const songList = ref<any[]>([]);
-
-const showPop = ref(false);
-const listInfo = ref<any>(null);
-
-const getCurrentMv = () => {
-  return {
-    id: props.item.id,
-    name: props.item.name,
-  } as unknown as IMvItem;
-};
-
-const store = useStore();
-
-const handleClick = async () => {
-  listInfo.value = null;
-  if (props.item.type === '专辑') {
-    showPop.value = true;
-    const res = await getAlbum(props.item.id);
-    songList.value = res.data.songs.map((song: any) => {
-      song.al.picUrl = song.al.picUrl || props.item.picUrl;
-      return song;
-    });
-  }
-
-  if (props.item.type === 'playlist') {
-    showPop.value = true;
-    const res = await getListDetail(props.item.id);
-    songList.value = res.data.playlist.tracks;
-    listInfo.value = res.data.playlist;
-  }
-
-  if (props.item.type === 'mv') {
-    store.commit('setIsPlay', false);
-    store.commit('setPlayMusic', false);
-    audioService.getCurrentSound()?.pause();
-    showPop.value = true;
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.search-item {
-  @apply rounded-3xl p-3 flex items-center hover:bg-gray-800 transition cursor-pointer;
-  margin: 0 10px;
-  .search-item-img {
-    @apply w-12 h-12 mr-4 rounded-2xl overflow-hidden;
-  }
-  .search-item-info {
-    @apply flex-1 overflow-hidden;
-    &-name {
-      @apply text-white text-sm text-center;
-    }
-    &-artist {
-      @apply text-gray-400 text-xs text-center;
-    }
-  }
-}
-
-.mv {
-  &:hover {
-    .play {
-      @apply opacity-60;
-    }
-  }
-  .search-item-img {
-    width: 160px;
-    height: 90px;
-    @apply rounded-lg relative;
-  }
-  .play {
-    @apply absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity;
-    .icon {
-      @apply text-white text-5xl;
-    }
-  }
-}
-</style>

src/components/common/SongItem.vue

@@ -1,292 +0,0 @@
-<template>
-  <div class="song-item" :class="{ 'song-mini': mini, 'song-list': list }">
-    <n-image
-      v-if="item.picUrl"
-      ref="songImg"
-      :src="getImgUrl(item.picUrl, '40y40')"
-      class="song-item-img"
-      preview-disabled
-      :img-props="{
-        crossorigin: 'anonymous',
-      }"
-      @load="imageLoad"
-    />
-    <div class="song-item-content">
-      <div v-if="list" class="song-item-content-wrapper">
-        <n-ellipsis class="song-item-content-title text-ellipsis" line-clamp="1">{{ item.name }}</n-ellipsis>
-        <div class="song-item-content-divider">-</div>
-        <n-ellipsis class="song-item-content-name text-ellipsis" line-clamp="1">
-          <span v-for="(artists, artistsindex) in item.ar || item.song.artists" :key="artistsindex"
-            >{{ artists.name }}{{ artistsindex < (item.ar || item.song.artists).length - 1 ? ' / ' : '' }}</span
-          >
-        </n-ellipsis>
-      </div>
-      <template v-else>
-        <div class="song-item-content-title">
-          <n-ellipsis class="text-ellipsis" line-clamp="1">{{ item.name }}</n-ellipsis>
-        </div>
-        <div class="song-item-content-name">
-          <n-ellipsis class="text-ellipsis" line-clamp="1">
-            <span v-for="(artists, artistsindex) in item.ar || item.song.artists" :key="artistsindex"
-              >{{ artists.name }}{{ artistsindex < (item.ar || item.song.artists).length - 1 ? ' / ' : '' }}</span
-            >
-          </n-ellipsis>
-        </div>
-      </template>
-    </div>
-    <div class="song-item-operating" :class="{ 'song-item-operating-list': list }">
-      <div v-if="favorite" class="song-item-operating-like">
-        <i class="iconfont icon-likefill" :class="{ 'like-active': isFavorite }" @click.stop="toggleFavorite"></i>
-      </div>
-      <div
-        class="song-item-operating-play bg-gray-300 dark:bg-gray-800 animate__animated"
-        :class="{ 'bg-green-600': isPlaying, animate__flipInY: playLoading }"
-        @click="playMusicEvent(item)"
-      >
-        <i v-if="isPlaying && play" class="iconfont icon-stop"></i>
-        <i v-else class="iconfont icon-playfill"></i>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, useTemplateRef } from 'vue';
-import { useStore } from 'vuex';
-
-import { audioService } from '@/services/audioService';
-import type { SongResult } from '@/type/music';
-import { getImgUrl } from '@/utils';
-import { getImageBackground } from '@/utils/linearColor';
-
-const props = withDefaults(
-  defineProps<{
-    item: SongResult;
-    mini?: boolean;
-    list?: boolean;
-    favorite?: boolean;
-  }>(),
-  {
-    mini: false,
-    list: false,
-    favorite: true,
-  },
-);
-
-const store = useStore();
-
-const play = computed(() => store.state.play as boolean);
-
-const playMusic = computed(() => store.state.playMusic);
-
-const playLoading = computed(() => playMusic.value.id === props.item.id && playMusic.value.playLoading);
-
-// 判断是否为正在播放的音乐
-const isPlaying = computed(() => {
-  return playMusic.value.id === props.item.id;
-});
-
-const emits = defineEmits(['play']);
-
-const songImageRef = useTemplateRef('songImg');
-
-const imageLoad = async () => {
-  if (!songImageRef.value) {
-    return;
-  }
-  const { backgroundColor } = await getImageBackground(
-    (songImageRef.value as any).imageRef as unknown as HTMLImageElement,
-  );
-  // eslint-disable-next-line vue/no-mutating-props
-  props.item.backgroundColor = backgroundColor;
-};
-
-// 播放音乐 设置音乐详情 打开音乐底栏
-const playMusicEvent = async (item: SongResult) => {
-  if (playMusic.value.id === item.id) {
-    if (play.value) {
-      store.commit('setPlayMusic', false);
-      audioService.getCurrentSound()?.pause();
-    } else {
-      store.commit('setPlayMusic', true);
-      audioService.getCurrentSound()?.play();
-    }
-    return;
-  }
-  await store.commit('setPlay', item);
-  store.commit('setIsPlay', true);
-  emits('play', item);
-};
-
-// 判断是否已收藏
-const isFavorite = computed(() => {
-  return store.state.favoriteList.includes(props.item.id);
-});
-
-// 切换收藏状态
-const toggleFavorite = async (e: Event) => {
-  e.stopPropagation();
-  if (isFavorite.value) {
-    store.commit('removeFromFavorite', props.item.id);
-  } else {
-    store.commit('addToFavorite', props.item.id);
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-// 配置文字不可选中
-.text-ellipsis {
-  width: 100%;
-}
-
-.song-item {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  @apply rounded-3xl p-3 flex items-center transition bg-transparent dark:text-white text-gray-900;
-
-  &:hover {
-    @apply bg-gray-100 dark:bg-gray-800;
-  }
-
-  &-img {
-    @apply w-12 h-12 rounded-2xl mr-4;
-  }
-
-  &-content {
-    @apply flex-1;
-
-    &-title {
-      @apply text-base text-gray-900 dark:text-white;
-    }
-
-    &-name {
-      @apply text-xs text-gray-500 dark:text-gray-400;
-    }
-  }
-
-  &-operating {
-    @apply flex items-center rounded-full ml-4 border dark:border-gray-700 border-gray-200 bg-light dark:bg-black;
-
-    .iconfont {
-      @apply text-xl;
-    }
-
-    .icon-likefill {
-      @apply text-xl transition text-gray-500 dark:text-gray-400 hover:text-red-500;
-    }
-
-    &-like {
-      @apply mr-2 cursor-pointer ml-4;
-    }
-
-    .like-active {
-      @apply text-red-500;
-    }
-
-    &-play {
-      @apply cursor-pointer rounded-full w-10 h-10 flex justify-center items-center transition
-             border dark:border-gray-700 border-gray-200 text-gray-900 dark:text-white;
-
-      &:hover,
-      &.bg-green-600 {
-        @apply bg-green-500 border-green-500 text-white;
-      }
-    }
-  }
-}
-
-.song-mini {
-  @apply p-2 rounded-2xl;
-
-  .song-item {
-    @apply p-0;
-
-    &-img {
-      @apply w-10 h-10 mr-2;
-    }
-
-    &-content {
-      @apply flex-1;
-
-      &-title {
-        @apply text-sm;
-      }
-
-      &-name {
-        @apply text-xs;
-      }
-    }
-
-    &-operating {
-      @apply pl-2;
-
-      .iconfont {
-        @apply text-base;
-      }
-
-      &-like {
-        @apply mr-1 ml-1;
-      }
-
-      &-play {
-        @apply w-8 h-8;
-      }
-    }
-  }
-}
-
-.song-list {
-  @apply p-2 rounded-lg mb-2 border dark:border-gray-800 border-gray-200;
-
-  &:hover {
-    @apply bg-gray-50 dark:bg-gray-800;
-  }
-
-  .song-item-img {
-    @apply w-10 h-10 rounded-lg mr-3;
-  }
-
-  .song-item-content {
-    @apply flex items-center flex-1;
-
-    &-wrapper {
-      @apply flex items-center flex-1 text-sm;
-    }
-
-    &-title {
-      @apply flex-shrink-0 max-w-[45%] text-gray-900 dark:text-white;
-    }
-
-    &-divider {
-      @apply mx-2 text-gray-500 dark:text-gray-400;
-    }
-
-    &-name {
-      @apply flex-1 min-w-0 text-gray-500 dark:text-gray-400;
-    }
-  }
-
-  .song-item-operating {
-    @apply flex items-center gap-2;
-
-    &-like {
-      @apply cursor-pointer hover:scale-110 transition-transform;
-
-      .iconfont {
-        @apply text-base text-gray-500 dark:text-gray-400 hover:text-red-500;
-      }
-    }
-
-    &-play {
-      @apply w-7 h-7 cursor-pointer hover:scale-110 transition-transform;
-
-      .iconfont {
-        @apply text-base;
-      }
-    }
-  }
-}
-</style>

src/const/bar-const.ts

@@ -1,65 +0,0 @@
-export const USER_SET_OPTIONS = [
-  // {
-  //   label: '打卡',
-  //   key: 'card',
-  // },
-  // {
-  //   label: '听歌升级',
-  //   key: 'card_music',
-  // },
-  // {
-  //   label: '歌曲次数',
-  //   key: 'listen',
-  // },
-  {
-    label: '退出登录',
-    key: 'logout',
-  },
-  {
-    label: '设置',
-    key: 'set',
-  },
-];
-
-export const SEARCH_TYPES = [
-  {
-    label: '单曲',
-    key: 1,
-  },
-  {
-    label: '专辑',
-    key: 10,
-  },
-  // {
-  //   label: '歌手',
-  //   key: 100,
-  // },
-  {
-    label: '歌单',
-    key: 1000,
-  },
-  // {
-  //   label: '用户',
-  //   key: 1002,
-  // },
-  {
-    label: 'MV',
-    key: 1004,
-  },
-  // {
-  //   label: '歌词',
-  //   key: 1006,
-  // },
-  // {
-  //   label: '电台',
-  //   key: 1009,
-  // },
-  // {
-  //   label: '视频',
-  //   key: 1014,
-  // },
-  // {
-  //   label: '综合',
-  //   key: 1018,
-  // },
-];

src/electron.d.ts

@@ -1,10 +0,0 @@
-declare global {
-  interface Window {
-    electronAPI: {
-      minimize: () => void;
-      maximize: () => void;
-      close: () => void;
-      dragStart: () => void;
-    };
-  }
-}

src/hooks/MusicHook.ts

@@ -1,345 +0,0 @@
-import { computed, ref } from 'vue';
-
-import { audioService } from '@/services/audioService';
-import store from '@/store';
-import type { ILyricText, SongResult } from '@/type/music';
-import { getTextColors } from '@/utils/linearColor';
-
-const windowData = window as any;
-
-export const isElectron = computed(() => !!windowData.electronAPI);
-
-export const lrcArray = ref<ILyricText[]>([]); // 歌词数组
-export const lrcTimeArray = ref<number[]>([]); // 歌词时间数组
-export const nowTime = ref(0); // 当前播放时间
-export const allTime = ref(0); // 总播放时间
-export const nowIndex = ref(0); // 当前播放歌词
-export const correctionTime = ref(0.4); // 歌词矫正时间Correction time
-export const currentLrcProgress = ref(0); // 来存储当前歌词的进度
-export const playMusic = computed(() => store.state.playMusic as SongResult); // 当前播放歌曲
-export const sound = ref<Howl | null>(audioService.getCurrentSound());
-export const isLyricWindowOpen = ref(false); // 新增状态
-export const textColors = ref(getTextColors());
-
-document.onkeyup = (e) => {
-  // 检查事件目标是否是输入框元素
-  const target = e.target as HTMLElement;
-  if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') {
-    return;
-  }
-
-  switch (e.code) {
-    case 'Space':
-      if (store.state.play) {
-        store.commit('setPlayMusic', false);
-        audioService.getCurrentSound()?.pause();
-      } else {
-        store.commit('setPlayMusic', true);
-        audioService.getCurrentSound()?.play();
-      }
-      break;
-    default:
-  }
-};
-
-watch(
-  () => store.state.playMusicUrl,
-  (newVal) => {
-    if (newVal) {
-      audioService.play(newVal);
-      sound.value = audioService.getCurrentSound();
-      audioServiceOn(audioService);
-    }
-  },
-);
-
-watch(
-  () => store.state.playMusic,
-  () => {
-    nextTick(async () => {
-      lrcArray.value = playMusic.value.lyric?.lrcArray || [];
-      lrcTimeArray.value = playMusic.value.lyric?.lrcTimeArray || [];
-      // 当歌词数据更新时，如果歌词窗口打开，则发送数据
-      if (isElectron.value && isLyricWindowOpen.value && lrcArray.value.length > 0) {
-        sendLyricToWin();
-      }
-    });
-  },
-  {
-    deep: true,
-    immediate: true,
-  },
-);
-
-export const audioServiceOn = (audio: typeof audioService) => {
-  let interval: any = null;
-
-  // 监听播放
-  audio.onPlay(() => {
-    store.commit('setPlayMusic', true);
-    interval = setInterval(() => {
-      nowTime.value = sound.value?.seek() as number;
-      allTime.value = sound.value?.duration() as number;
-      const newIndex = getLrcIndex(nowTime.value);
-      if (newIndex !== nowIndex.value) {
-        nowIndex.value = newIndex;
-        currentLrcProgress.value = 0;
-        // 当歌词索引更新时，发送歌词数据
-        if (isElectron.value && isLyricWindowOpen.value) {
-          sendLyricToWin();
-        }
-      }
-      // 定期发送歌词数据更新
-      if (isElectron.value && isLyricWindowOpen.value) {
-        sendLyricToWin();
-      }
-    }, 50);
-  });
-
-  // 监听暂停
-  audio.onPause(() => {
-    store.commit('setPlayMusic', false);
-    clearInterval(interval);
-    // 暂停时也发送一次状态更新
-    if (isElectron.value && isLyricWindowOpen.value) {
-      sendLyricToWin();
-    }
-  });
-
-  // 监听结束
-  audio.onEnd(() => {
-    if (store.state.playMode === 1) {
-      // 单曲循环模式
-      audio.getCurrentSound()?.play();
-    } else {
-      // 列表循环模式
-      store.commit('nextPlay');
-    }
-  });
-};
-
-export const play = () => {
-  audioService.getCurrentSound()?.play();
-};
-
-export const pause = () => {
-  audioService.getCurrentSound()?.pause();
-};
-
-const isPlaying = computed(() => store.state.play as boolean);
-
-// 增加矫正时间
-export const addCorrectionTime = (time: number) => (correctionTime.value += time);
-
-// 减少矫正时间
-export const reduceCorrectionTime = (time: number) => (correctionTime.value -= time);
-
-// 获取当前播放歌词
-export const isCurrentLrc = (index: number, time: number): boolean => {
-  const currentTime = lrcTimeArray.value[index];
-  const nextTime = lrcTimeArray.value[index + 1];
-  const nowTime = time + correctionTime.value;
-  const isTrue = nowTime > currentTime && nowTime < nextTime;
-  return isTrue;
-};
-
-// 获取当前播放歌词INDEX
-export const getLrcIndex = (time: number): number => {
-  for (let i = 0; i < lrcTimeArray.value.length; i++) {
-    if (isCurrentLrc(i, time)) {
-      nowIndex.value = i;
-      return i;
-    }
-  }
-  return nowIndex.value;
-};
-
-// 获取当前播放歌词进度
-const currentLrcTiming = computed(() => {
-  const start = lrcTimeArray.value[nowIndex.value] || 0;
-  const end = lrcTimeArray.value[nowIndex.value + 1] || start + 1;
-  return { start, end };
-});
-
-// 获取歌词样式
-export const getLrcStyle = (index: number) => {
-  if (index === nowIndex.value) {
-    return {
-      backgroundImage: `linear-gradient(to right, #ffffff ${currentLrcProgress.value}%, #ffffff8a ${currentLrcProgress.value}%)`,
-      backgroundClip: 'text',
-      WebkitBackgroundClip: 'text',
-      color: 'transparent',
-      transition: 'background-image 0.1s linear',
-    };
-  }
-  return {};
-};
-
-// 播放进度
-export const useLyricProgress = () => {
-  let animationFrameId: number | null = null;
-
-  const updateProgress = () => {
-    if (!isPlaying.value) return;
-    const currentSound = sound.value;
-    if (!currentSound) return;
-
-    const { start, end } = currentLrcTiming.value;
-    const duration = end - start;
-    const elapsed = (currentSound.seek() as number) - start;
-    currentLrcProgress.value = Math.min(Math.max((elapsed / duration) * 100, 0), 100);
-
-    animationFrameId = requestAnimationFrame(updateProgress);
-  };
-
-  const startProgressAnimation = () => {
-    if (!animationFrameId && isPlaying.value) {
-      updateProgress();
-    }
-  };
-
-  const stopProgressAnimation = () => {
-    if (animationFrameId) {
-      cancelAnimationFrame(animationFrameId);
-      animationFrameId = null;
-    }
-  };
-
-  watch(isPlaying, (newIsPlaying) => {
-    if (newIsPlaying) {
-      startProgressAnimation();
-    } else {
-      stopProgressAnimation();
-    }
-  });
-
-  onMounted(() => {
-    if (isPlaying.value) {
-      startProgressAnimation();
-    }
-  });
-
-  onUnmounted(() => {
-    stopProgressAnimation();
-  });
-
-  return {
-    currentLrcProgress,
-    getLrcStyle,
-  };
-};
-
-// 设置<E8AEBE><E7BDAE><EFBFBD>前播放时间
-export const setAudioTime = (index: number) => {
-  const currentSound = sound.value;
-  if (!currentSound) return;
-
-  currentSound.seek(lrcTimeArray.value[index]);
-  currentSound.play();
-};
-
-// 获取当前播放的歌词
-export const getCurrentLrc = () => {
-  const index = getLrcIndex(nowTime.value);
-  return {
-    currentLrc: lrcArray.value[index],
-    nextLrc: lrcArray.value[index + 1],
-  };
-};
-
-// 获取一句歌词播放时间几秒到几秒
-export const getLrcTimeRange = (index: number) => ({
-  currentTime: lrcTimeArray.value[index],
-  nextTime: lrcTimeArray.value[index + 1],
-});
-
-// 监听歌词数组变化，当切换歌曲时重新初始化歌词窗口
-watch(
-  () => lrcArray.value,
-  (newLrcArray) => {
-    if (newLrcArray.length > 0 && isElectron.value && isLyricWindowOpen.value) {
-      sendLyricToWin();
-    }
-  },
-);
-
-// 发送歌词更新数据
-export const sendLyricToWin = () => {
-  if (!isElectron.value || !isLyricWindowOpen.value) {
-    console.log('Cannot send lyric: electron or lyric window not available');
-    return;
-  }
-
-  try {
-    if (lrcArray.value.length > 0) {
-      const nowIndex = getLrcIndex(nowTime.value);
-      const updateData = {
-        type: 'full',
-        nowIndex,
-        nowTime: nowTime.value,
-        startCurrentTime: lrcTimeArray.value[nowIndex],
-        nextTime: lrcTimeArray.value[nowIndex + 1],
-        isPlay: isPlaying.value,
-        lrcArray: lrcArray.value,
-        lrcTimeArray: lrcTimeArray.value,
-        allTime: allTime.value,
-        playMusic: playMusic.value,
-      };
-      windowData.electronAPI.sendLyric(JSON.stringify(updateData));
-    }
-  } catch (error) {
-    console.error('Error sending lyric update:', error);
-  }
-};
-
-export const openLyric = () => {
-  if (!isElectron.value) return;
-  console.log('Opening lyric window with current song:', playMusic.value?.name);
-
-  isLyricWindowOpen.value = !isLyricWindowOpen.value;
-  if (isLyricWindowOpen.value) {
-    setTimeout(() => {
-      windowData.electronAPI.openLyric();
-      sendLyricToWin();
-    }, 500);
-    sendLyricToWin();
-  } else {
-    closeLyric();
-  }
-};
-
-// 添加关闭歌词窗口的方法
-export const closeLyric = () => {
-  if (!isElectron.value) return;
-  windowData.electron.ipcRenderer.send('close-lyric');
-};
-
-// 添加播放控制命令监听
-if (isElectron.value) {
-  windowData.electron.ipcRenderer.on('lyric-control-back', (command: string) => {
-    console.log('Received playback control command:', command);
-    switch (command) {
-      case 'playpause':
-        if (store.state.play) {
-          store.commit('setPlayMusic', false);
-          audioService.getCurrentSound()?.pause();
-        } else {
-          store.commit('setPlayMusic', true);
-          audioService.getCurrentSound()?.play();
-        }
-        break;
-      case 'prev':
-        store.commit('prevPlay');
-        break;
-      case 'next':
-        store.commit('nextPlay');
-        break;
-      case 'close':
-        closeLyric();
-        break;
-      default:
-        console.log('Unknown command:', command);
-        break;
-    }
-  });
-}

src/hooks/MusicListHook.ts

@@ -1,191 +0,0 @@
-import { Howl } from 'howler';
-
-import { getMusicLrc, getMusicUrl, getParsingMusicUrl } from '@/api/music';
-import { useMusicHistory } from '@/hooks/MusicHistoryHook';
-import { audioService } from '@/services/audioService';
-import type { ILyric, ILyricText, SongResult } from '@/type/music';
-import { getImgUrl, getMusicProxyUrl } from '@/utils';
-import { getImageLinearBackground } from '@/utils/linearColor';
-
-const musicHistory = useMusicHistory();
-
-// 获取歌曲url
-const getSongUrl = async (id: number) => {
-  const { data } = await getMusicUrl(id);
-  let url = '';
-  try {
-    if (data.data[0].freeTrialInfo || !data.data[0].url) {
-      const res = await getParsingMusicUrl(id);
-      url = res.data.data.url;
-    }
-  } catch (error) {
-    console.error('error', error);
-  }
-  url = url || data.data[0].url;
-  return getMusicProxyUrl(url);
-};
-
-const getSongDetail = async (playMusic: SongResult) => {
-  playMusic.playLoading = true;
-  const playMusicUrl = await getSongUrl(playMusic.id);
-  const { backgroundColor, primaryColor } =
-    playMusic.backgroundColor && playMusic.primaryColor
-      ? playMusic
-      : await getImageLinearBackground(getImgUrl(playMusic?.picUrl, '30y30'));
-
-  playMusic.playLoading = false;
-  return { ...playMusic, playMusicUrl, backgroundColor, primaryColor };
-};
-
-// 加载 当前歌曲 歌曲列表数据 下一首mp3预加载 歌词数据
-export const useMusicListHook = () => {
-  const handlePlayMusic = async (state: any, playMusic: SongResult) => {
-    const updatedPlayMusic = await getSongDetail(playMusic);
-    state.playMusic = updatedPlayMusic;
-    state.playMusicUrl = updatedPlayMusic.playMusicUrl;
-    state.play = true;
-    // 设置网页标题
-    document.title = `${updatedPlayMusic.name} - ${updatedPlayMusic?.song?.artists?.reduce((prev, curr) => `${prev}${curr.name}/`, '')}`;
-    loadLrcAsync(state, updatedPlayMusic.id);
-    musicHistory.addMusic(state.playMusic);
-    const playListIndex = state.playList.findIndex((item: SongResult) => item.id === playMusic.id);
-    state.playListIndex = playListIndex;
-    // 请求后续五首歌曲的详情
-    fetchSongs(state, playListIndex + 1, playListIndex + 6);
-  };
-
-  // 用于预加载下一首歌曲的 MP3 数据
-  const preloadNextSong = (nextSongUrl: string) => {
-    const sound = new Howl({
-      src: [nextSongUrl],
-      html5: true,
-      preload: true,
-      autoplay: false,
-    });
-    return sound;
-  };
-
-  const fetchSongs = async (state: any, startIndex: number, endIndex: number) => {
-    const songs = state.playList.slice(Math.max(0, startIndex), Math.min(endIndex, state.playList.length));
-
-    const detailedSongs = await Promise.all(
-      songs.map(async (song: SongResult) => {
-        // 如果歌曲详情已经存在，就不重复请求
-        if (!song.playMusicUrl) {
-          return await getSongDetail(song);
-        }
-        return song;
-      }),
-    );
-    // 加载下一首的歌词
-    const nextSong = detailedSongs[0];
-    if (!(nextSong.lyric && nextSong.lyric.lrcTimeArray.length > 0)) {
-      nextSong.lyric = await loadLrc(nextSong.id);
-    }
-
-    // 更新播放列表中的歌曲详情
-    detailedSongs.forEach((song, index) => {
-      state.playList[startIndex + index] = song;
-    });
-    preloadNextSong(nextSong.playMusicUrl);
-  };
-
-  const nextPlay = async (state: any) => {
-    if (state.playList.length === 0) {
-      state.play = true;
-      return;
-    }
-    const playListIndex = (state.playListIndex + 1) % state.playList.length;
-    await handlePlayMusic(state, state.playList[playListIndex]);
-  };
-
-  const prevPlay = async (state: any) => {
-    if (state.playList.length === 0) {
-      state.play = true;
-      return;
-    }
-    const playListIndex = (state.playListIndex - 1 + state.playList.length) % state.playList.length;
-    await handlePlayMusic(state, state.playList[playListIndex]);
-    await fetchSongs(state, playListIndex - 5, playListIndex);
-  };
-
-  const parseTime = (timeString: string): number => {
-    const [minutes, seconds] = timeString.split(':');
-    return Number(minutes) * 60 + Number(seconds);
-  };
-
-  const parseLyricLine = (lyricLine: string): { time: number; text: string } => {
-    const TIME_REGEX = /(\d{2}:\d{2}(\.\d*)?)/g;
-    const LRC_REGEX = /(\[(\d{2}):(\d{2})(\.(\d*))?\])/g;
-    const timeText = lyricLine.match(TIME_REGEX)?.[0] || '';
-    const time = parseTime(timeText);
-    const text = lyricLine.replace(LRC_REGEX, '').trim();
-    return { time, text };
-  };
-
-  const parseLyrics = (lyricsString: string): { lyrics: ILyricText[]; times: number[] } => {
-    const lines = lyricsString.split('\n');
-    const lyrics: ILyricText[] = [];
-    const times: number[] = [];
-    lines.forEach((line) => {
-      const { time, text } = parseLyricLine(line);
-      times.push(time);
-      lyrics.push({ text, trText: '' });
-    });
-    return { lyrics, times };
-  };
-
-  const loadLrc = async (playMusicId: number): Promise<ILyric> => {
-    try {
-      const { data } = await getMusicLrc(playMusicId);
-      const { lyrics, times } = parseLyrics(data.lrc.lyric);
-      const tlyric: Record<string, string> = {};
-
-      if (data.tlyric.lyric) {
-        const { lyrics: tLyrics, times: tTimes } = parseLyrics(data.tlyric.lyric);
-        tLyrics.forEach((lyric, index) => {
-          tlyric[tTimes[index].toString()] = lyric.text;
-        });
-      }
-
-      lyrics.forEach((item, index) => {
-        item.trText = item.text ? tlyric[times[index].toString()] || '' : '';
-      });
-      return {
-        lrcTimeArray: times,
-        lrcArray: lyrics,
-      };
-    } catch (err) {
-      console.error('Error loading lyrics:', err);
-      return {
-        lrcTimeArray: [],
-        lrcArray: [],
-      };
-    }
-  };
-
-  // 异步加载歌词的方法
-  const loadLrcAsync = async (state: any, playMusicId: number) => {
-    if (state.playMusic.lyric && state.playMusic.lyric.lrcTimeArray.length > 0) {
-      return;
-    }
-    const lyrics = await loadLrc(playMusicId);
-    state.playMusic.lyric = lyrics;
-  };
-
-  const play = () => {
-    audioService.getCurrentSound()?.play();
-  };
-
-  const pause = () => {
-    audioService.getCurrentSound()?.pause();
-  };
-
-  return {
-    handlePlayMusic,
-    nextPlay,
-    prevPlay,
-    play,
-    pause,
-  };
-};

src/i18n/lang/en-US/artist.ts

@@ -0,0 +1,5 @@
+export default {
+  hotSongs: 'Hot Songs',
+  albums: 'Albums',
+  description: 'Artist Introduction'
+};

src/i18n/lang/en-US/bilibili.ts

@@ -0,0 +1,51 @@
+export default {
+  player: {
+    loading: 'Loading audio...',
+    retry: 'Retry',
+    playNow: 'Play Now',
+    loadingTitle: 'Loading...',
+    totalDuration: 'Total Duration: {duration}',
+    partsList: 'Parts List ({count} episodes)',
+    playStarted: 'Playback started',
+    switchingPart: 'Switching to part: {part}',
+    preloadingNext: 'Preloading next part: {part}',
+    playingCurrent: 'Playing current selected part: {name}',
+    num: 'M',
+    errors: {
+      invalidVideoId: 'Invalid video ID',
+      loadVideoDetailFailed: 'Failed to load video details',
+      loadPartInfoFailed: 'Unable to load video part information',
+      loadAudioUrlFailed: 'Failed to get audio playback URL',
+      videoDetailNotLoaded: 'Video details not loaded',
+      missingParams: 'Missing required parameters',
+      noAvailableAudioUrl: 'No available audio URL found',
+      loadPartAudioFailed: 'Failed to load part audio URL',
+      audioListEmpty: 'Audio list is empty, please retry',
+      currentPartNotFound: 'Current part audio not found',
+      audioUrlFailed: 'Failed to get audio URL',
+      playFailed: 'Playback failed, please retry',
+      getAudioUrlFailed: 'Failed to get audio URL, please retry',
+      audioNotFound: 'Corresponding audio not found, please retry',
+      preloadFailed: 'Failed to preload next part',
+      switchPartFailed: 'Failed to load audio URL when switching parts'
+    },
+    console: {
+      loadingDetail: 'Loading Bilibili video details',
+      detailData: 'Bilibili video detail data',
+      multipleParts: 'Video has multiple parts, total {count}',
+      noPartsData: 'Video has no parts or part data is empty',
+      loadingAudioSource: 'Loading audio source',
+      generatedAudioList: 'Generated audio list, total {count}',
+      getDashAudioUrl: 'Got dash audio URL',
+      getDurlAudioUrl: 'Got durl audio URL',
+      loadingPartAudio: 'Loading part audio URL: {part}, cid: {cid}',
+      loadPartAudioFailed: 'Failed to load part audio URL: {part}',
+      switchToPart: 'Switching to part: {part}',
+      audioNotFoundInList: 'Corresponding audio item not found',
+      preparingToPlay: 'Preparing to play current selected part: {name}',
+      preloadingNextPart: 'Preloading next part: {part}',
+      playingSelectedPart: 'Playing current selected part: {name}, audio URL: {url}',
+      preloadNextFailed: 'Failed to preload next part'
+    }
+  }
+};

src/i18n/lang/en-US/common.ts

@@ -0,0 +1,57 @@
+export default {
+  play: 'Play',
+  next: 'Next',
+  previous: 'Previous',
+  volume: 'Volume',
+  settings: 'Settings',
+  search: 'Search',
+  loading: 'Loading...',
+  loadingMore: 'Loading more...',
+  alipay: 'Alipay',
+  wechat: 'WeChat Pay',
+  on: 'On',
+  off: 'Off',
+  show: 'Show',
+  hide: 'Hide',
+  confirm: 'Confirm',
+  cancel: 'Cancel',
+  configure: 'Configure',
+  open: 'Open',
+  modify: 'Modify',
+  success: 'Operation Successful',
+  error: 'Operation Failed',
+  warning: 'Warning',
+  info: 'Info',
+  save: 'Save',
+  delete: 'Delete',
+  refresh: 'Refresh',
+  retry: 'Retry',
+  reset: 'Reset',
+  back: 'Back',
+  copySuccess: 'Copied to clipboard',
+  copyFailed: 'Copy failed',
+  validation: {
+    required: 'This field is required',
+    invalidInput: 'Invalid input',
+    selectRequired: 'Please select an option',
+    numberRange: 'Please enter a number between {min} and {max}',
+    ipAddress: 'Please enter a valid IP address',
+    portNumber: 'Please enter a valid port number (1-65535)'
+  },
+  viewMore: 'View More',
+  noMore: 'No more',
+  expand: 'Expand',
+  collapse: 'Collapse',
+  songCount: '{count} songs',
+  tray: {
+    show: 'Show',
+    quit: 'Quit',
+    playPause: 'Play/Pause',
+    prev: 'Previous',
+    next: 'Next',
+    pause: 'Pause',
+    play: 'Play',
+    favorite: 'Favorite'
+  },
+  language: 'Language'
+};

src/i18n/lang/en-US/comp.ts

@@ -0,0 +1,193 @@
+export default {
+  installApp: {
+    description: 'Install the application for a better experience',
+    noPrompt: 'Do not prompt again',
+    install: 'Install now',
+    cancel: 'Cancel',
+    download: 'Download',
+    downloadFailed: 'Download failed',
+    downloadComplete: 'Download complete',
+    downloadProblem: 'Download problem? Go to',
+    downloadProblemLinkText: 'Download the latest version'
+  },
+  playlistDrawer: {
+    title: 'Add to playlist',
+    createPlaylist: 'Create new playlist',
+    cancelCreate: 'Cancel create',
+    create: 'Create',
+    playlistName: 'Playlist name',
+    privatePlaylist: 'Private playlist',
+    publicPlaylist: 'Public playlist',
+    createSuccess: 'Playlist created successfully',
+    createFailed: 'Playlist creation failed',
+    addSuccess: 'Song added successfully',
+    addFailed: 'Song addition failed',
+    private: 'Private',
+    public: 'Public',
+    count: 'songs',
+    loginFirst: 'Please login first',
+    getPlaylistFailed: 'Get playlist failed',
+    inputPlaylistName: 'Please enter the playlist name'
+  },
+  update: {
+    title: 'New version found',
+    currentVersion: 'Current version',
+    cancel: 'Do not update',
+    prepareDownload: 'Preparing to download...',
+    downloading: 'Downloading...',
+    nowUpdate: 'Update now',
+    downloadFailed: 'Download failed, please try again or download manually',
+    startFailed: 'Start download failed, please try again or download manually',
+    noDownloadUrl:
+      'No suitable installation package found for the current system, please download manually',
+    installConfirmTitle: 'Install Update',
+    installConfirmContent: 'Do you want to close the application and install the update?',
+    manualInstallTip:
+      'If the installer does not open automatically after closing the application, please find the file in your download folder and open it manually.',
+    yesInstall: 'Install Now',
+    noThanks: 'Later',
+    fileLocation: 'File Location',
+    copy: 'Copy Path',
+    copySuccess: 'Path copied to clipboard',
+    copyFailed: 'Copy failed',
+    backgroundDownload: 'Background Download'
+  },
+  coffee: {
+    title: 'Buy me a coffee',
+    alipay: 'Alipay',
+    wechat: 'Wechat',
+    alipayQR: 'Alipay QR code',
+    wechatQR: 'Wechat QR code',
+    coffeeDesc: 'A cup of coffee, a support',
+    coffeeDescLinkText: 'View more',
+    groupText: 'Wechat Public Account: AlgerMusic',
+    messages: {
+      copySuccess: 'Copied to clipboard'
+    },
+    donateList: 'Buy me a coffee'
+  },
+  playlistType: {
+    title: 'Playlist Category',
+    showAll: 'Show all',
+    hide: 'Hide some'
+  },
+  recommendAlbum: {
+    title: 'Latest Album'
+  },
+  recommendSinger: {
+    title: 'Daily Recommendation',
+    songlist: 'Daily Recommendation List'
+  },
+  recommendSonglist: {
+    title: 'Weekly Hot Music'
+  },
+  searchBar: {
+    login: 'Login',
+    toLogin: 'To Login',
+    logout: 'Logout',
+    set: 'Settings',
+    theme: 'Theme',
+    restart: 'Restart',
+    refresh: 'Refresh',
+    currentVersion: 'Current Version',
+    searchPlaceholder: 'Search for something...',
+    zoom: 'Zoom',
+    zoom100: 'Zoom 100%',
+    resetZoom: 'Reset Zoom',
+    zoomDefault: 'Default Zoom'
+  },
+  titleBar: {
+    closeTitle: 'Choose how to close',
+    minimizeToTray: 'Minimize to Tray',
+    exitApp: 'Exit App',
+    rememberChoice: 'Remember my choice',
+    closeApp: 'Close App'
+  },
+  userPlayList: {
+    title: "{name}'s Playlist"
+  },
+  musicList: {
+    searchSongs: 'Search Songs',
+    noSearchResults: 'No search results',
+    switchToNormal: 'Switch to normal layout',
+    switchToCompact: 'Switch to compact layout',
+    playAll: 'Play All',
+    collect: 'Collect',
+    collectSuccess: 'Collect Success',
+    cancelCollectSuccess: 'Cancel Collect Success',
+    cancelCollect: 'Cancel Collect',
+    addToPlaylist: 'Add to Playlist',
+    addToPlaylistSuccess: 'Add to Playlist Success',
+    operationFailed: 'Operation Failed',
+    songsAlreadyInPlaylist: 'Songs already in playlist'
+  },
+  playlist: {
+    import: {
+      button: 'Import Playlist',
+      title: 'Import Playlist',
+      description: 'Import playlists via metadata, text, or links',
+      linkTab: 'Import by Link',
+      textTab: 'Import by Text',
+      localTab: 'Import by Metadata',
+      linkPlaceholder: 'Enter playlist links, one per line',
+      textPlaceholder: 'Enter song information in format: Song Name Artist Name',
+      localPlaceholder: 'Enter song metadata in JSON format',
+      linkTips: 'Supported link sources:',
+      linkTip1: 'Copy links after sharing playlists to WeChat/Weibo/QQ',
+      linkTip2: 'Directly copy playlist/profile links',
+      linkTip3: 'Directly copy article links',
+      textTips: 'Enter song information, one song per line',
+      textFormat: 'Format: Song Name Artist Name',
+      localTips: 'Add song metadata',
+      localFormat: 'Format example:',
+      songNamePlaceholder: 'Song Name',
+      artistNamePlaceholder: 'Artist Name',
+      albumNamePlaceholder: 'Album Name',
+      addSongButton: 'Add Song',
+      addLinkButton: 'Add Link',
+      importToStarPlaylist: 'Import to My Favorite Music',
+      playlistNamePlaceholder: 'Enter playlist name',
+      importButton: 'Start Import',
+      emptyLinkWarning: 'Please enter playlist links',
+      emptyTextWarning: 'Please enter song information',
+      emptyLocalWarning: 'Please enter song metadata',
+      invalidJsonFormat: 'Invalid JSON format',
+      importSuccess: 'Import task created successfully',
+      importFailed: 'Import failed',
+      importStatus: 'Import Status',
+      refresh: 'Refresh',
+      taskId: 'Task ID',
+      status: 'Status',
+      successCount: 'Success Count',
+      failReason: 'Failure Reason',
+      unknownError: 'Unknown error',
+      statusPending: 'Pending',
+      statusProcessing: 'Processing',
+      statusSuccess: 'Success',
+      statusFailed: 'Failed',
+      statusUnknown: 'Unknown',
+      taskList: 'Task List',
+      taskListTitle: 'Import Task List',
+      action: 'Action',
+      select: 'Select',
+      fetchTaskListFailed: 'Failed to fetch task list',
+      noTasks: 'No import tasks',
+      clearTasks: 'Clear Tasks',
+      clearTasksConfirmTitle: 'Confirm Clear',
+      clearTasksConfirmContent:
+        'Are you sure you want to clear all import task records? This action cannot be undone.',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      clearTasksSuccess: 'Task list cleared',
+      clearTasksFailed: 'Failed to clear task list'
+    }
+  },
+  settings: 'Settings',
+  user: 'User',
+  toplist: 'Toplist',
+  history: 'History',
+  list: 'Playlist',
+  mv: 'MV',
+  home: 'Home',
+  search: 'Search'
+};