| 
|
-
-## 项目运行
-```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 文件
+### Install
```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 = ***
+$ npm install
```
-## Stargazers over time
-[](https://starchart.cc/algerkong/AlgerMusicPlayer)
+### Development
+```bash
+$ npm run dev
+```
+### Build
+```bash
+# For windows
+$ npm run build:win
-## 欢迎提Issues
+# For macOS
+$ npm run build:mac
-## 免责声明
-本软件仅用于学习交流，禁止用于商业用途，否则后果自负。
+# For Linux
+$ npm run build:linux
+```
diff --git a/app.js b/app.js
deleted file mode 100644
index 69be6f5..0000000
--- a/app.js
+++ /dev/null
@@ -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 || '';
-});
diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index b4ca07c..3af2dd5 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -6,70 +6,85 @@
// 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']
+ 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')
+ export type {
+ Component,
+ ComponentPublicInstance,
+ ComputedRef,
+ DirectiveBinding,
+ ExtractDefaultPropTypes,
+ ExtractPropTypes,
+ ExtractPublicPropTypes,
+ InjectionKey,
+ PropType,
+ Ref,
+ MaybeRef,
+ MaybeRefOrGetter,
+ VNode,
+ WritableComputedRef
+ } from 'vue';
+ import('vue');
}
diff --git a/build/entitlements.mac.plist b/build/entitlements.mac.plist
new file mode 100644
index 0000000..38c887b
--- /dev/null
+++ b/build/entitlements.mac.plist
@@ -0,0 +1,12 @@
+
+
+" + (escaped ? code : escape(code, true)) + "' + (escaped ? code : escape(code, true)) + "+${body}+`; + } + html({ text }) { + return text; + } + heading({ tokens, depth }) { + return `
\n"; + } + list(token) { + const ordered = token.ordered; + const start = token.start; + let body = ""; + for (let j = 0; j < token.items.length; j++) { + const item = token.items[j]; + body += this.listitem(item); + } + const type = ordered ? "ol" : "ul"; + const startAttr = ordered && start !== 1 ? ' start="' + start + '"' : ""; + return "<" + type + startAttr + ">\n" + body + "\n"; + } + listitem(item) { + let itemBody = ""; + if (item.task) { + const checkbox = this.checkbox({ checked: !!item.checked }); + if (item.loose) { + if (item.tokens[0]?.type === "paragraph") { + item.tokens[0].text = checkbox + " " + item.tokens[0].text; + if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === "text") { + item.tokens[0].tokens[0].text = checkbox + " " + escape(item.tokens[0].tokens[0].text); + item.tokens[0].tokens[0].escaped = true; + } + } else { + item.tokens.unshift({ + type: "text", + raw: checkbox + " ", + text: checkbox + " ", + escaped: true + }); + } + } else { + itemBody += checkbox + " "; + } + } + itemBody += this.parser.parse(item.tokens, !!item.loose); + return `
${this.parser.parseInline(tokens)}
+`; + } + table(token) { + let header = ""; + let cell = ""; + for (let j = 0; j < token.header.length; j++) { + cell += this.tablecell(token.header[j]); + } + header += this.tablerow({ text: cell }); + let body = ""; + for (let j = 0; j < token.rows.length; j++) { + const row = token.rows[j]; + cell = ""; + for (let k = 0; k < row.length; k++) { + cell += this.tablecell(row[k]); + } + body += this.tablerow({ text: cell }); + } + if (body) + body = `${body}`; + return "${escape(text, true)}`;
+ }
+ br(token) {
+ return ""; + } + del({ tokens }) { + return `
An error occurred:
" + escape(e.message + "", true) + ""; + if (async) { + return Promise.resolve(msg2); + } + return msg2; + } + if (async) { + return Promise.reject(e); + } + throw e; + }; + } +} +const markedInstance = new Marked(); +function marked(src, opt) { + return markedInstance.parse(src, opt); +} +marked.options = marked.setOptions = function(options) { + markedInstance.setOptions(options); + marked.defaults = markedInstance.defaults; + changeDefaults(marked.defaults); + return marked; +}; +marked.getDefaults = _getDefaults; +marked.defaults = _defaults; +marked.use = function(...args) { + markedInstance.use(...args); + marked.defaults = markedInstance.defaults; + changeDefaults(marked.defaults); + return marked; +}; +marked.walkTokens = function(tokens, callback) { + return markedInstance.walkTokens(tokens, callback); +}; +marked.parseInline = markedInstance.parseInline; +marked.Parser = _Parser; +marked.parser = _Parser.parse; +marked.Renderer = _Renderer; +marked.TextRenderer = _TextRenderer; +marked.Lexer = _Lexer; +marked.lexer = _Lexer.lex; +marked.Tokenizer = _Tokenizer; +marked.Hooks = _Hooks; +marked.parse = marked; +marked.options; +marked.setOptions; +marked.use; +marked.walkTokens; +marked.parseInline; +_Parser.parse; +_Lexer.lex; +const _hoisted_1$2 = { class: "modal-content" }; +const _hoisted_2$2 = { class: "modal-header" }; +const _hoisted_3$1 = { class: "app-info" }; +const _hoisted_4$1 = { class: "app-name" }; +const _hoisted_5 = { class: "app-desc mb-2" }; +const _hoisted_6 = { class: "update-info" }; +const _hoisted_7 = ["innerHTML"]; +const _hoisted_8 = { class: "modal-actions" }; +const _sfc_main$3 = /* @__PURE__ */ defineComponent({ + __name: "UpdateModal", + setup(__props) { + marked.setOptions({ + breaks: true, + // 支持 GitHub 风格的换行 + gfm: true + // 启用 GitHub 风格的 Markdown + }); + const showModal = ref(false); + const noPrompt = ref(false); + const updateInfo = ref({ + hasUpdate: false, + latestVersion: "", + currentVersion: config.version, + releaseInfo: null + }); + const parsedReleaseNotes = computed(() => { + if (!updateInfo.value.releaseInfo?.body) return ""; + try { + return marked.parse(updateInfo.value.releaseInfo.body); + } catch (error) { + console.error("Error parsing markdown:", error); + return updateInfo.value.releaseInfo.body; + } + }); + const closeModal = () => { + showModal.value = false; + if (noPrompt.value) { + localStorage.setItem("updatePromptDismissed", "true"); + } + }; + const checkForUpdates = async () => { + try { + const result = await checkUpdate(); + updateInfo.value = result; + if (result.hasUpdate && localStorage.getItem("updatePromptDismissed") !== "true") { + showModal.value = true; + } + } catch (error) { + console.error("检查更新失败:", error); + } + }; + const handleUpdate = async () => { + const { userAgent } = navigator; + const isMac = userAgent.includes("Mac"); + const isWindows = userAgent.includes("Win"); + const isARM = userAgent.includes("ARM") || userAgent.includes("arm") || userAgent.includes("OS X"); + const isX64 = userAgent.includes("x86_64") || userAgent.includes("Win64") || userAgent.includes("WOW64"); + const isX86 = !isX64 && (userAgent.includes("i686") || userAgent.includes("i386") || userAgent.includes("Win32")); + const getDownloadUrl = (os, arch) => { + const version2 = updateInfo.value.latestVersion; + const setup = os !== "mac" ? "Setup_" : ""; + return `https://gh.llkk.cc/https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version2}/AlgerMusic_${version2}_${setup}${arch}.${os === "mac" ? "dmg" : "exe"}`; + }; + const osType = isMac ? "mac" : isWindows ? "windows" : null; + const archType = isARM ? "arm64" : isX64 ? "x64" : isX86 ? "x86" : null; + const downloadUrl = osType && archType ? getDownloadUrl(osType, archType) : null; + window.open(downloadUrl || "https://github.com/algerkong/AlgerMusicPlayer/releases/latest", "_blank"); + closeModal(); + }; + onMounted(() => { + checkForUpdates(); + }); + return (_ctx, _cache) => { + const _component_n_checkbox = __unplugin_components_0$2; + const _component_n_scrollbar = Scrollbar; + const _component_n_button = Button; + const _component_n_modal = __unplugin_components_3; + return openBlock(), createBlock(_component_n_modal, { + show: showModal.value, + "onUpdate:show": _cache[1] || (_cache[1] = ($event) => showModal.value = $event), + preset: "dialog", + "show-icon": false, + "mask-closable": true, + class: "update-app-modal", + style: { "width": "800px", "max-width": "90vw" } + }, { + default: withCtx(() => [ + createBaseVNode("div", _hoisted_1$2, [ + createBaseVNode("div", _hoisted_2$2, [ + _cache[3] || (_cache[3] = createBaseVNode("div", { class: "app-icon" }, [ + createBaseVNode("img", { + src: _imports_0, + alt: "App Icon" + }) + ], -1)), + createBaseVNode("div", _hoisted_3$1, [ + createBaseVNode("h2", _hoisted_4$1, "发现新版本 " + toDisplayString(updateInfo.value.latestVersion), 1), + createBaseVNode("p", _hoisted_5, "当前版本 " + toDisplayString(updateInfo.value.currentVersion), 1), + createVNode(_component_n_checkbox, { + checked: noPrompt.value, + "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => noPrompt.value = $event) + }, { + default: withCtx(() => _cache[2] || (_cache[2] = [ + createTextVNode("不再提示") + ])), + _: 1 + }, 8, ["checked"]) + ]) + ]), + createBaseVNode("div", _hoisted_6, [ + _cache[4] || (_cache[4] = createBaseVNode("div", { class: "update-title" }, "更新内容：", -1)), + createVNode(_component_n_scrollbar, { style: { "max-height": "300px" } }, { + default: withCtx(() => [ + createBaseVNode("div", { + class: "update-body", + innerHTML: parsedReleaseNotes.value + }, null, 8, _hoisted_7) + ]), + _: 1 + }) + ]), + createBaseVNode("div", _hoisted_8, [ + createVNode(_component_n_button, { + class: "cancel-btn", + onClick: closeModal + }, { + default: withCtx(() => _cache[5] || (_cache[5] = [ + createTextVNode("暂不更新") + ])), + _: 1 + }), + createVNode(_component_n_button, { + type: "primary", + class: "update-btn", + onClick: handleUpdate + }, { + default: withCtx(() => _cache[6] || (_cache[6] = [ + createTextVNode("立即更新") + ])), + _: 1 + }) + ]), + _cache[7] || (_cache[7] = createBaseVNode("div", { class: "modal-desc mt-4 text-center" }, [ + createBaseVNode("p", { class: "text-xs text-gray-400" }, [ + createTextVNode(" 下载遇到问题？去 "), + createBaseVNode("a", { + class: "text-green-500", + target: "_blank", + href: "https://github.com/algerkong/AlgerMusicPlayer/releases" + }, "GitHub"), + createTextVNode(" 下载最新版本 ") + ]) + ], -1)) + ]) + ]), + _: 1 + }, 8, ["show"]); + }; + } +}); +const UpdateModal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f3abdbb7"]]); +const _hoisted_1$1 = { class: "layout-page" }; +const _hoisted_2$1 = { + id: "layout-main", + class: "layout-main" +}; +const _hoisted_3 = { class: "main" }; +const _hoisted_4 = { + class: "main-content", + "native-scrollbar": false +}; +const _sfc_main$2 = /* @__PURE__ */ defineComponent({ + __name: "AppLayout", + setup(__props) { + const keepAliveInclude = computed( + () => layoutRouter.filter((item) => { + return item.meta.keepAlive; + }).map((item) => { + return item.name.charAt(0).toUpperCase() + item.name.slice(1); + }) + ); + const AppMenu = /* @__PURE__ */ defineAsyncComponent(() => __vitePreload(() => import("./AppMenu-CbDXL_JE.js"), true ? __vite__mapDeps([33,34]) : void 0, import.meta.url)); + const PlayBar = /* @__PURE__ */ defineAsyncComponent(() => __vitePreload(() => import("./PlayBar-BNzUvTGp.js"), true ? __vite__mapDeps([35,3,4,5,6,7,20,8,18,36]) : void 0, import.meta.url)); + const SearchBar = /* @__PURE__ */ defineAsyncComponent(() => __vitePreload(() => import("./SearchBar-Cx7zzS9t.js"), true ? __vite__mapDeps([37,1,38,4,5,17,31,9,10,39]) : void 0, import.meta.url)); + const TitleBar = /* @__PURE__ */ defineAsyncComponent(() => __vitePreload(() => import("./TitleBar-Bl1cFyS0.js"), true ? __vite__mapDeps([40,41]) : void 0, import.meta.url)); + const store2 = useStore(); + const isPlay = computed(() => store2.state.isPlay); + const { menus } = store2.state; + const route = useRoute(); + onMounted(() => { + store2.dispatch("initializeSettings"); + store2.dispatch("initializeTheme"); + }); + return (_ctx, _cache) => { + const _component_router_view = resolveComponent("router-view"); + return openBlock(), createElementBlock("div", _hoisted_1$1, [ + createBaseVNode("div", _hoisted_2$1, [ + unref(isElectron) ? (openBlock(), createBlock(unref(TitleBar), { key: 0 })) : createCommentVNode("", true), + createBaseVNode("div", { + class: normalizeClass(["layout-main-page", unref(isElectron) ? "" : "pt-6"]) + }, [ + !unref(isMobile) ? (openBlock(), createBlock(unref(AppMenu), { + key: 0, + class: "menu", + menus: unref(menus) + }, null, 8, ["menus"])) : createCommentVNode("", true), + createBaseVNode("div", _hoisted_3, [ + createVNode(unref(SearchBar)), + createBaseVNode("div", _hoisted_4, [ + createVNode(_component_router_view, { + class: normalizeClass(["main-page", unref(route).meta.noScroll && !unref(isMobile) ? "pr-3" : ""]) + }, { + default: withCtx(({ Component }) => [ + (openBlock(), createBlock(KeepAlive, { include: keepAliveInclude.value }, [ + (openBlock(), createBlock(resolveDynamicComponent(Component))) + ], 1032, ["include"])) + ]), + _: 1 + }, 8, ["class"]) + ]), + createVNode(PlayBottom, { height: "5rem" }), + unref(isMobile) ? (openBlock(), createBlock(unref(AppMenu), { + key: 0, + class: "menu", + menus: unref(menus) + }, null, 8, ["menus"])) : createCommentVNode("", true) + ]) + ], 2), + isPlay.value ? (openBlock(), createBlock(unref(PlayBar), { key: 1 })) : createCommentVNode("", true) + ]), + createVNode(InstallAppModal), + createVNode(UpdateModal) + ]); + }; + } +}); +const AppLayout = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f03a9852"]]); +const loginRouter = { + path: "/login", + name: "login", + mate: { + keepAlive: true, + title: "登录", + icon: "icon-Home" + }, + component: () => __vitePreload(() => import("./index-Dn0J0Jmw.js"), true ? __vite__mapDeps([42,38,43]) : void 0, import.meta.url) +}; +const setRouter = { + path: "/set", + name: "set", + mate: { + keepAlive: true, + title: "设置", + icon: "icon-Home" + }, + component: () => __vitePreload(() => import("./index-RCxsGzpS.js"), true ? __vite__mapDeps([30,31,5,10,18,32]) : void 0, import.meta.url) +}; +const routes = [ + { + path: "/", + component: AppLayout, + children: [...layoutRouter, loginRouter, setRouter] + }, + { + path: "/lyric", + component: () => __vitePreload(() => import("./index-BCv4VDKm.js"), true ? __vite__mapDeps([44,45]) : void 0, import.meta.url) + } +]; +const router = createRouter({ + routes, + history: createWebHashHistory() +}); +const _sfc_main$1 = /* @__PURE__ */ defineComponent({ + __name: "App", + setup(__props) { + const theme = computed(() => { + return store.state.theme; + }); + onMounted(() => { + store.dispatch("initializeSettings"); + store.dispatch("initializeTheme"); + if (isMobile.value) { + store.commit( + "setMenus", + layoutRouter.filter((item) => item.meta.isMobile) + ); + console.log( + "qqq ", + layoutRouter.filter((item) => item.meta.isMobile) + ); + } + }); + return (_ctx, _cache) => { + const _component_router_view = resolveComponent("router-view"); + const _component_n_message_provider = __unplugin_components_0$1; + const _component_n_dialog_provider = NDialogProvider; + const _component_n_config_provider = __unplugin_components_2; + return openBlock(), createElementBlock("div", { + class: normalizeClass(["app-container", { mobile: unref(isMobile), noElectron: !unref(isElectron) }]) + }, [ + createVNode(_component_n_config_provider, { + theme: unref(theme) === "dark" ? unref(darkTheme) : unref(lightTheme) + }, { + default: withCtx(() => [ + createVNode(_component_n_dialog_provider, null, { + default: withCtx(() => [ + createVNode(_component_n_message_provider, null, { + default: withCtx(() => [ + createVNode(_component_router_view) + ]), + _: 1 + }) + ]), + _: 1 + }) + ]), + _: 1 + }, 8, ["theme"]) + ], 2); + }; + } +}); +const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-49a312c0"]]); +const _hoisted_1 = { + key: 0, + class: "loading-box" +}; +const _hoisted_2 = { class: "loading-content-box" }; +const _sfc_main = /* @__PURE__ */ defineComponent({ + __name: "index", + props: { + tip: { + type: String, + default() { + return "加载中..."; + } + }, + maskBackground: { + type: String, + default() { + return "rgba(0, 0, 0, 0.05)"; + } + }, + loadingColor: { + type: String, + default() { + return "rgba(255, 255, 255, 1)"; + } + }, + textColor: { + type: String, + default() { + return "rgba(255, 255, 255, 1)"; + } + } + }, + setup(__props, { expose: __expose }) { + const isShow = ref(false); + const show = () => { + isShow.value = true; + }; + const hide = () => { + isShow.value = false; + }; + __expose({ + show, + hide, + isShow + }); + return (_ctx, _cache) => { + return isShow.value ? (openBlock(), createElementBlock("div", _hoisted_1, [ + _cache[0] || (_cache[0] = createBaseVNode("div", { class: "mask" }, null, -1)), + createBaseVNode("div", _hoisted_2, [ + createVNode(unref(__unplugin_components_0), { size: "small" }), + createBaseVNode("div", { + style: normalizeStyle({ color: __props.textColor }), + class: "tip" + }, toDisplayString(__props.tip), 5) + ]) + ])) : createCommentVNode("", true); + }; + } +}); +const Loading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d776f97a"]]); +const vnode = createVNode(Loading); +const vLoading = { + // 在绑定元素的父组件 及他自己的所有子节点都挂载完成后调用 + mounted: (el) => { + render$2(vnode, el); + }, + // 在绑定元素的父组件 及他自己的所有子节点都更新后调用 + updated: (el, binding) => { + if (binding.value) { + vnode?.component?.exposed?.show(); + } else { + vnode?.component?.exposed?.hide(); + } + formatterClass(el, binding); + }, + // 绑定元素的父组件卸载后调用 + unmounted: () => { + vnode?.component?.exposed?.hide(); + } +}; +function formatterClass(el, binding) { + const classStr = el.getAttribute("class"); + const tagetClass = classStr?.indexOf("loading-parent"); + if (binding.value) { + if (tagetClass === -1) { + el.setAttribute("class", `${classStr} loading-parent`); + } + } else if (tagetClass > -1) { + const classArray = classStr?.split(""); + classArray.splice(tagetClass - 1, tagetClass + 15); + el.setAttribute("class", classArray?.join("")); + } +} +const directives = { + loading: vLoading +}; +const app = createApp(App); +Object.keys(directives).forEach((key) => { + app.directive(key, directives[key]); +}); +app.use(router); +app.use(store); +app.mount("#app"); +export { + provide as $, + toRef as A, + Button as B, + useMergedState as C, + useMemo as D, + watch as E, + useRtl as F, + computed as G, + rgba as H, + resolveWrappedSlot as I, + on as J, + resolveSlot as K, + call as L, + nextTick as M, + NBaseIcon as N, + createBlock as O, + checkUpdate as P, + config as Q, + isElectron as R, + Scrollbar as S, + createCommentVNode as T, + PlayBottom as U, + cNotM as V, + cM as W, + XButton as X, + cE as Y, + useStyle as Z, + _export_sfc as _, + onBeforeUnmount as a, + fadeInTransition as a$, + buttonGroupInjectionKey as a0, + onUnmounted as a1, + normalizeStyle as a2, + Fragment as a3, + renderList as a4, + setAnimationDelay as a5, + vShow as a6, + getImgUrl as a7, + watchEffect as a8, + setBackgroundImg as a9, + store as aA, + getTextColors as aB, + getHoverBackgroundColor as aC, + animateGradient as aD, + useDebounceFn as aE, + useThrottleFn as aF, + useTemplateRef as aG, + secondToMinute as aH, + layoutLight as aI, + useReactivated as aJ, + Scrollbar$1 as aK, + createInjectionKey as aL, + fadeInScaleUpTransition as aM, + insideModal as aN, + insidePopover as aO, + onBeforeUpdate as aP, + sliderLight as aQ, + isMounted as aR, + off as aS, + clickoutside as aT, + useLockHtmlScroll as aU, + FocusTrap as aV, + drawerInjectionKey as aW, + drawerBodyInjectionKey as aX, + popoverBodyInjectionKey as aY, + modalBodyInjectionKey as aZ, + commonVariables$n as a_, + router as aa, + resolveDirective as ab, + isMobile as ac, + request$1 as ad, + audioService as ae, + useRoute as af, + useDateFormat as ag, + withModifiers as ah, + formatNumber as ai, + __unplugin_components_0 as aj, + Transition as ak, + useMusicHistory as al, + getMusicDetail as am, + emptyLight as an, + createKey as ao, + useThemeClass as ap, + onActivated as aq, + resolveComponent as ar, + inject as as, + useSsrAdapter as at, + onDeactivated as au, + depx as av, + pxfy as aw, + mergeProps as ax, + VResizeObserver as ay, + XScrollbar as az, + createBaseVNode as b, + cCB as b$, + useIsComposing as b0, + LazyTeleport as b1, + drawerLight as b2, + eventEffectNotPerformed as b3, + zindexable as b4, + getImageBackground as b5, + useMergedClsPrefix as b6, + ellipsisLight as b7, + reactive as b8, + hasInstance as b9, + getNative as bA, + root as bB, + overArg as bC, + isPrototype as bD, + isArrayLike as bE, + arrayLikeKeys as bF, + isArray$1 as bG, + isSymbol as bH, + MapCache as bI, + toString$2 as bJ, + toSource as bK, + Map$1 as bL, + baseGetTag as bM, + Symbol$1 as bN, + eq as bO, + Uint8Array$1 as bP, + isBuffer$1 as bQ, + Stack as bR, + isTypedArray$1 as bS, + isObjectLike as bT, + isObject$2 as bU, + isLength as bV, + isIndex as bW, + isArguments as bX, + identity as bY, + baseFor as bZ, + arrayMap as b_, + onBeforeMount as ba, + readonly as bb, + render as bc, + warn as bd, + dropdownLight as be, + keep as bf, + renderSlot as bg, + withKeys as bh, + throwError as bi, + messageApiInjectionKey as bj, + replaceable as bk, + iconSwitchTransition as bl, + NIconSwitchTransition as bm, + NBaseLoading as bn, + resolveSlotWithProps as bo, + inputLight as bp, + isSafari as bq, + getCurrentInstance as br, + getMargin as bs, + switchLight as bt, + isSlotEmpty as bu, + iconLight as bv, + avatarLight as bw, + color2Class as bx, + tagLight as by, + NBaseClose as bz, + createElementBlock as c, + popoverLight as c0, + getPreciseEventTarget as c1, + useCompitable as c2, + getFirstSlotVNode as c3, + cloneVNode as c4, + Text as c5, + isBrowser$1 as c6, + tooltipLight as c7, + imageLight as c8, + isBrowser$2 as c9, + getSlot as ca, + getFirstVNode as cb, + CssRender as cc, + configProviderInjectionKey as cd, + dialogApiInjectionKey as ce, + defineComponent as d, + createVNode as e, + withCtx as f, + useStore as g, + useRouter as h, + isRef as i, + openBlock as j, + createTextVNode as k, + h as l, + c as m, + normalizeClass as n, + onMounted as o, + cB as p, + useTheme as q, + ref as r, + setAnimationClass as s, + toDisplayString as t, + unref as u, + vModelText as v, + withDirectives as w, + useConfig as x, + inputNumberLight as y, + useFormItem as z +}; diff --git a/out/renderer/assets/index-DKaFsuse.js.gz b/out/renderer/assets/index-DKaFsuse.js.gz new file mode 100644 index 0000000..a85bc24 Binary files /dev/null and b/out/renderer/assets/index-DKaFsuse.js.gz differ diff --git a/out/renderer/assets/index-DSilVM87.js b/out/renderer/assets/index-DSilVM87.js new file mode 100644 index 0000000..7369825 --- /dev/null +++ b/out/renderer/assets/index-DSilVM87.js @@ -0,0 +1,424 @@ +import { d as defineComponent, r as ref, G as computed, a5 as setAnimationDelay, E as watch, h as useRouter, o as onMounted, j as openBlock, c as createElementBlock, b as createBaseVNode, n as normalizeClass, u as unref, s as setAnimationClass, a3 as Fragment, a4 as renderList, w as withDirectives, a6 as vShow, a2 as normalizeStyle, t as toDisplayString, _ as _export_sfc, e as createVNode, a7 as getImgUrl, T as createCommentVNode, g as useStore, a8 as watchEffect, O as createBlock, f as withCtx, a9 as setBackgroundImg, k as createTextVNode, aa as router, S as Scrollbar, ab as resolveDirective, ac as isMobile } from "./index-DKaFsuse.js"; +import { g as getPlaylistCategory, a as getNewAlbum, b as getHotSinger, c as getDayRecommend, d as getRecommendMusic } from "./home-BXGE9AqN.js"; +import { M as MusicList, g as getAlbum } from "./MusicList-s-QHu-iA.js"; +import { N as NImage } from "./Image-DXClIklC.js"; +import { S as SongItem } from "./SongItem-CoswpGn6.js"; +import { F as Favorite } from "./index-JJypdZPY.js"; +import "./Drawer-BEJ8Ydua.js"; +import "./Avatar-rQ2og-6c.js"; +import "./Tag-C0oC92WF.js"; +import "./Ellipsis-D4R5dIX2.js"; +import "./use-locale-DLWAOXez.js"; +const _hoisted_1$4 = { class: "play-list-type" }; +const _hoisted_2$3 = ["onClick"]; +const DELAY_TIME = 40; +const _sfc_main$4 = /* @__PURE__ */ defineComponent({ + __name: "PlaylistType", + setup(__props) { + const playlistCategory = ref(); + const isShowAllPlaylistCategory = ref(false); + const getAnimationDelay = computed(() => { + return (index2) => { + if (index2 <= 19) { + return setAnimationDelay(index2, DELAY_TIME); + } + if (!isShowAllPlaylistCategory.value) { + const nowIndex = (playlistCategory.value?.sub.length || 0) - index2; + return setAnimationDelay(nowIndex, DELAY_TIME); + } + return setAnimationDelay(index2 - 19, DELAY_TIME); + }; + }); + watch(isShowAllPlaylistCategory, (newVal) => { + if (!newVal) { + const elements = playlistCategory.value?.sub.map( + (_, index2) => document.querySelector(`.type-item-${index2}`) + ); + elements.slice(20).reverse().forEach((element, index2) => { + if (element) { + setTimeout( + () => { + element.style.position = "absolute"; + }, + index2 * DELAY_TIME + 400 + ); + } + }); + setTimeout( + () => { + isHiding.value = false; + document.querySelectorAll(".play-list-type-item").forEach((element) => { + if (element) { + console.log("element", element); + element.style.position = "none"; + } + }); + }, + (playlistCategory.value?.sub.length || 0 - 19) * DELAY_TIME + ); + } else { + document.querySelectorAll(".play-list-type-item").forEach((element) => { + if (element) { + element.style.position = "none"; + } + }); + } + }); + const loadPlaylistCategory = async () => { + const { data } = await getPlaylistCategory(); + playlistCategory.value = data; + }; + const router2 = useRouter(); + const handleClickPlaylistType = (type) => { + router2.push({ + path: "/list", + query: { + type + } + }); + }; + const isHiding = ref(false); + const handleToggleShowAllPlaylistCategory = () => { + isShowAllPlaylistCategory.value = !isShowAllPlaylistCategory.value; + if (!isShowAllPlaylistCategory.value) { + isHiding.value = true; + } + }; + onMounted(() => { + loadPlaylistCategory(); + }); + return (_ctx, _cache) => { + return openBlock(), createElementBlock("div", _hoisted_1$4, [ + createBaseVNode("div", { + class: normalizeClass(["title", unref(setAnimationClass)("animate__fadeInLeft")]) + }, "歌单分类", 2), + createBaseVNode("div", null, [ + (openBlock(true), createElementBlock(Fragment, null, renderList(playlistCategory.value?.sub, (item, index2) => { + return withDirectives((openBlock(), createElementBlock("span", { + key: item.name, + class: normalizeClass([ + "play-list-type-item", + unref(setAnimationClass)( + index2 <= 19 ? "animate__bounceIn" : !isShowAllPlaylistCategory.value ? "animate__backOutLeft" : "animate__bounceIn" + ) + " type-item-" + index2 + ]), + style: normalizeStyle(getAnimationDelay.value(index2)), + onClick: ($event) => handleClickPlaylistType(item.name) + }, toDisplayString(item.name), 15, _hoisted_2$3)), [ + [vShow, isShowAllPlaylistCategory.value || index2 <= 19 || isHiding.value] + ]); + }), 128)), + createBaseVNode("div", { + class: normalizeClass(["play-list-type-showall", unref(setAnimationClass)("animate__bounceIn")]), + style: normalizeStyle( + unref(setAnimationDelay)( + !isShowAllPlaylistCategory.value ? 25 : playlistCategory.value?.sub.length || 100 + 30 + ) + ), + onClick: handleToggleShowAllPlaylistCategory + }, toDisplayString(!isShowAllPlaylistCategory.value ? "显示全部" : "隐藏一些"), 7) + ]) + ]); + }; + } +}); +const PlaylistType = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-686a7f41"]]); +const _hoisted_1$3 = { class: "recommend-album" }; +const _hoisted_2$2 = { class: "recommend-album-list" }; +const _hoisted_3$1 = ["onClick"]; +const _hoisted_4$1 = { class: "recommend-album-list-item-content" }; +const _sfc_main$3 = /* @__PURE__ */ defineComponent({ + __name: "RecommendAlbum", + setup(__props) { + const albumData = ref(); + const loadAlbumList = async () => { + const { data } = await getNewAlbum(); + albumData.value = data; + }; + const showMusic = ref(false); + const songList = ref([]); + const albumName = ref(""); + const loadingList = ref(false); + const albumInfo = ref({}); + const handleClick = async (item) => { + songList.value = []; + albumInfo.value = {}; + albumName.value = item.name; + loadingList.value = true; + showMusic.value = true; + const res = await getAlbum(item.id); + songList.value = res.data.songs.map((song) => { + song.al.picUrl = song.al.picUrl || item.picUrl; + return song; + }); + albumInfo.value = { + ...res.data.album, + creator: { + avatarUrl: res.data.album.artist.img1v1Url, + nickname: `${res.data.album.artist.name} - ${res.data.album.company}` + }, + description: res.data.album.description + }; + loadingList.value = false; + }; + onMounted(() => { + loadAlbumList(); + }); + return (_ctx, _cache) => { + const _component_n_image = NImage; + return openBlock(), createElementBlock("div", _hoisted_1$3, [ + createBaseVNode("div", { + class: normalizeClass(["title", unref(setAnimationClass)("animate__fadeInRight")]) + }, "最新专辑", 2), + createBaseVNode("div", _hoisted_2$2, [ + (openBlock(true), createElementBlock(Fragment, null, renderList(albumData.value?.albums, (item, index2) => { + return openBlock(), createElementBlock(Fragment, { + key: item.id + }, [ + index2 < 6 ? (openBlock(), createElementBlock("div", { + key: 0, + class: normalizeClass(["recommend-album-list-item", unref(setAnimationClass)("animate__backInUp")]), + style: normalizeStyle(unref(setAnimationDelay)(index2, 100)), + onClick: ($event) => handleClick(item) + }, [ + createVNode(_component_n_image, { + class: "recommend-album-list-item-img", + src: unref(getImgUrl)(item.blurPicUrl, "200y200"), + lazy: "", + "preview-disabled": "" + }, null, 8, ["src"]), + createBaseVNode("div", _hoisted_4$1, toDisplayString(item.name), 1) + ], 14, _hoisted_3$1)) : createCommentVNode("", true) + ], 64); + }), 128)) + ]), + createVNode(MusicList, { + show: showMusic.value, + "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showMusic.value = $event), + name: albumName.value, + "song-list": songList.value, + cover: false, + loading: loadingList.value, + "list-info": albumInfo.value + }, null, 8, ["show", "name", "song-list", "loading", "list-info"]) + ]); + }; + } +}); +const RecommendAlbum = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-1df7dbee"]]); +const _hoisted_1$2 = { class: "recommend-singer" }; +const _hoisted_2$1 = { class: "recommend-singer-list" }; +const _hoisted_3 = { class: "mt-2" }; +const _hoisted_4 = { class: "recommend-singer-item-count p-2 text-base text-gray-200 z-10" }; +const _hoisted_5 = { class: "recommend-singer-item-info z-10" }; +const _hoisted_6 = ["onClick"]; +const _hoisted_7 = { class: "ml-4" }; +const _hoisted_8 = { class: "recommend-singer-item-info-name text-el" }; +const _hoisted_9 = { class: "recommend-singer-item-info-name text-el" }; +const _sfc_main$2 = /* @__PURE__ */ defineComponent({ + __name: "RecommendSinger", + setup(__props) { + const store = useStore(); + const hotSingerData = ref(); + const dayRecommendData = ref(); + 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) => { + router.push({ + path: "/search", + query: { + keyword + } + }); + }; + watchEffect(() => { + if (store.state.user) { + loadData(); + } + }); + return (_ctx, _cache) => { + const _component_n_scrollbar = Scrollbar; + return openBlock(), createBlock(_component_n_scrollbar, { + size: 100, + "x-scrollable": true + }, { + default: withCtx(() => [ + createBaseVNode("div", _hoisted_1$2, [ + createBaseVNode("div", _hoisted_2$1, [ + dayRecommendData.value ? (openBlock(), createElementBlock("div", { + key: 0, + class: normalizeClass(["recommend-singer-item relative", unref(setAnimationClass)("animate__backInRight")]), + style: normalizeStyle(unref(setAnimationDelay)(0, 100)) + }, [ + createBaseVNode("div", { + style: normalizeStyle( + unref(setBackgroundImg)(unref(getImgUrl)(dayRecommendData.value?.dailySongs[0].al.picUrl, "500y500")) + ), + class: "recommend-singer-item-bg" + }, null, 4), + createBaseVNode("div", { + class: "recommend-singer-item-count p-2 text-base text-gray-200 z-10 cursor-pointer", + onClick: _cache[0] || (_cache[0] = ($event) => showMusic.value = true) + }, [ + _cache[3] || (_cache[3] = createBaseVNode("div", { class: "font-bold text-xl" }, "每日推荐", -1)), + createBaseVNode("div", _hoisted_3, [ + (openBlock(true), createElementBlock(Fragment, null, renderList(dayRecommendData.value?.dailySongs.slice(0, 5), (item) => { + return openBlock(), createElementBlock("p", { + key: item.id, + class: "text-el" + }, [ + createTextVNode(toDisplayString(item.name) + " ", 1), + _cache[2] || (_cache[2] = createBaseVNode("br", null, null, -1)) + ]); + }), 128)) + ]) + ]) + ], 6)) : createCommentVNode("", true), + (openBlock(true), createElementBlock(Fragment, null, renderList(hotSingerData.value?.artists, (item, index2) => { + return openBlock(), createElementBlock("div", { + key: item.id, + class: normalizeClass(["recommend-singer-item relative", unref(setAnimationClass)("animate__backInRight")]), + style: normalizeStyle(unref(setAnimationDelay)(index2 + 1, 100)) + }, [ + createBaseVNode("div", { + style: normalizeStyle(unref(setBackgroundImg)(unref(getImgUrl)(item.picUrl, "500y500"))), + class: "recommend-singer-item-bg" + }, null, 4), + createBaseVNode("div", _hoisted_4, toDisplayString(item.musicSize) + "首 ", 1), + createBaseVNode("div", _hoisted_5, [ + createBaseVNode("div", { + class: "recommend-singer-item-info-play", + onClick: ($event) => toSearchSinger(item.name) + }, _cache[4] || (_cache[4] = [ + createBaseVNode("i", { class: "iconfont icon-playfill text-xl" }, null, -1) + ]), 8, _hoisted_6), + createBaseVNode("div", _hoisted_7, [ + createBaseVNode("div", _hoisted_8, toDisplayString(item.name), 1), + createBaseVNode("div", _hoisted_9, toDisplayString(item.name), 1) + ]) + ]) + ], 6); + }), 128)) + ]), + dayRecommendData.value?.dailySongs.length ? (openBlock(), createBlock(MusicList, { + key: 0, + show: showMusic.value, + "onUpdate:show": _cache[1] || (_cache[1] = ($event) => showMusic.value = $event), + name: "每日推荐列表", + "song-list": dayRecommendData.value?.dailySongs, + cover: false + }, null, 8, ["show", "song-list"])) : createCommentVNode("", true) + ]) + ]), + _: 1 + }); + }; + } +}); +const RecommendSinger = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f8da161d"]]); +const _hoisted_1$1 = { class: "recommend-music" }; +const _sfc_main$1 = /* @__PURE__ */ defineComponent({ + __name: "RecommendSonglist", + setup(__props) { + const store = useStore(); + const recommendMusic = ref(); + const loading = ref(false); + const loadRecommendMusic = async () => { + loading.value = true; + const { data } = await getRecommendMusic({ limit: 10 }); + recommendMusic.value = data; + loading.value = false; + }; + onMounted(() => { + loadRecommendMusic(); + }); + const handlePlay = () => { + store.commit("setPlayList", recommendMusic.value?.result); + }; + return (_ctx, _cache) => { + const _directive_loading = resolveDirective("loading"); + return openBlock(), createElementBlock("div", _hoisted_1$1, [ + createBaseVNode("div", { + class: normalizeClass(["title", unref(setAnimationClass)("animate__fadeInLeft")]) + }, "本周最热音乐", 2), + withDirectives((openBlock(), createElementBlock("div", { + class: normalizeClass(["recommend-music-list", unref(setAnimationClass)("animate__bounceInUp")]) + }, [ + (openBlock(true), createElementBlock(Fragment, null, renderList(unref(recommendMusic)?.result, (item, index2) => { + return openBlock(), createElementBlock("div", { + key: item.id, + class: normalizeClass(unref(setAnimationClass)("animate__bounceInUp")), + style: normalizeStyle(unref(setAnimationDelay)(index2, 100)) + }, [ + createVNode(SongItem, { + item, + onPlay: handlePlay + }, null, 8, ["item"]) + ], 6); + }), 128)) + ], 2)), [ + [vShow, unref(recommendMusic)?.result], + [_directive_loading, unref(loading)] + ]) + ]); + }; + } +}); +const RecommendSonglist = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ae2da107"]]); +const _hoisted_1 = { class: "main-page" }; +const _hoisted_2 = { class: "main-content" }; +const _sfc_main = /* @__PURE__ */ defineComponent({ + ...{ + name: "Home" + }, + __name: "index", + setup(__props) { + return (_ctx, _cache) => { + const _component_n_scrollbar = Scrollbar; + return openBlock(), createBlock(_component_n_scrollbar, { + size: 100, + "x-scrollable": false + }, { + default: withCtx(() => [ + createBaseVNode("div", _hoisted_1, [ + createVNode(RecommendSinger), + createBaseVNode("div", _hoisted_2, [ + !unref(isMobile) ? (openBlock(), createBlock(PlaylistType, { key: 0 })) : createCommentVNode("", true), + createVNode(RecommendSonglist), + createBaseVNode("div", null, [ + createVNode(Favorite, { "is-component": "" }), + createVNode(RecommendAlbum) + ]) + ]) + ]) + ]), + _: 1 + }); + }; + } +}); +const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b0ca1b97"]]); +export { + index as default +}; diff --git a/out/renderer/assets/index-DSilVM87.js.gz b/out/renderer/assets/index-DSilVM87.js.gz new file mode 100644 index 0000000..418d6f5 Binary files /dev/null and b/out/renderer/assets/index-DSilVM87.js.gz differ diff --git a/out/renderer/assets/index-DVDStqOk.css b/out/renderer/assets/index-DVDStqOk.css new file mode 100644 index 0000000..9ad6dea --- /dev/null +++ b/out/renderer/assets/index-DVDStqOk.css @@ -0,0 +1,120 @@ +.set-page[data-v-0331ad9e] { + + --tw-bg-opacity: 1; + + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + + padding: 1rem +} +.set-page[data-v-0331ad9e]:is(.dark *) { + + --tw-bg-opacity: 1; + + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) +} +.set-item[data-v-0331ad9e] { + + margin-bottom: 1rem; + + display: flex; + + align-items: center; + + justify-content: space-between; + + border-radius: 0.5rem; + + padding: 1rem; + + transition-property: all; + + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + + transition-duration: 150ms; + + --tw-bg-opacity: 1; + + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + + --tw-text-opacity: 1; + + color: rgb(17 24 39 / var(--tw-text-opacity, 1)) +} +.set-item[data-v-0331ad9e]:is(.dark *) { + + --tw-bg-opacity: 1; + + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); + + --tw-text-opacity: 1; + + color: rgb(255 255 255 / var(--tw-text-opacity, 1)) +} +.set-item[data-v-0331ad9e] { + + border-width: 1px; + + --tw-border-opacity: 1; + + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) +} +.set-item[data-v-0331ad9e]:is(.dark *) { + + --tw-border-opacity: 1; + + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)) +} +.set-item-title[data-v-0331ad9e] { + + margin-bottom: 0.25rem; + + font-size: 1rem; + + line-height: 1.5rem; + + font-weight: 500 +} +.set-item-content[data-v-0331ad9e] { + + font-size: 0.875rem; + + line-height: 1.25rem; + + --tw-text-opacity: 1; + + color: rgb(107 114 128 / var(--tw-text-opacity, 1)) +} +.set-item-content[data-v-0331ad9e]:is(.dark *) { + + --tw-text-opacity: 1; + + color: rgb(156 163 175 / var(--tw-text-opacity, 1)) +} +.set-item[data-v-0331ad9e]:hover { + + --tw-bg-opacity: 1; + + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) +} +.set-item[data-v-0331ad9e]:hover:is(.dark *) { + + --tw-bg-opacity: 1; + + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) +} +.set-item.cursor-pointer[data-v-0331ad9e]:hover { + + --tw-bg-opacity: 1; + + background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); + + --tw-text-opacity: 1; + + color: rgb(34 197 94 / var(--tw-text-opacity, 1)) +} +.set-item.cursor-pointer[data-v-0331ad9e]:hover:is(.dark *) { + + --tw-bg-opacity: 1; + + background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1)) +} \ No newline at end of file diff --git a/out/renderer/assets/index-DVDStqOk.css.gz b/out/renderer/assets/index-DVDStqOk.css.gz new file mode 100644 index 0000000..e705153 Binary files /dev/null and b/out/renderer/assets/index-DVDStqOk.css.gz differ diff --git a/out/renderer/assets/index-DcmHQdN6.css b/out/renderer/assets/index-DcmHQdN6.css new file mode 100644 index 0000000..de2bad0 --- /dev/null +++ b/out/renderer/assets/index-DcmHQdN6.css @@ -0,0 +1,189 @@ +.login-page[data-v-baab8304] { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 5rem; + padding-top: 5rem; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); +}.login-page[data-v-baab8304]:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); +} +.login-title[data-v-baab8304] { + margin-bottom: 1.5rem; + font-size: 1.5rem; + line-height: 2rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.text[data-v-baab8304] { + margin-top: 1rem; + font-size: 0.75rem; + line-height: 1rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.phone-login[data-v-baab8304] { + width: 350px; + height: 550px; + position: relative; + overflow: hidden; + border-radius: 1rem; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; + background-size: cover; + background-repeat: no-repeat; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='400' height='560' preserveAspectRatio='none' viewBox='0 0 400 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1066%26quot%3b)' fill='none'%3e%3crect width='400' height='560' x='0' y='0' fill='rgba(24%2c 106%2c 59%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c234.738C43.535%2c236.921%2c80.103%2c205.252%2c116.272%2c180.923C151.738%2c157.067%2c188.295%2c132.929%2c207.855%2c94.924C227.898%2c55.979%2c233.386%2c10.682%2c226.119%2c-32.511C218.952%2c-75.107%2c199.189%2c-115.793%2c167.469%2c-145.113C137.399%2c-172.909%2c92.499%2c-171.842%2c55.779%2c-189.967C8.719%2c-213.196%2c-28.344%2c-282.721%2c-78.217%2c-266.382C-128.725%2c-249.834%2c-111.35%2c-166.696%2c-143.781%2c-124.587C-173.232%2c-86.348%2c-244.72%2c-83.812%2c-255.129%2c-36.682C-265.368%2c9.678%2c-217.952%2c48.26%2c-190.512%2c87.004C-167.691%2c119.226%2c-140.216%2c145.431%2c-109.013%2c169.627C-74.874%2c196.1%2c-43.147%2c232.575%2c0%2c234.738' fill='%23114b2a'%3e%3c/path%3e%3cpath d='M400 800.9010000000001C443.973 795.023 480.102 765.6 513.011 735.848 541.923 709.71 561.585 676.6320000000001 577.037 640.85 592.211 605.712 606.958 568.912 601.458 531.035 595.962 493.182 568.394 464.36400000000003 546.825 432.775 522.317 396.88300000000004 507.656 347.475 466.528 333.426 425.366 319.366 384.338 352.414 342.111 362.847 297.497 373.869 242.385 362.645 211.294 396.486 180.212 430.318 192.333 483.83299999999997 188.872 529.644 185.656 572.218 178.696 614.453 191.757 655.101 205.885 699.068 227.92 742.4110000000001 265.75 768.898 304.214 795.829 353.459 807.1220000000001 400 800.9010000000001' fill='%231f894c'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1066'%3e%3crect width='400' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"); + box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.37); +} +.phone-login .bg[data-v-baab8304] { + position: absolute; + height: 100%; + width: 100%; + --tw-bg-opacity: 1; + background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1)); + opacity: 0.2; +} +.phone-login .bg[data-v-baab8304]:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(22 22 22 / var(--tw-bg-opacity, 1)); +} +.phone-login .bottom[data-v-baab8304] { + width: 200%; + height: 250px; + bottom: -180px; + border-radius: 50%; + left: 50%; + padding: 10px; + transform: translateX(-50%); + position: absolute; + display: flex; + cursor: pointer; + justify-content: center; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + font-size: 1.125rem; + line-height: 1.75rem; + font-weight: 700; +} +.phone-login .bottom[data-v-baab8304]:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); +} +.phone-login .bottom[data-v-baab8304] { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} +.phone-login .bottom[data-v-baab8304]:hover { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity, 1)); +} +.phone-login .bottom[data-v-baab8304]:is(.dark *):hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.phone-login .bottom[data-v-baab8304] { + box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.66); +} +.phone-login .content[data-v-baab8304] { + position: absolute; + display: flex; + height: 100%; + width: 100%; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1rem; + padding-bottom: 5rem; + text-align: center; +} +.phone-login .content .qr-img[data-v-baab8304] { + cursor: pointer; + border-radius: 1rem; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} +.phone-login .content .phone[data-v-baab8304] { + animation-duration: 0.5s; +} +.phone-login .content .phone-page[data-v-baab8304] { + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + --tw-bg-opacity: 0.9; +} +.phone-login .content .phone-page[data-v-baab8304]:is(.dark *) { + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); + --tw-bg-opacity: 0.9; +} +.phone-login .content .phone-page[data-v-baab8304] { + width: 250px; + overflow: hidden; + border-radius: 1rem; +} +.phone-login .content .phone-input[data-v-baab8304] { + height: 40px; + width: 100%; + padding-left: 1rem; + padding-right: 1rem; + outline: 2px solid transparent; + outline-offset: 2px; + background-color: transparent; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.phone-login .content .phone-input[data-v-baab8304]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.phone-login .content .phone-input[data-v-baab8304] { + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); +} +.phone-login .content .phone-input[data-v-baab8304]:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} +.phone-login .content .phone-input[data-v-baab8304]::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); +} +.phone-login .content .phone-input[data-v-baab8304]::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); +} +.phone-login .content .phone-input[data-v-baab8304]:is(.dark *)::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); +} +.phone-login .content .phone-input[data-v-baab8304]:is(.dark *)::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); +} +.phone-login .content .phone-input[data-v-baab8304]:focus { + --tw-border-opacity: 1; + border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); +} +.phone-login .content .btn-login[data-v-baab8304] { + width: 250px; + height: 40px; + margin-top: 2.5rem; + border-radius: 0.75rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} +.phone-login .content .btn-login[data-v-baab8304]:hover { + --tw-bg-opacity: 1; + background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); +} \ No newline at end of file diff --git a/out/renderer/assets/index-DcmHQdN6.css.gz b/out/renderer/assets/index-DcmHQdN6.css.gz new file mode 100644 index 0000000..2d08a0f Binary files /dev/null and b/out/renderer/assets/index-DcmHQdN6.css.gz differ diff --git a/out/renderer/assets/index-DhLgZEXT.js b/out/renderer/assets/index-DhLgZEXT.js new file mode 100644 index 0000000..5318c50 --- /dev/null +++ b/out/renderer/assets/index-DhLgZEXT.js @@ -0,0 +1,151 @@ +import { F as Favorite } from "./index-JJypdZPY.js"; +import { d as defineComponent, al as useMusicHistory, r as ref, o as onMounted, c as createElementBlock, b as createBaseVNode, n as normalizeClass, u as unref, e as createVNode, f as withCtx, am as getMusicDetail, S as Scrollbar, g as useStore, j as openBlock, s as setAnimationClass, a3 as Fragment, a4 as renderList, a2 as normalizeStyle, a5 as setAnimationDelay, t as toDisplayString, T as createCommentVNode, aj as __unplugin_components_0, _ as _export_sfc } from "./index-DKaFsuse.js"; +import { S as SongItem } from "./SongItem-CoswpGn6.js"; +import "./use-locale-DLWAOXez.js"; +import "./Image-DXClIklC.js"; +import "./Ellipsis-D4R5dIX2.js"; +const _hoisted_1$1 = { class: "history-page" }; +const _hoisted_2 = { class: "history-item-count min-w-[60px]" }; +const _hoisted_3 = { class: "history-item-delete" }; +const _hoisted_4 = ["onClick"]; +const _hoisted_5 = { + key: 0, + class: "loading-wrapper" +}; +const _hoisted_6 = { + key: 1, + class: "no-more-tip" +}; +const pageSize = 20; +const _sfc_main$1 = /* @__PURE__ */ defineComponent({ + ...{ + name: "History" + }, + __name: "index", + setup(__props) { + const store = useStore(); + const { delMusic, musicList } = useMusicHistory(); + const scrollbarRef = ref(); + const loading = ref(false); + const noMore = ref(false); + const displayList = ref([]); + const currentPage = ref(1); + const getHistorySongs = async () => { + if (musicList.value.length === 0) { + displayList.value = []; + return; + } + loading.value = true; + try { + const startIndex = (currentPage.value - 1) * pageSize; + const endIndex = startIndex + pageSize; + const currentPageItems = musicList.value.slice(startIndex, endIndex); + const currentIds = currentPageItems.map((item) => item.id); + const res = await getMusicDetail(currentIds); + if (res.data.songs) { + const newSongs = res.data.songs.map((song) => { + const historyItem = currentPageItems.find((item) => item.id === song.id); + return { + ...song, + picUrl: song.al?.picUrl || "", + count: historyItem?.count || 0 + }; + }); + if (currentPage.value === 1) { + displayList.value = newSongs; + } else { + displayList.value = [...displayList.value, ...newSongs]; + } + noMore.value = displayList.value.length >= musicList.value.length; + } + } catch (error) { + console.error("获取历史记录失败:", error); + } finally { + loading.value = false; + } + }; + const handleScroll = (e) => { + const { scrollTop, scrollHeight, offsetHeight } = e.target; + const threshold = 100; + if (!loading.value && !noMore.value && scrollHeight - (scrollTop + offsetHeight) < threshold) { + currentPage.value++; + getHistorySongs(); + } + }; + const handlePlay = () => { + store.commit("setPlayList", displayList.value); + }; + onMounted(() => { + getHistorySongs(); + }); + const handleDelMusic = async (item) => { + delMusic(item); + musicList.value = musicList.value.filter((music) => music.id !== item.id); + displayList.value = displayList.value.filter((music) => music.id !== item.id); + }; + return (_ctx, _cache) => { + const _component_n_spin = __unplugin_components_0; + const _component_n_scrollbar = Scrollbar; + return openBlock(), createElementBlock("div", _hoisted_1$1, [ + createBaseVNode("div", { + class: normalizeClass(["title", unref(setAnimationClass)("animate__fadeInRight")]) + }, "播放历史", 2), + createVNode(_component_n_scrollbar, { + ref_key: "scrollbarRef", + ref: scrollbarRef, + size: 100, + onScroll: handleScroll + }, { + default: withCtx(() => [ + createBaseVNode("div", { + class: normalizeClass(["history-list-content", unref(setAnimationClass)("animate__bounceInLeft")]) + }, [ + (openBlock(true), createElementBlock(Fragment, null, renderList(displayList.value, (item, index2) => { + return openBlock(), createElementBlock("div", { + key: item.id, + class: normalizeClass(["history-item", unref(setAnimationClass)("animate__bounceInRight")]), + style: normalizeStyle(unref(setAnimationDelay)(index2, 30)) + }, [ + createVNode(SongItem, { + class: "history-item-content", + item, + onPlay: handlePlay + }, null, 8, ["item"]), + createBaseVNode("div", _hoisted_2, toDisplayString(item.count), 1), + createBaseVNode("div", _hoisted_3, [ + createBaseVNode("i", { + class: "iconfont icon-close", + onClick: ($event) => handleDelMusic(item) + }, null, 8, _hoisted_4) + ]) + ], 6); + }), 128)), + loading.value ? (openBlock(), createElementBlock("div", _hoisted_5, [ + createVNode(_component_n_spin, { size: "large" }) + ])) : createCommentVNode("", true), + noMore.value ? (openBlock(), createElementBlock("div", _hoisted_6, "没有更多了")) : createCommentVNode("", true) + ], 2) + ]), + _: 1 + }, 512) + ]); + }; + } +}); +const History = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7e434221"]]); +const _hoisted_1 = { class: "flex gap-4 h-full pb-4" }; +const _sfc_main = /* @__PURE__ */ defineComponent({ + __name: "index", + setup(__props) { + return (_ctx, _cache) => { + return openBlock(), createElementBlock("div", _hoisted_1, [ + createVNode(Favorite, { class: "flex-item" }), + createVNode(History, { class: "flex-item" }) + ]); + }; + } +}); +const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36d023b3"]]); +export { + index as default +}; diff --git a/out/renderer/assets/index-DhLgZEXT.js.gz b/out/renderer/assets/index-DhLgZEXT.js.gz new file mode 100644 index 0000000..44989b0 Binary files /dev/null and b/out/renderer/assets/index-DhLgZEXT.js.gz differ diff --git a/out/renderer/assets/index-Dn0J0Jmw.js b/out/renderer/assets/index-Dn0J0Jmw.js new file mode 100644 index 0000000..86a88be --- /dev/null +++ b/out/renderer/assets/index-Dn0J0Jmw.js @@ -0,0 +1,155 @@ +import { d as defineComponent, r as ref, o as onMounted, a as onBeforeUnmount, c as createElementBlock, b as createBaseVNode, u as unref, n as normalizeClass, w as withDirectives, v as vModelText, i as isRef, e as createVNode, f as withCtx, t as toDisplayString, g as useStore, h as useRouter, B as Button, j as openBlock, s as setAnimationClass, k as createTextVNode, _ as _export_sfc } from "./index-DKaFsuse.js"; +import { u as useMessage, g as getQrKey, c as createQr, a as checkQr, b as getUserDetail, l as loginByCellphone } from "./login-BsPxQYi6.js"; +const _hoisted_1 = { class: "login-page" }; +const _hoisted_2 = { class: "phone-login" }; +const _hoisted_3 = { class: "content" }; +const _hoisted_4 = ["src"]; +const _hoisted_5 = { class: "phone-page" }; +const _hoisted_6 = { class: "bottom" }; +const _sfc_main = /* @__PURE__ */ defineComponent({ + ...{ + name: "Login" + }, + __name: "index", + setup(__props) { + const message = useMessage(); + const store = useStore(); + const router = useRouter(); + const isQr = ref(false); + const qrUrl = ref(); + onMounted(() => { + loadLogin(); + }); + const timerRef = ref(null); + const loadLogin = async () => { + try { + if (timerRef.value) { + clearInterval(timerRef.value); + timerRef.value = null; + } + if (!isQr.value) return; + const qrKey = await getQrKey(); + const key = qrKey.data.data.unikey; + const { data } = await createQr(key); + qrUrl.value = data.data.qrimg; + const timer = timerIsQr(key); + timerRef.value = timer; + } catch (error) { + console.error("加载登录信息时出错:", error); + } + }; + const timerIsQr = (key) => { + const timer = setInterval(async () => { + try { + const { data } = await checkQr(key); + if (data.code === 800) { + clearInterval(timer); + timerRef.value = null; + } + if (data.code === 803) { + localStorage.setItem("token", data.cookie); + const user = await getUserDetail(); + store.state.user = user.data.profile; + localStorage.setItem("user", JSON.stringify(store.state.user)); + message.success("登录成功"); + clearInterval(timer); + timerRef.value = null; + router.push("/user"); + } + } catch (error) { + console.error("检查二维码状态时出错:", error); + clearInterval(timer); + timerRef.value = null; + } + }, 3e3); + return timer; + }; + onBeforeUnmount(() => { + if (timerRef.value) { + clearInterval(timerRef.value); + timerRef.value = null; + } + }); + const chooseQr = () => { + isQr.value = !isQr.value; + loadLogin(); + }; + const phone = ref(""); + const password = ref(""); + const loginPhone = async () => { + const { data } = await loginByCellphone(phone.value, password.value); + if (data.code === 200) { + message.success("登录成功"); + store.state.user = data.profile; + localStorage.setItem("token", data.cookie); + setTimeout(() => { + router.push("/user"); + }, 1e3); + } + }; + return (_ctx, _cache) => { + const _component_n_button = Button; + return openBlock(), createElementBlock("div", _hoisted_1, [ + createBaseVNode("div", _hoisted_2, [ + _cache[9] || (_cache[9] = createBaseVNode("div", { class: "bg" }, null, -1)), + createBaseVNode("div", _hoisted_3, [ + unref(isQr) ? (openBlock(), createElementBlock("div", { + key: 0, + class: normalizeClass(["phone", unref(setAnimationClass)("animate__fadeInUp")]) + }, [ + _cache[4] || (_cache[4] = createBaseVNode("div", { class: "login-title" }, "扫码登陆", -1)), + createBaseVNode("img", { + class: "qr-img", + src: unref(qrUrl) + }, null, 8, _hoisted_4), + _cache[5] || (_cache[5] = createBaseVNode("div", { class: "text" }, "使用网易云APP扫码登录", -1)) + ], 2)) : (openBlock(), createElementBlock("div", { + key: 1, + class: normalizeClass(["phone", unref(setAnimationClass)("animate__fadeInUp")]) + }, [ + _cache[7] || (_cache[7] = createBaseVNode("div", { class: "login-title" }, "手机号登录", -1)), + createBaseVNode("div", _hoisted_5, [ + withDirectives(createBaseVNode("input", { + "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(phone) ? phone.value = $event : null), + class: "phone-input", + type: "text", + placeholder: "手机号" + }, null, 512), [ + [vModelText, unref(phone)] + ]), + withDirectives(createBaseVNode("input", { + "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(password) ? password.value = $event : null), + class: "phone-input", + type: "password", + placeholder: "密码" + }, null, 512), [ + [vModelText, unref(password)] + ]) + ]), + _cache[8] || (_cache[8] = createBaseVNode("div", { class: "text" }, "使用网易云账号登录", -1)), + createVNode(_component_n_button, { + class: "btn-login", + onClick: _cache[2] || (_cache[2] = ($event) => loginPhone()) + }, { + default: withCtx(() => _cache[6] || (_cache[6] = [ + createTextVNode("登录") + ])), + _: 1 + }) + ], 2)) + ]), + createBaseVNode("div", _hoisted_6, [ + createBaseVNode("div", { + class: "title", + onClick: _cache[3] || (_cache[3] = ($event) => chooseQr()) + }, toDisplayString(unref(isQr) ? "手机号登录" : "扫码登录"), 1) + ]) + ]) + ]); + }; + } +}); +const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-baab8304"]]); +export { + index as default +}; diff --git a/out/renderer/assets/index-Dn0J0Jmw.js.gz b/out/renderer/assets/index-Dn0J0Jmw.js.gz new file mode 100644 index 0000000..0f7a1c1 Binary files /dev/null and b/out/renderer/assets/index-Dn0J0Jmw.js.gz differ diff --git a/out/renderer/assets/index-JJypdZPY.js b/out/renderer/assets/index-JJypdZPY.js new file mode 100644 index 0000000..a863787 --- /dev/null +++ b/out/renderer/assets/index-JJypdZPY.js @@ -0,0 +1,320 @@ +import { d as defineComponent, l as h, p as cB, Y as cE, m as c, q as useTheme, x as useConfig, an as emptyLight, G as computed, ao as createKey, ap as useThemeClass, N as NBaseIcon, r as ref, o as onMounted, E as watch, c as createElementBlock, b as createBaseVNode, t as toDisplayString, n as normalizeClass, u as unref, e as createVNode, f as withCtx, T as createCommentVNode, am as getMusicDetail, S as Scrollbar, g as useStore, h as useRouter, j as openBlock, s as setAnimationClass, a3 as Fragment, a4 as renderList, O as createBlock, a2 as normalizeStyle, k as createTextVNode, a5 as setAnimationDelay, B as Button, aj as __unplugin_components_0$1, _ as _export_sfc } from "./index-DKaFsuse.js"; +import { S as SongItem } from "./SongItem-CoswpGn6.js"; +import { u as useLocale } from "./use-locale-DLWAOXez.js"; +const EmptyIcon = defineComponent({ + name: "Empty", + render() { + return h("svg", { + viewBox: "0 0 28 28", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, h("path", { + d: "M26 7.5C26 11.0899 23.0899 14 19.5 14C15.9101 14 13 11.0899 13 7.5C13 3.91015 15.9101 1 19.5 1C23.0899 1 26 3.91015 26 7.5ZM16.8536 4.14645C16.6583 3.95118 16.3417 3.95118 16.1464 4.14645C15.9512 4.34171 15.9512 4.65829 16.1464 4.85355L18.7929 7.5L16.1464 10.1464C15.9512 10.3417 15.9512 10.6583 16.1464 10.8536C16.3417 11.0488 16.6583 11.0488 16.8536 10.8536L19.5 8.20711L22.1464 10.8536C22.3417 11.0488 22.6583 11.0488 22.8536 10.8536C23.0488 10.6583 23.0488 10.3417 22.8536 10.1464L20.2071 7.5L22.8536 4.85355C23.0488 4.65829 23.0488 4.34171 22.8536 4.14645C22.6583 3.95118 22.3417 3.95118 22.1464 4.14645L19.5 6.79289L16.8536 4.14645Z", + fill: "currentColor" + }), h("path", { + d: "M25 22.75V12.5991C24.5572 13.0765 24.053 13.4961 23.5 13.8454V16H17.5L17.3982 16.0068C17.0322 16.0565 16.75 16.3703 16.75 16.75C16.75 18.2688 15.5188 19.5 14 19.5C12.4812 19.5 11.25 18.2688 11.25 16.75L11.2432 16.6482C11.1935 16.2822 10.8797 16 10.5 16H4.5V7.25C4.5 6.2835 5.2835 5.5 6.25 5.5H12.2696C12.4146 4.97463 12.6153 4.47237 12.865 4H6.25C4.45507 4 3 5.45507 3 7.25V22.75C3 24.5449 4.45507 26 6.25 26H21.75C23.5449 26 25 24.5449 25 22.75ZM4.5 22.75V17.5H9.81597L9.85751 17.7041C10.2905 19.5919 11.9808 21 14 21L14.215 20.9947C16.2095 20.8953 17.842 19.4209 18.184 17.5H23.5V22.75C23.5 23.7165 22.7165 24.5 21.75 24.5H6.25C5.2835 24.5 4.5 23.7165 4.5 22.75Z", + fill: "currentColor" + })); + } +}); +const style = cB("empty", ` + display: flex; + flex-direction: column; + align-items: center; + font-size: var(--n-font-size); +`, [cE("icon", ` + width: var(--n-icon-size); + height: var(--n-icon-size); + font-size: var(--n-icon-size); + line-height: var(--n-icon-size); + color: var(--n-icon-color); + transition: + color .3s var(--n-bezier); + `, [c("+", [cE("description", ` + margin-top: 8px; + `)])]), cE("description", ` + transition: color .3s var(--n-bezier); + color: var(--n-text-color); + `), cE("extra", ` + text-align: center; + transition: color .3s var(--n-bezier); + margin-top: 12px; + color: var(--n-extra-text-color); + `)]); +const emptyProps = Object.assign(Object.assign({}, useTheme.props), { + description: String, + showDescription: { + type: Boolean, + default: true + }, + showIcon: { + type: Boolean, + default: true + }, + size: { + type: String, + default: "medium" + }, + renderIcon: Function +}); +const __unplugin_components_0 = defineComponent({ + name: "Empty", + props: emptyProps, + setup(props) { + const { + mergedClsPrefixRef, + inlineThemeDisabled, + mergedComponentPropsRef + } = useConfig(props); + const themeRef = useTheme("Empty", "-empty", style, emptyLight, props, mergedClsPrefixRef); + const { + localeRef + } = useLocale("Empty"); + const mergedDescriptionRef = computed(() => { + var _a, _b, _c; + return (_a = props.description) !== null && _a !== void 0 ? _a : (_c = (_b = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _b === void 0 ? void 0 : _b.Empty) === null || _c === void 0 ? void 0 : _c.description; + }); + const mergedRenderIconRef = computed(() => { + var _a, _b; + return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Empty) === null || _b === void 0 ? void 0 : _b.renderIcon) || (() => h(EmptyIcon, null)); + }); + const cssVarsRef = computed(() => { + const { + size + } = props; + const { + common: { + cubicBezierEaseInOut + }, + self: { + [createKey("iconSize", size)]: iconSize, + [createKey("fontSize", size)]: fontSize, + textColor, + iconColor, + extraTextColor + } + } = themeRef.value; + return { + "--n-icon-size": iconSize, + "--n-font-size": fontSize, + "--n-bezier": cubicBezierEaseInOut, + "--n-text-color": textColor, + "--n-icon-color": iconColor, + "--n-extra-text-color": extraTextColor + }; + }); + const themeClassHandle = inlineThemeDisabled ? useThemeClass("empty", computed(() => { + let hash = ""; + const { + size + } = props; + hash += size[0]; + return hash; + }), cssVarsRef, props) : void 0; + return { + mergedClsPrefix: mergedClsPrefixRef, + mergedRenderIcon: mergedRenderIconRef, + localizedDescription: computed(() => { + return mergedDescriptionRef.value || localeRef.value.description; + }), + cssVars: inlineThemeDisabled ? void 0 : cssVarsRef, + themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, + onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender + }; + }, + render() { + const { + $slots, + mergedClsPrefix, + onRender + } = this; + onRender === null || onRender === void 0 ? void 0 : onRender(); + return h("div", { + class: [`${mergedClsPrefix}-empty`, this.themeClass], + style: this.cssVars + }, this.showIcon ? h("div", { + class: `${mergedClsPrefix}-empty__icon` + }, $slots.icon ? $slots.icon() : h(NBaseIcon, { + clsPrefix: mergedClsPrefix + }, { + default: this.mergedRenderIcon + })) : null, this.showDescription ? h("div", { + class: `${mergedClsPrefix}-empty__description` + }, $slots.default ? $slots.default() : this.localizedDescription) : null, $slots.extra ? h("div", { + class: `${mergedClsPrefix}-empty__extra` + }, $slots.extra()) : null); + } +}); +const _hoisted_1 = { + key: 0, + class: "favorite-page" +}; +const _hoisted_2 = { class: "favorite-count" }; +const _hoisted_3 = { + key: 0, + class: "empty-tip" +}; +const _hoisted_4 = { + key: 1, + class: "favorite-list" +}; +const _hoisted_5 = { + key: 0, + class: "favorite-list-more text-center" +}; +const _hoisted_6 = { + key: 1, + class: "loading-wrapper" +}; +const _hoisted_7 = { + key: 2, + class: "no-more-tip" +}; +const pageSize = 16; +const _sfc_main = /* @__PURE__ */ defineComponent({ + __name: "index", + props: { + isComponent: { + type: Boolean, + default: false + } + }, + setup(__props) { + const store = useStore(); + const favoriteList = computed(() => store.state.favoriteList); + const favoriteSongs = ref([]); + const loading = ref(false); + const noMore = ref(false); + const scrollbarRef = ref(); + const currentPage = ref(1); + const props = __props; + const getCurrentPageIds = () => { + const reversedList = [...favoriteList.value]; + const startIndex = (currentPage.value - 1) * pageSize; + const endIndex = startIndex + pageSize; + return reversedList.slice(startIndex, endIndex); + }; + const getFavoriteSongs = async () => { + if (favoriteList.value.length === 0) { + favoriteSongs.value = []; + return; + } + if (props.isComponent && favoriteSongs.value.length >= 16) { + return; + } + loading.value = true; + try { + const currentIds = getCurrentPageIds(); + const res = await getMusicDetail(currentIds); + if (res.data.songs) { + const newSongs = res.data.songs.map((song) => ({ + ...song, + picUrl: song.al?.picUrl || "" + })); + if (currentPage.value === 1) { + favoriteSongs.value = newSongs; + } else { + favoriteSongs.value = [...favoriteSongs.value, ...newSongs]; + } + noMore.value = favoriteSongs.value.length >= favoriteList.value.length; + } + } catch (error) { + console.error("获取收藏歌曲失败:", error); + } finally { + loading.value = false; + } + }; + const handleScroll = (e) => { + const { scrollTop, scrollHeight, offsetHeight } = e.target; + const threshold = 100; + if (!loading.value && !noMore.value && scrollHeight - (scrollTop + offsetHeight) < threshold) { + currentPage.value++; + getFavoriteSongs(); + } + }; + onMounted(() => { + getFavoriteSongs(); + }); + watch( + favoriteList, + () => { + currentPage.value = 1; + noMore.value = false; + getFavoriteSongs(); + }, + { deep: true, immediate: true } + ); + const handlePlay = () => { + store.commit("setPlayList", favoriteSongs.value); + }; + const getItemAnimationDelay = (index) => { + return setAnimationDelay(index, 30); + }; + const router = useRouter(); + const handleMore = () => { + router.push("/favorite"); + }; + return (_ctx, _cache) => { + const _component_n_empty = __unplugin_components_0; + const _component_n_button = Button; + const _component_n_spin = __unplugin_components_0$1; + const _component_n_scrollbar = Scrollbar; + return (__props.isComponent ? favoriteSongs.value.length : true) ? (openBlock(), createElementBlock("div", _hoisted_1, [ + createBaseVNode("div", { + class: normalizeClass(["favorite-header", unref(setAnimationClass)("animate__fadeInLeft")]) + }, [ + _cache[0] || (_cache[0] = createBaseVNode("h2", null, "我的收藏", -1)), + createBaseVNode("div", _hoisted_2, "共 " + toDisplayString(favoriteList.value.length) + " 首", 1) + ], 2), + createBaseVNode("div", { + class: normalizeClass(["favorite-main", unref(setAnimationClass)("animate__bounceInRight")]) + }, [ + createVNode(_component_n_scrollbar, { + ref_key: "scrollbarRef", + ref: scrollbarRef, + class: "favorite-content", + onScroll: handleScroll + }, { + default: withCtx(() => [ + favoriteList.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [ + createVNode(_component_n_empty, { description: "还没有收藏歌曲" }) + ])) : (openBlock(), createElementBlock("div", _hoisted_4, [ + (openBlock(true), createElementBlock(Fragment, null, renderList(favoriteSongs.value, (song, index) => { + return openBlock(), createBlock(SongItem, { + key: song.id, + item: song, + favorite: !__props.isComponent, + class: normalizeClass(unref(setAnimationClass)("animate__bounceInLeft")), + style: normalizeStyle(getItemAnimationDelay(index)), + onPlay: handlePlay + }, null, 8, ["item", "favorite", "class", "style"]); + }), 128)), + __props.isComponent ? (openBlock(), createElementBlock("div", _hoisted_5, [ + createVNode(_component_n_button, { + text: "", + type: "primary", + onClick: handleMore + }, { + default: withCtx(() => _cache[1] || (_cache[1] = [ + createTextVNode("查看更多") + ])), + _: 1 + }) + ])) : createCommentVNode("", true), + loading.value ? (openBlock(), createElementBlock("div", _hoisted_6, [ + createVNode(_component_n_spin, { size: "large" }) + ])) : createCommentVNode("", true), + noMore.value ? (openBlock(), createElementBlock("div", _hoisted_7, "没有更多了")) : createCommentVNode("", true) + ])) + ]), + _: 1 + }, 512) + ], 2) + ])) : createCommentVNode("", true); + }; + } +}); +const Favorite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d1a7423"]]); +export { + Favorite as F +}; diff --git a/out/renderer/assets/index-JJypdZPY.js.gz b/out/renderer/assets/index-JJypdZPY.js.gz new file mode 100644 index 0000000..d2bb6dd Binary files /dev/null and b/out/renderer/assets/index-JJypdZPY.js.gz differ diff --git a/out/renderer/assets/index-RCxsGzpS.js b/out/renderer/assets/index-RCxsGzpS.js new file mode 100644 index 0000000..dc2971d --- /dev/null +++ b/out/renderer/assets/index-RCxsGzpS.js @@ -0,0 +1,944 @@ +import { d as defineComponent, l as h, m as c, p as cB, q as useTheme, x as useConfig, y as inputNumberLight, z as useFormItem, r as ref, A as toRef, C as useMergedState, D as useMemo, E as watch, F as useRtl, G as computed, H as rgba, I as resolveWrappedSlot, J as on, K as resolveSlot, N as NBaseIcon, X as XButton, L as call, M as nextTick, o as onMounted, O as createBlock, f as withCtx, P as checkUpdate, S as Scrollbar, g as useStore, Q as config, j as openBlock, b as createBaseVNode, e as createVNode, u as unref, R as isElectron, c as createElementBlock, T as createCommentVNode, t as toDisplayString, k as createTextVNode, U as PlayBottom, B as Button, _ as _export_sfc } from "./index-DKaFsuse.js"; +import { _ as __unplugin_components_1$1, a as __unplugin_components_3 } from "./Switch-D3Z_Vg3u.js"; +import { u as useLocale } from "./use-locale-DLWAOXez.js"; +import { _ as __unplugin_components_4 } from "./Tag-C0oC92WF.js"; +import { _ as __unplugin_components_0 } from "./Slider-BA6NituQ.js"; +const AddIcon = defineComponent({ + name: "Add", + render() { + return h("svg", { + width: "512", + height: "512", + viewBox: "0 0 512 512", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, h("path", { + d: "M256 112V400M400 256H112", + stroke: "currentColor", + "stroke-width": "32", + "stroke-linecap": "round", + "stroke-linejoin": "round" + })); + } +}); +const RemoveIcon = defineComponent({ + name: "Remove", + render() { + return h("svg", { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 512 512" + }, h("line", { + x1: "400", + y1: "256", + x2: "112", + y2: "256", + style: "\n fill: none;\n stroke: currentColor;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 32px;\n " + })); + } +}); +const style = c([cB("input-number-suffix", ` + display: inline-block; + margin-right: 10px; + `), cB("input-number-prefix", ` + display: inline-block; + margin-left: 10px; + `)]); +function parse(value) { + if (value === void 0 || value === null || typeof value === "string" && value.trim() === "") { + return null; + } + return Number(value); +} +function isWipValue(value) { + return value.includes(".") && (/^(-)?\d+.*(\.|0)$/.test(value) || /^-?\d*$/.test(value)) || value === "-" || value === "-0"; +} +function validator(value) { + if (value === void 0 || value === null) return true; + if (Number.isNaN(value)) return false; + return true; +} +function format(value, precision) { + if (typeof value !== "number") return ""; + return precision === void 0 ? String(value) : value.toFixed(precision); +} +function parseNumber(number) { + if (number === null) return null; + if (typeof number === "number") { + return number; + } else { + const parsedNumber = Number(number); + if (Number.isNaN(parsedNumber)) { + return null; + } else { + return parsedNumber; + } + } +} +const HOLDING_CHANGE_THRESHOLD = 800; +const HOLDING_CHANGE_INTERVAL = 100; +const inputNumberProps = Object.assign(Object.assign({}, useTheme.props), { + autofocus: Boolean, + loading: { + type: Boolean, + default: void 0 + }, + placeholder: String, + defaultValue: { + type: Number, + default: null + }, + value: Number, + step: { + type: [Number, String], + default: 1 + }, + min: [Number, String], + max: [Number, String], + size: String, + disabled: { + type: Boolean, + default: void 0 + }, + validator: Function, + bordered: { + type: Boolean, + default: void 0 + }, + showButton: { + type: Boolean, + default: true + }, + buttonPlacement: { + type: String, + default: "right" + }, + inputProps: Object, + readonly: Boolean, + clearable: Boolean, + keyboard: { + type: Object, + default: {} + }, + updateValueOnInput: { + type: Boolean, + default: true + }, + round: { + type: Boolean, + default: void 0 + }, + parse: Function, + format: Function, + precision: Number, + status: String, + "onUpdate:value": [Function, Array], + onUpdateValue: [Function, Array], + onFocus: [Function, Array], + onBlur: [Function, Array], + onClear: [Function, Array], + // deprecated + onChange: [Function, Array] +}); +const __unplugin_components_1 = defineComponent({ + name: "InputNumber", + props: inputNumberProps, + setup(props) { + const { + mergedBorderedRef, + mergedClsPrefixRef, + mergedRtlRef + } = useConfig(props); + const themeRef = useTheme("InputNumber", "-input-number", style, inputNumberLight, props, mergedClsPrefixRef); + const { + localeRef + } = useLocale("InputNumber"); + const formItem = useFormItem(props); + const { + mergedSizeRef, + mergedDisabledRef, + mergedStatusRef + } = formItem; + const inputInstRef = ref(null); + const minusButtonInstRef = ref(null); + const addButtonInstRef = ref(null); + const uncontrolledValueRef = ref(props.defaultValue); + const controlledValueRef = toRef(props, "value"); + const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef); + const displayedValueRef = ref(""); + const getPrecision = (value) => { + const fraction = String(value).split(".")[1]; + return fraction ? fraction.length : 0; + }; + const getMaxPrecision = (currentValue) => { + const precisions = [props.min, props.max, props.step, currentValue].map((value) => { + if (value === void 0) return 0; + return getPrecision(value); + }); + return Math.max(...precisions); + }; + const mergedPlaceholderRef = useMemo(() => { + const { + placeholder + } = props; + if (placeholder !== void 0) return placeholder; + return localeRef.value.placeholder; + }); + const mergedStepRef = useMemo(() => { + const parsedNumber = parseNumber(props.step); + if (parsedNumber !== null) { + return parsedNumber === 0 ? 1 : Math.abs(parsedNumber); + } + return 1; + }); + const mergedMinRef = useMemo(() => { + const parsedNumber = parseNumber(props.min); + if (parsedNumber !== null) return parsedNumber; + else return null; + }); + const mergedMaxRef = useMemo(() => { + const parsedNumber = parseNumber(props.max); + if (parsedNumber !== null) return parsedNumber; + else return null; + }); + const deriveDisplayedValueFromValue = () => { + const { + value: mergedValue + } = mergedValueRef; + if (validator(mergedValue)) { + const { + format: formatProp, + precision + } = props; + if (formatProp) { + displayedValueRef.value = formatProp(mergedValue); + } else { + if (mergedValue === null || precision === void 0 || getPrecision(mergedValue) > precision) { + displayedValueRef.value = format(mergedValue, void 0); + } else { + displayedValueRef.value = format(mergedValue, precision); + } + } + } else { + displayedValueRef.value = String(mergedValue); + } + }; + deriveDisplayedValueFromValue(); + const doUpdateValue = (value) => { + const { + value: mergedValue + } = mergedValueRef; + if (value === mergedValue) { + deriveDisplayedValueFromValue(); + return; + } + const { + "onUpdate:value": _onUpdateValue, + onUpdateValue, + onChange + } = props; + const { + nTriggerFormInput, + nTriggerFormChange + } = formItem; + if (onChange) call(onChange, value); + if (onUpdateValue) call(onUpdateValue, value); + if (_onUpdateValue) call(_onUpdateValue, value); + uncontrolledValueRef.value = value; + nTriggerFormInput(); + nTriggerFormChange(); + }; + const deriveValueFromDisplayedValue = ({ + offset, + doUpdateIfValid, + fixPrecision, + isInputing + }) => { + const { + value: displayedValue + } = displayedValueRef; + if (isInputing && isWipValue(displayedValue)) { + return false; + } + const parsedValue = (props.parse || parse)(displayedValue); + if (parsedValue === null) { + if (doUpdateIfValid) doUpdateValue(null); + return null; + } + if (validator(parsedValue)) { + const currentPrecision = getPrecision(parsedValue); + const { + precision + } = props; + if (precision !== void 0 && precision < currentPrecision && !fixPrecision) { + return false; + } + let nextValue = Number.parseFloat((parsedValue + offset).toFixed(precision !== null && precision !== void 0 ? precision : getMaxPrecision(parsedValue))); + if (validator(nextValue)) { + const { + value: mergedMax + } = mergedMaxRef; + const { + value: mergedMin + } = mergedMinRef; + if (mergedMax !== null && nextValue > mergedMax) { + if (!doUpdateIfValid || isInputing) return false; + nextValue = mergedMax; + } + if (mergedMin !== null && nextValue < mergedMin) { + if (!doUpdateIfValid || isInputing) return false; + nextValue = mergedMin; + } + if (props.validator && !props.validator(nextValue)) return false; + if (doUpdateIfValid) doUpdateValue(nextValue); + return nextValue; + } + } + return false; + }; + const displayedValueInvalidRef = useMemo(() => { + const derivedValue = deriveValueFromDisplayedValue({ + offset: 0, + doUpdateIfValid: false, + isInputing: false, + fixPrecision: false + }); + return derivedValue === false; + }); + const minusableRef = useMemo(() => { + const { + value: mergedValue + } = mergedValueRef; + if (props.validator && mergedValue === null) { + return false; + } + const { + value: mergedStep + } = mergedStepRef; + const derivedNextValue = deriveValueFromDisplayedValue({ + offset: -mergedStep, + doUpdateIfValid: false, + isInputing: false, + fixPrecision: false + }); + return derivedNextValue !== false; + }); + const addableRef = useMemo(() => { + const { + value: mergedValue + } = mergedValueRef; + if (props.validator && mergedValue === null) { + return false; + } + const { + value: mergedStep + } = mergedStepRef; + const derivedNextValue = deriveValueFromDisplayedValue({ + offset: +mergedStep, + doUpdateIfValid: false, + isInputing: false, + fixPrecision: false + }); + return derivedNextValue !== false; + }); + function doFocus(e) { + const { + onFocus + } = props; + const { + nTriggerFormFocus + } = formItem; + if (onFocus) call(onFocus, e); + nTriggerFormFocus(); + } + function doBlur(e) { + var _a, _b; + if (e.target === ((_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef)) { + return; + } + const value = deriveValueFromDisplayedValue({ + offset: 0, + doUpdateIfValid: true, + isInputing: false, + fixPrecision: true + }); + if (value !== false) { + const inputElRef = (_b = inputInstRef.value) === null || _b === void 0 ? void 0 : _b.inputElRef; + if (inputElRef) { + inputElRef.value = String(value || ""); + } + if (mergedValueRef.value === value) { + deriveDisplayedValueFromValue(); + } + } else { + deriveDisplayedValueFromValue(); + } + const { + onBlur + } = props; + const { + nTriggerFormBlur + } = formItem; + if (onBlur) call(onBlur, e); + nTriggerFormBlur(); + void nextTick(() => { + deriveDisplayedValueFromValue(); + }); + } + function doClear(e) { + const { + onClear + } = props; + if (onClear) call(onClear, e); + } + function doAdd() { + const { + value: addable + } = addableRef; + if (!addable) { + clearAddHoldTimeout(); + return; + } + const { + value: mergedValue + } = mergedValueRef; + if (mergedValue === null) { + if (!props.validator) { + doUpdateValue(createValidValue()); + } + } else { + const { + value: mergedStep + } = mergedStepRef; + deriveValueFromDisplayedValue({ + offset: mergedStep, + doUpdateIfValid: true, + isInputing: false, + fixPrecision: true + }); + } + } + function doMinus() { + const { + value: minusable + } = minusableRef; + if (!minusable) { + clearMinusHoldTimeout(); + return; + } + const { + value: mergedValue + } = mergedValueRef; + if (mergedValue === null) { + if (!props.validator) { + doUpdateValue(createValidValue()); + } + } else { + const { + value: mergedStep + } = mergedStepRef; + deriveValueFromDisplayedValue({ + offset: -mergedStep, + doUpdateIfValid: true, + isInputing: false, + fixPrecision: true + }); + } + } + const handleFocus = doFocus; + const handleBlur = doBlur; + function createValidValue() { + if (props.validator) return null; + const { + value: mergedMin + } = mergedMinRef; + const { + value: mergedMax + } = mergedMaxRef; + if (mergedMin !== null) { + return Math.max(0, mergedMin); + } else if (mergedMax !== null) { + return Math.min(0, mergedMax); + } else { + return 0; + } + } + function handleClear(e) { + doClear(e); + doUpdateValue(null); + } + function handleMouseDown(e) { + var _a, _b, _c; + if ((_a = addButtonInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.target)) { + e.preventDefault(); + } + if ((_b = minusButtonInstRef.value) === null || _b === void 0 ? void 0 : _b.$el.contains(e.target)) { + e.preventDefault(); + } + (_c = inputInstRef.value) === null || _c === void 0 ? void 0 : _c.activate(); + } + let minusHoldStateIntervalId = null; + let addHoldStateIntervalId = null; + let firstMinusMousedownId = null; + function clearMinusHoldTimeout() { + if (firstMinusMousedownId) { + window.clearTimeout(firstMinusMousedownId); + firstMinusMousedownId = null; + } + if (minusHoldStateIntervalId) { + window.clearInterval(minusHoldStateIntervalId); + minusHoldStateIntervalId = null; + } + } + let firstAddMousedownId = null; + function clearAddHoldTimeout() { + if (firstAddMousedownId) { + window.clearTimeout(firstAddMousedownId); + firstAddMousedownId = null; + } + if (addHoldStateIntervalId) { + window.clearInterval(addHoldStateIntervalId); + addHoldStateIntervalId = null; + } + } + function handleMinusMousedown() { + clearMinusHoldTimeout(); + firstMinusMousedownId = window.setTimeout(() => { + minusHoldStateIntervalId = window.setInterval(() => { + doMinus(); + }, HOLDING_CHANGE_INTERVAL); + }, HOLDING_CHANGE_THRESHOLD); + on("mouseup", document, clearMinusHoldTimeout, { + once: true + }); + } + function handleAddMousedown() { + clearAddHoldTimeout(); + firstAddMousedownId = window.setTimeout(() => { + addHoldStateIntervalId = window.setInterval(() => { + doAdd(); + }, HOLDING_CHANGE_INTERVAL); + }, HOLDING_CHANGE_THRESHOLD); + on("mouseup", document, clearAddHoldTimeout, { + once: true + }); + } + const handleAddClick = () => { + if (addHoldStateIntervalId) return; + doAdd(); + }; + const handleMinusClick = () => { + if (minusHoldStateIntervalId) return; + doMinus(); + }; + function handleKeyDown(e) { + var _a, _b; + if (e.key === "Enter") { + if (e.target === ((_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef)) { + return; + } + const value = deriveValueFromDisplayedValue({ + offset: 0, + doUpdateIfValid: true, + isInputing: false, + fixPrecision: true + }); + if (value !== false) { + (_b = inputInstRef.value) === null || _b === void 0 ? void 0 : _b.deactivate(); + } + } else if (e.key === "ArrowUp") { + if (!addableRef.value) return; + if (props.keyboard.ArrowUp === false) return; + e.preventDefault(); + const value = deriveValueFromDisplayedValue({ + offset: 0, + doUpdateIfValid: true, + isInputing: false, + fixPrecision: true + }); + if (value !== false) { + doAdd(); + } + } else if (e.key === "ArrowDown") { + if (!minusableRef.value) return; + if (props.keyboard.ArrowDown === false) return; + e.preventDefault(); + const value = deriveValueFromDisplayedValue({ + offset: 0, + doUpdateIfValid: true, + isInputing: false, + fixPrecision: true + }); + if (value !== false) { + doMinus(); + } + } + } + function handleUpdateDisplayedValue(value) { + displayedValueRef.value = value; + if (props.updateValueOnInput && !props.format && !props.parse && props.precision === void 0) { + deriveValueFromDisplayedValue({ + offset: 0, + doUpdateIfValid: true, + isInputing: true, + fixPrecision: false + }); + } + } + watch(mergedValueRef, () => { + deriveDisplayedValueFromValue(); + }); + const exposedMethods = { + focus: () => { + var _a; + return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus(); + }, + blur: () => { + var _a; + return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); + }, + select: () => { + var _a; + return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.select(); + } + }; + const rtlEnabledRef = useRtl("InputNumber", mergedRtlRef, mergedClsPrefixRef); + return Object.assign(Object.assign({}, exposedMethods), { + rtlEnabled: rtlEnabledRef, + inputInstRef, + minusButtonInstRef, + addButtonInstRef, + mergedClsPrefix: mergedClsPrefixRef, + mergedBordered: mergedBorderedRef, + uncontrolledValue: uncontrolledValueRef, + mergedValue: mergedValueRef, + mergedPlaceholder: mergedPlaceholderRef, + displayedValueInvalid: displayedValueInvalidRef, + mergedSize: mergedSizeRef, + mergedDisabled: mergedDisabledRef, + displayedValue: displayedValueRef, + addable: addableRef, + minusable: minusableRef, + mergedStatus: mergedStatusRef, + handleFocus, + handleBlur, + handleClear, + handleMouseDown, + handleAddClick, + handleMinusClick, + handleAddMousedown, + handleMinusMousedown, + handleKeyDown, + handleUpdateDisplayedValue, + // theme + mergedTheme: themeRef, + inputThemeOverrides: { + paddingSmall: "0 8px 0 10px", + paddingMedium: "0 8px 0 12px", + paddingLarge: "0 8px 0 14px" + }, + buttonThemeOverrides: computed(() => { + const { + self: { + iconColorDisabled + } + } = themeRef.value; + const [r, g, b, a] = rgba(iconColorDisabled); + return { + textColorTextDisabled: `rgb(${r}, ${g}, ${b})`, + opacityDisabled: `${a}` + }; + }) + }); + }, + render() { + const { + mergedClsPrefix, + $slots + } = this; + const renderMinusButton = () => { + return h(XButton, { + text: true, + disabled: !this.minusable || this.mergedDisabled || this.readonly, + focusable: false, + theme: this.mergedTheme.peers.Button, + themeOverrides: this.mergedTheme.peerOverrides.Button, + builtinThemeOverrides: this.buttonThemeOverrides, + onClick: this.handleMinusClick, + onMousedown: this.handleMinusMousedown, + ref: "minusButtonInstRef" + }, { + icon: () => resolveSlot($slots["minus-icon"], () => [h(NBaseIcon, { + clsPrefix: mergedClsPrefix + }, { + default: () => h(RemoveIcon, null) + })]) + }); + }; + const renderAddButton = () => { + return h(XButton, { + text: true, + disabled: !this.addable || this.mergedDisabled || this.readonly, + focusable: false, + theme: this.mergedTheme.peers.Button, + themeOverrides: this.mergedTheme.peerOverrides.Button, + builtinThemeOverrides: this.buttonThemeOverrides, + onClick: this.handleAddClick, + onMousedown: this.handleAddMousedown, + ref: "addButtonInstRef" + }, { + icon: () => resolveSlot($slots["add-icon"], () => [h(NBaseIcon, { + clsPrefix: mergedClsPrefix + }, { + default: () => h(AddIcon, null) + })]) + }); + }; + return h("div", { + class: [`${mergedClsPrefix}-input-number`, this.rtlEnabled && `${mergedClsPrefix}-input-number--rtl`] + }, h(__unplugin_components_1$1, { + ref: "inputInstRef", + autofocus: this.autofocus, + status: this.mergedStatus, + bordered: this.mergedBordered, + loading: this.loading, + value: this.displayedValue, + onUpdateValue: this.handleUpdateDisplayedValue, + theme: this.mergedTheme.peers.Input, + themeOverrides: this.mergedTheme.peerOverrides.Input, + builtinThemeOverrides: this.inputThemeOverrides, + size: this.mergedSize, + placeholder: this.mergedPlaceholder, + disabled: this.mergedDisabled, + readonly: this.readonly, + round: this.round, + textDecoration: this.displayedValueInvalid ? "line-through" : void 0, + onFocus: this.handleFocus, + onBlur: this.handleBlur, + onKeydown: this.handleKeyDown, + onMousedown: this.handleMouseDown, + onClear: this.handleClear, + clearable: this.clearable, + inputProps: this.inputProps, + internalLoadingBeforeSuffix: true + }, { + prefix: () => { + var _a; + return this.showButton && this.buttonPlacement === "both" ? [renderMinusButton(), resolveWrappedSlot($slots.prefix, (children) => { + if (children) { + return h("span", { + class: `${mergedClsPrefix}-input-number-prefix` + }, children); + } + return null; + })] : (_a = $slots.prefix) === null || _a === void 0 ? void 0 : _a.call($slots); + }, + suffix: () => { + var _a; + return this.showButton ? [resolveWrappedSlot($slots.suffix, (children) => { + if (children) { + return h("span", { + class: `${mergedClsPrefix}-input-number-suffix` + }, children); + } + return null; + }), this.buttonPlacement === "right" ? renderMinusButton() : null, renderAddButton()] : (_a = $slots.suffix) === null || _a === void 0 ? void 0 : _a.call($slots); + } + })); + } +}); +const _hoisted_1 = { class: "set-page" }; +const _hoisted_2 = { class: "set-item" }; +const _hoisted_3 = { + key: 0, + class: "set-item" +}; +const _hoisted_4 = { class: "set-item" }; +const _hoisted_5 = { class: "flex items-center gap-2" }; +const _hoisted_6 = { class: "text-sm text-gray-400" }; +const _hoisted_7 = { class: "w-40" }; +const _hoisted_8 = { class: "set-item" }; +const _hoisted_9 = { class: "set-item-content" }; +const _hoisted_10 = { class: "flex items-center gap-2" }; +const _hoisted_11 = { class: "set-item" }; +const _sfc_main = /* @__PURE__ */ defineComponent({ + __name: "index", + setup(__props) { + const store = useStore(); + const checking = ref(false); + const updateInfo = ref({ + hasUpdate: false, + latestVersion: "", + currentVersion: config.version, + releaseInfo: null + }); + const setData = computed(() => store.state.setData); + watch(() => setData.value, (newVal) => { + store.commit("setSetData", newVal); + }, { deep: true }); + const isDarkTheme = computed({ + get: () => store.state.theme === "dark", + set: () => store.commit("toggleTheme") + }); + const openAuthor = () => { + window.open(setData.value.authorUrl); + }; + const restartApp = () => { + window.electron.ipcRenderer.send("restart"); + }; + const checkForUpdates = async () => { + checking.value = true; + try { + const result = await checkUpdate(); + updateInfo.value = result; + } finally { + checking.value = false; + } + }; + const openReleasePage = () => { + window.open("https://github.com/algerkong/AlgerMusicPlayer/releases/latest"); + }; + onMounted(() => { + checkForUpdates(); + }); + return (_ctx, _cache) => { + const _component_n_switch = __unplugin_components_3; + const _component_n_input_number = __unplugin_components_1; + const _component_n_slider = __unplugin_components_0; + const _component_n_tag = __unplugin_components_4; + const _component_n_button = Button; + const _component_n_scrollbar = Scrollbar; + return openBlock(), createBlock(_component_n_scrollbar, null, { + default: withCtx(() => [ + createBaseVNode("div", _hoisted_1, [ + createBaseVNode("div", _hoisted_2, [ + _cache[5] || (_cache[5] = createBaseVNode("div", null, [ + createBaseVNode("div", { class: "set-item-title" }, "主题模式"), + createBaseVNode("div", { class: "set-item-content" }, "切换日间/夜间主题") + ], -1)), + createVNode(_component_n_switch, { + value: isDarkTheme.value, + "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isDarkTheme.value = $event) + }, { + checked: withCtx(() => _cache[3] || (_cache[3] = [ + createBaseVNode("i", { class: "ri-moon-line" }, null, -1) + ])), + unchecked: withCtx(() => _cache[4] || (_cache[4] = [ + createBaseVNode("i", { class: "ri-sun-line" }, null, -1) + ])), + _: 1 + }, 8, ["value"]) + ]), + unref(isElectron) ? (openBlock(), createElementBlock("div", _hoisted_3, [ + _cache[6] || (_cache[6] = createBaseVNode("div", null, [ + createBaseVNode("div", { class: "set-item-title" }, "音乐API端口"), + createBaseVNode("div", { class: "set-item-content" }, " 修改后需要重启应用 ") + ], -1)), + createVNode(_component_n_input_number, { + value: setData.value.musicApiPort, + "onUpdate:value": _cache[1] || (_cache[1] = ($event) => setData.value.musicApiPort = $event) + }, null, 8, ["value"]) + ])) : createCommentVNode("", true), + createBaseVNode("div", _hoisted_4, [ + _cache[7] || (_cache[7] = createBaseVNode("div", null, [ + createBaseVNode("div", { class: "set-item-title" }, "动画速度"), + createBaseVNode("div", { class: "set-item-content" }, "调节动画播放速度") + ], -1)), + createBaseVNode("div", _hoisted_5, [ + createBaseVNode("span", _hoisted_6, toDisplayString(setData.value.animationSpeed) + "x", 1), + createBaseVNode("div", _hoisted_7, [ + createVNode(_component_n_slider, { + value: setData.value.animationSpeed, + "onUpdate:value": _cache[2] || (_cache[2] = ($event) => setData.value.animationSpeed = $event), + min: 0.1, + max: 3, + step: 0.1, + marks: { + 0.1: "极慢", + 1: "正常", + 3: "极快" + }, + disabled: setData.value.noAnimate, + class: "w-40" + }, null, 8, ["value", "disabled"]) + ]) + ]) + ]), + createBaseVNode("div", _hoisted_8, [ + createBaseVNode("div", null, [ + _cache[8] || (_cache[8] = createBaseVNode("div", { class: "set-item-title" }, "版本", -1)), + createBaseVNode("div", _hoisted_9, [ + createTextVNode(toDisplayString(updateInfo.value.currentVersion) + " ", 1), + updateInfo.value.hasUpdate ? (openBlock(), createBlock(_component_n_tag, { + key: 0, + type: "success", + class: "ml-2" + }, { + default: withCtx(() => [ + createTextVNode("发现新版本 " + toDisplayString(updateInfo.value.latestVersion), 1) + ]), + _: 1 + })) : createCommentVNode("", true) + ]) + ]), + createBaseVNode("div", _hoisted_10, [ + createVNode(_component_n_button, { + type: updateInfo.value.hasUpdate ? "primary" : "default", + size: "small", + loading: checking.value, + onClick: checkForUpdates + }, { + default: withCtx(() => [ + createTextVNode(toDisplayString(checking.value ? "检查中..." : "检查更新"), 1) + ]), + _: 1 + }, 8, ["type", "loading"]), + updateInfo.value.hasUpdate ? (openBlock(), createBlock(_component_n_button, { + key: 0, + type: "success", + size: "small", + onClick: openReleasePage + }, { + default: withCtx(() => _cache[9] || (_cache[9] = [ + createTextVNode(" 前往更新 ") + ])), + _: 1 + })) : createCommentVNode("", true) + ]) + ]), + createBaseVNode("div", { + class: "set-item cursor-pointer hover:text-green-500 hover:bg-green-950 transition-all", + onClick: openAuthor + }, [ + _cache[10] || (_cache[10] = createBaseVNode("div", null, [ + createBaseVNode("div", { class: "set-item-title" }, "作者"), + createBaseVNode("div", { class: "set-item-content" }, "algerkong github") + ], -1)), + createBaseVNode("div", null, toDisplayString(setData.value.author), 1) + ]), + createBaseVNode("div", _hoisted_11, [ + _cache[12] || (_cache[12] = createBaseVNode("div", null, [ + createBaseVNode("div", { class: "set-item-title" }, "重启"), + createBaseVNode("div", { class: "set-item-content" }, "重启应用") + ], -1)), + createVNode(_component_n_button, { + type: "primary", + onClick: restartApp + }, { + default: withCtx(() => _cache[11] || (_cache[11] = [ + createTextVNode("重启") + ])), + _: 1 + }) + ]) + ]), + createVNode(PlayBottom) + ]), + _: 1 + }); + }; + } +}); +const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0331ad9e"]]); +export { + index as default +}; diff --git a/out/renderer/assets/index-RCxsGzpS.js.gz b/out/renderer/assets/index-RCxsGzpS.js.gz new file mode 100644 index 0000000..4229d8a Binary files /dev/null and b/out/renderer/assets/index-RCxsGzpS.js.gz differ diff --git a/out/renderer/assets/index-SvIREzLs.js b/out/renderer/assets/index-SvIREzLs.js new file mode 100644 index 0000000..866b6be --- /dev/null +++ b/out/renderer/assets/index-SvIREzLs.js @@ -0,0 +1,216 @@ +import { d as defineComponent, r as ref, E as watch, o as onMounted, G as computed, c as createElementBlock, b as createBaseVNode, e as createVNode, f as withCtx, S as Scrollbar, g as useStore, ae as audioService, ab as resolveDirective, j as openBlock, a3 as Fragment, a4 as renderList, n as normalizeClass, u as unref, s as setAnimationClass, a2 as normalizeStyle, t as toDisplayString, w as withDirectives, a7 as getImgUrl, ai as formatNumber, T as createCommentVNode, a5 as setAnimationDelay, _ as _export_sfc } from "./index-DKaFsuse.js"; +import { g as getTopMv, a as getAllMv, M as MvPlayer } from "./MvPlayer-I4IDK1xL.js"; +import { N as NImage } from "./Image-DXClIklC.js"; +import "./Icon-DucaliTK.js"; +import "./Slider-BA6NituQ.js"; +import "./use-locale-DLWAOXez.js"; +import "./Drawer-BEJ8Ydua.js"; +import "./Ellipsis-D4R5dIX2.js"; +const _hoisted_1 = { class: "mv-list" }; +const _hoisted_2 = { class: "play-list-type" }; +const _hoisted_3 = { class: "categories-wrapper" }; +const _hoisted_4 = ["onClick"]; +const _hoisted_5 = ["onClick"]; +const _hoisted_6 = { class: "top" }; +const _hoisted_7 = { class: "play-count" }; +const _hoisted_8 = { class: "mv-item-title" }; +const _hoisted_9 = { + key: 0, + class: "loading-more" +}; +const _hoisted_10 = { + key: 1, + class: "no-more" +}; +const _sfc_main = /* @__PURE__ */ defineComponent({ + ...{ + name: "Mv" + }, + __name: "index", + setup(__props) { + const showMv = ref(false); + const mvList = ref([]); + const playMvItem = ref(); + const store = useStore(); + const initLoading = ref(false); + const loadingMore = ref(false); + const currentIndex = ref(0); + const offset = ref(0); + const limit = ref(42); + const hasMore = ref(true); + const categories = [ + { label: "全部", value: "全部" }, + { label: "内地", value: "内地" }, + { label: "港台", value: "港台" }, + { label: "欧美", value: "欧美" }, + { label: "日本", value: "日本" }, + { label: "韩国", value: "韩国" } + ]; + const selectedCategory = ref("全部"); + watch(selectedCategory, async () => { + offset.value = 0; + mvList.value = []; + hasMore.value = true; + await loadMvList(); + }); + const getAnimationDelay = (index2) => { + const currentPageIndex = index2 % limit.value; + return setAnimationDelay(currentPageIndex, 30); + }; + onMounted(async () => { + await loadMvList(); + }); + const handleShowMv = async (item, index2) => { + store.commit("setIsPlay", false); + store.commit("setPlayMusic", false); + audioService.getCurrentSound()?.pause(); + showMv.value = true; + currentIndex.value = index2; + playMvItem.value = item; + }; + const playPrevMv = async (setLoading) => { + try { + if (currentIndex.value > 0) { + const prevItem = mvList.value[currentIndex.value - 1]; + await handleShowMv(prevItem, currentIndex.value - 1); + } + } finally { + setLoading(false); + } + }; + const playNextMv = async (setLoading) => { + try { + if (currentIndex.value < mvList.value.length - 1) { + const nextItem = mvList.value[currentIndex.value + 1]; + await handleShowMv(nextItem, currentIndex.value + 1); + } else if (hasMore.value) { + await loadMvList(); + if (mvList.value.length > currentIndex.value + 1) { + const nextItem = mvList.value[currentIndex.value + 1]; + await handleShowMv(nextItem, currentIndex.value + 1); + } else { + showMv.value = false; + } + } else { + showMv.value = false; + } + } catch (error) { + console.error("加载更多MV失败:", error); + showMv.value = false; + } finally { + setLoading(false); + } + }; + const loadMvList = async () => { + try { + if (!hasMore.value || loadingMore.value) return; + if (offset.value === 0) { + initLoading.value = true; + } else { + loadingMore.value = true; + } + const params = { + limit: limit.value, + offset: offset.value, + area: selectedCategory.value === "全部" ? "" : selectedCategory.value + }; + const res = selectedCategory.value === "全部" ? await getTopMv(params) : await getAllMv(params); + const { data } = res.data; + mvList.value.push(...data); + hasMore.value = data.length === limit.value; + offset.value += limit.value; + } finally { + initLoading.value = false; + loadingMore.value = false; + } + }; + const handleScroll = (e) => { + const target = e.target; + const { scrollTop, clientHeight, scrollHeight } = target; + const threshold = 100; + if (scrollHeight - (scrollTop + clientHeight) < threshold) { + loadMvList(); + } + }; + const isPrevDisabled = computed(() => currentIndex.value === 0); + return (_ctx, _cache) => { + const _component_n_scrollbar = Scrollbar; + const _component_n_image = NImage; + const _directive_loading = resolveDirective("loading"); + return openBlock(), createElementBlock("div", _hoisted_1, [ + createBaseVNode("div", _hoisted_2, [ + createVNode(_component_n_scrollbar, { "x-scrollable": "" }, { + default: withCtx(() => [ + createBaseVNode("div", _hoisted_3, [ + (openBlock(), createElementBlock(Fragment, null, renderList(categories, (category, index2) => { + return createBaseVNode("span", { + key: category.value, + class: normalizeClass(["play-list-type-item", [ + unref(setAnimationClass)("animate__bounceIn"), + { active: selectedCategory.value === category.value } + ]]), + style: normalizeStyle(getAnimationDelay(index2)), + onClick: ($event) => selectedCategory.value = category.value + }, toDisplayString(category.label), 15, _hoisted_4); + }), 64)) + ]) + ]), + _: 1 + }) + ]), + createVNode(_component_n_scrollbar, { + size: 100, + onScroll: handleScroll + }, { + default: withCtx(() => [ + withDirectives((openBlock(), createElementBlock("div", { + class: normalizeClass(["mv-list-content", unref(setAnimationClass)("animate__bounceInLeft")]) + }, [ + (openBlock(true), createElementBlock(Fragment, null, renderList(mvList.value, (item, index2) => { + return openBlock(), createElementBlock("div", { + key: item.id, + class: normalizeClass(["mv-item", unref(setAnimationClass)("animate__bounceIn")]), + style: normalizeStyle(getAnimationDelay(index2)) + }, [ + createBaseVNode("div", { + class: "mv-item-img", + onClick: ($event) => handleShowMv(item, index2) + }, [ + createVNode(_component_n_image, { + class: "mv-item-img-img", + src: unref(getImgUrl)(item.cover, "320y180"), + lazy: "", + "preview-disabled": "" + }, null, 8, ["src"]), + createBaseVNode("div", _hoisted_6, [ + createBaseVNode("div", _hoisted_7, toDisplayString(unref(formatNumber)(item.playCount)), 1), + _cache[1] || (_cache[1] = createBaseVNode("i", { class: "iconfont icon-videofill" }, null, -1)) + ]) + ], 8, _hoisted_5), + createBaseVNode("div", _hoisted_8, toDisplayString(item.name), 1) + ], 6); + }), 128)), + loadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_9, "加载中...")) : createCommentVNode("", true), + !hasMore.value && !initLoading.value ? (openBlock(), createElementBlock("div", _hoisted_10, "没有更多了")) : createCommentVNode("", true) + ], 2)), [ + [_directive_loading, initLoading.value] + ]) + ]), + _: 1 + }), + createVNode(MvPlayer, { + show: showMv.value, + "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showMv.value = $event), + "current-mv": playMvItem.value, + "is-prev-disabled": isPrevDisabled.value, + onNext: playNextMv, + onPrev: playPrevMv + }, null, 8, ["show", "current-mv", "is-prev-disabled"]) + ]); + }; + } +}); +const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7366dc5a"]]); +export { + index as default +}; diff --git a/out/renderer/assets/index-SvIREzLs.js.gz b/out/renderer/assets/index-SvIREzLs.js.gz new file mode 100644 index 0000000..12f4ff8 Binary files /dev/null and b/out/renderer/assets/index-SvIREzLs.js.gz differ diff --git a/out/renderer/assets/index-b8HibJP6.css b/out/renderer/assets/index-b8HibJP6.css new file mode 100644 index 0000000..db907d8 --- /dev/null +++ b/out/renderer/assets/index-b8HibJP6.css @@ -0,0 +1,214 @@ +.mv-list[data-v-7366dc5a] { + display: flex; + height: 100%; + flex: 1 1 0%; + flex-direction: column; + overflow: hidden; +} +.mv-list-title[data-v-7366dc5a] { + padding-bottom: 0.5rem; + font-size: 1.25rem; + line-height: 1.75rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.mv-list-title[data-v-7366dc5a]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.mv-list .play-list-type .title[data-v-7366dc5a] { + margin-bottom: 0.5rem; + font-size: 1.125rem; + line-height: 1.75rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.mv-list .play-list-type .title[data-v-7366dc5a]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.mv-list .play-list-type .categories-wrapper[data-v-7366dc5a] { + display: flex; + align-items: center; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + white-space: nowrap; +} +.mv-list .play-list-type-item[data-v-7366dc5a] { + margin-right: 0.75rem; + display: inline-block; + cursor: pointer; + border-radius: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 300ms; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.mv-list .play-list-type-item[data-v-7366dc5a]:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.mv-list .play-list-type-item[data-v-7366dc5a] { + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); +} +.mv-list .play-list-type-item[data-v-7366dc5a]:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} +.mv-list .play-list-type-item[data-v-7366dc5a]:hover { + --tw-bg-opacity: 1; + background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); +} +.mv-list .play-list-type-item[data-v-7366dc5a]:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1)); +} +.mv-list .play-list-type-item.active[data-v-7366dc5a] { + --tw-border-opacity: 1; + border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.mv-list-content[data-v-7366dc5a] { + margin-top: 0.5rem; + display: grid; + gap: 1rem; + padding-bottom: 7rem; + padding-right: 1rem; + grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); +} +.mv-list .mv-item[data-v-7366dc5a] { + border-radius: 0.5rem; + padding: 0.5rem; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); +} +.mv-list .mv-item[data-v-7366dc5a]:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); +} +.mv-list .mv-item[data-v-7366dc5a] { + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); +} +.mv-list .mv-item[data-v-7366dc5a]:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} +.mv-list .mv-item-img[data-v-7366dc5a] { + position: relative; + overflow: hidden; + border-radius: 0.5rem; + aspect-ratio: 16/9; + line-height: 0; +} +.mv-list .mv-item-img:hover img[data-v-7366dc5a] { + -o-object-position: top; + object-position: top; + transition-property: all; + transition-duration: 300ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mv-list .mv-item-img:hover img[data-v-7366dc5a]:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.mv-list .mv-item-img-img[data-v-7366dc5a] { + height: 100%; + width: 100%; + overflow: hidden; + border-radius: 0.5rem; + -o-object-fit: cover; + object-fit: cover; +} +.mv-list .mv-item-img .top[data-v-7366dc5a] { + position: absolute; + top: 0px; + left: 0px; + display: flex; + height: 100%; + width: 100%; + cursor: pointer; + align-items: center; + justify-content: center; + transition-property: all; + transition-duration: 300ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); + --tw-bg-opacity: 0.6; + opacity: 0; +} +.mv-list .mv-item-img .top i[data-v-7366dc5a] { + font-size: 2.25rem; + line-height: 2.5rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.mv-list .mv-item-img .top .play-count[data-v-7366dc5a] { + position: absolute; + top: 0.5rem; + right: 0.5rem; + font-size: 0.875rem; + line-height: 1.25rem; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); + --tw-text-opacity: 0.9; +} +.mv-list .mv-item-img .top[data-v-7366dc5a]:hover { + opacity: 1; +} +.mv-list .mv-item-title[data-v-7366dc5a] { + margin-top: 0.5rem; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.mv-list .mv-item-title[data-v-7366dc5a]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} +.loading-more[data-v-7366dc5a] { + grid-column: 1 / -1; + padding-top: 1rem; + padding-bottom: 1rem; + text-align: center; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} +.loading-more[data-v-7366dc5a]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +.no-more[data-v-7366dc5a] { + grid-column: 1 / -1; + padding-top: 1rem; + padding-bottom: 1rem; + text-align: center; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} +.no-more[data-v-7366dc5a]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} \ No newline at end of file diff --git a/out/renderer/assets/index-b8HibJP6.css.gz b/out/renderer/assets/index-b8HibJP6.css.gz new file mode 100644 index 0000000..1099eaa Binary files /dev/null and b/out/renderer/assets/index-b8HibJP6.css.gz differ diff --git a/out/renderer/assets/index-s6QFASec.css b/out/renderer/assets/index-s6QFASec.css new file mode 100644 index 0000000..edc79b7 --- /dev/null +++ b/out/renderer/assets/index-s6QFASec.css @@ -0,0 +1,228 @@ +.list-page[data-v-f9f1189c] { + position: relative; + height: 100%; + width: 100%; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) +}.list-page[data-v-f9f1189c]:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) +} +.recommend[data-v-f9f1189c] { + height: 100%; + width: 100% +} +.recommend-title[data-v-f9f1189c] { + padding-bottom: 0.5rem; + font-size: 1.125rem; + line-height: 1.75rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)) +} +.recommend-title[data-v-f9f1189c]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)) +} +.recommend-list[data-v-f9f1189c] { + display: grid; + -moz-column-gap: 2rem; + column-gap: 2rem; + row-gap: 1.5rem; + padding-bottom: 7rem; + padding-right: 1rem; + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) +} +.recommend-item[data-v-f9f1189c] { + display: flex; + flex-direction: column +} +.recommend-item-img[data-v-f9f1189c] { + position: relative; + aspect-ratio: 1 / 1; + width: 100%; + overflow: hidden; + border-radius: 0.75rem +} +.recommend-item-img-img[data-v-f9f1189c] { + display: block; + height: 100%; + width: 100% +} +.recommend-item-img img[data-v-f9f1189c] { + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + border-radius: 0.75rem; + -o-object-fit: cover; + object-fit: cover +} +.recommend-item-img:hover img[data-v-f9f1189c] { + transition-property: all; + transition-duration: 300ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) +} +.recommend-item-img:hover img[data-v-f9f1189c]:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.recommend-item-img .top[data-v-f9f1189c] { + position: absolute; + top: 0px; + left: 0px; + display: flex; + height: 100%; + width: 100%; + cursor: pointer; + align-items: center; + justify-content: center; + transition-property: all; + transition-duration: 300ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); + --tw-bg-opacity: 0.5; + opacity: 0 +} +.recommend-item-img .top i[data-v-f9f1189c] { + font-size: 3rem; + line-height: 1; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); + opacity: 0; + transition-property: all; + transition-duration: 500ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) +} +.recommend-item-img .top[data-v-f9f1189c]:hover { + opacity: 1 +} +.recommend-item-img .top:hover i[data-v-f9f1189c] { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + opacity: 1 +} +.recommend-item-img .top .play-count[data-v-f9f1189c] { + position: absolute; + top: 0.5rem; + left: 0.5rem; + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)) +} +.recommend-item-title[data-v-f9f1189c] { + margin-top: 0.5rem; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)) +} +.recommend-item-title[data-v-f9f1189c]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)) +} +.loading-more[data-v-f9f1189c] { + display: flex; + align-items: center; + justify-content: center; + padding-top: 1rem; + padding-bottom: 1rem; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)) +} +.loading-more[data-v-f9f1189c]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)) +} +.no-more[data-v-f9f1189c] { + padding-top: 1rem; + padding-bottom: 1rem; + text-align: center; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)) +} +.no-more[data-v-f9f1189c]:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)) +} +.mobile .recommend-title[data-v-f9f1189c] { + padding-left: 1rem; + padding-right: 1rem; + font-size: 1.25rem; + line-height: 1.75rem; + font-weight: 700 +} +.mobile .recommend-list[data-v-f9f1189c] { + gap: 1rem; + padding-left: 1rem; + padding-right: 1rem; + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) +} +.play-list-type .categories-wrapper[data-v-f9f1189c] { + display: flex; + align-items: center; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + white-space: nowrap +} +.play-list-type-item[data-v-f9f1189c] { + margin-right: 0.75rem; + display: inline-block; + cursor: pointer; + border-radius: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 300ms; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)) +} +.play-list-type-item[data-v-f9f1189c]:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)) +} +.play-list-type-item[data-v-f9f1189c] { + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) +} +.play-list-type-item[data-v-f9f1189c]:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)) +} +.play-list-type-item[data-v-f9f1189c]:hover { + --tw-bg-opacity: 1; + background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) +} +.play-list-type-item[data-v-f9f1189c]:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1)) +} +.play-list-type-item.active[data-v-f9f1189c] { + --tw-border-opacity: 1; + border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)) +} +.mobile .play-list-type[data-v-f9f1189c] { + margin-left: 0px; + margin-right: 0px; + width: 100% +} \ No newline at end of file diff --git a/out/renderer/assets/index-s6QFASec.css.gz b/out/renderer/assets/index-s6QFASec.css.gz new file mode 100644 index 0000000..c32b54c Binary files /dev/null and b/out/renderer/assets/index-s6QFASec.css.gz differ diff --git a/out/renderer/assets/login-BsPxQYi6.js b/out/renderer/assets/login-BsPxQYi6.js new file mode 100644 index 0000000..c9341fa --- /dev/null +++ b/out/renderer/assets/login-BsPxQYi6.js @@ -0,0 +1,38 @@ +import { as as inject, bi as throwError, bj as messageApiInjectionKey, ad as request } from "./index-DKaFsuse.js"; +function useMessage() { + const api = inject(messageApiInjectionKey, null); + if (api === null) { + throwError("use-message", "No outer
-
+
@@ -111,7 +125,11 @@
-
+
@@ -124,7 +142,9 @@
-
+
@@ -181,7 +201,7 @@ import { IMvItem } from '@/type/mv';
type PlayMode = 'single' | 'auto';
const PLAY_MODE = {
Single: 'single' as PlayMode,
- Auto: 'auto' as PlayMode,
+ Auto: 'auto' as PlayMode
} as const;
const props = withDefaults(
@@ -193,8 +213,8 @@ const props = withDefaults(
{
show: false,
currentMv: undefined,
- noList: false,
- },
+ noList: false
+ }
);
const emit = defineEmits<{
@@ -310,7 +330,7 @@ watch(
if (newMv) {
await loadMvUrl(newMv);
}
- },
+ }
);
const autoPlayBlocked = ref(false);
@@ -383,11 +403,21 @@ const checkFullscreenAPI = () => {
(videoContainerRef.value as any)?.webkitRequestFullscreen ||
(videoContainerRef.value as any)?.mozRequestFullScreen ||
(videoContainerRef.value as any)?.msRequestFullscreen,
- exitFullscreen: doc.exitFullscreen || doc.webkitExitFullscreen || doc.mozCancelFullScreen || doc.msExitFullscreen,
+ exitFullscreen:
+ doc.exitFullscreen ||
+ doc.webkitExitFullscreen ||
+ doc.mozCancelFullScreen ||
+ doc.msExitFullscreen,
fullscreenElement:
- doc.fullscreenElement || doc.webkitFullscreenElement || doc.mozFullScreenElement || doc.msFullscreenElement,
+ doc.fullscreenElement ||
+ doc.webkitFullscreenElement ||
+ doc.mozFullScreenElement ||
+ doc.msFullscreenElement,
fullscreenEnabled:
- doc.fullscreenEnabled || doc.webkitFullscreenEnabled || doc.mozFullScreenEnabled || doc.msFullscreenEnabled,
+ doc.fullscreenEnabled ||
+ doc.webkitFullscreenEnabled ||
+ doc.mozFullScreenEnabled ||
+ doc.msFullscreenEnabled
};
};
diff --git a/src/components/PlaylistType.vue b/src/renderer/components/PlaylistType.vue
similarity index 91%
rename from src/components/PlaylistType.vue
rename to src/renderer/components/PlaylistType.vue
index 1a3f3b4..ccc76d4 100644
--- a/src/components/PlaylistType.vue
+++ b/src/renderer/components/PlaylistType.vue
@@ -13,7 +13,7 @@
? 'animate__bounceIn'
: !isShowAllPlaylistCategory
? 'animate__backOutLeft'
- : 'animate__bounceIn',
+ : 'animate__bounceIn'
) +
' ' +
'type-item-' +
@@ -27,7 +27,11 @@
@@ -96,14 +102,22 @@
-
+
{{ volume === 0 ? '取消静音' : '静音' }}
-
{{ !isShowAllPlaylistCategory ? '显示全部' : '隐藏一些' }}
@@ -63,8 +67,8 @@ const getAnimationDelay = computed(() => {
watch(isShowAllPlaylistCategory, (newVal) => {
if (!newVal) {
- const elements = playlistCategory.value?.sub.map((item, index) =>
- document.querySelector(`.type-item-${index}`),
+ const elements = playlistCategory.value?.sub.map((_, index) =>
+ document.querySelector(`.type-item-${index}`)
) as HTMLElement[];
elements
.slice(20)
@@ -75,7 +79,7 @@ watch(isShowAllPlaylistCategory, (newVal) => {
() => {
(element as HTMLElement).style.position = 'absolute';
},
- index * DELAY_TIME + 400,
+ index * DELAY_TIME + 400
);
}
});
@@ -90,7 +94,7 @@ watch(isShowAllPlaylistCategory, (newVal) => {
}
});
},
- (playlistCategory.value?.sub.length || 0 - 19) * DELAY_TIME,
+ (playlistCategory.value?.sub.length || 0 - 19) * DELAY_TIME
);
} else {
document.querySelectorAll('.play-list-type-item').forEach((element) => {
@@ -112,8 +116,8 @@ const handleClickPlaylistType = (type: string) => {
router.push({
path: '/list',
query: {
- type,
- },
+ type
+ }
});
};
diff --git a/src/components/RecommendAlbum.vue b/src/renderer/components/RecommendAlbum.vue
similarity index 96%
rename from src/components/RecommendAlbum.vue
rename to src/renderer/components/RecommendAlbum.vue
index 93e483f..1b27909 100644
--- a/src/components/RecommendAlbum.vue
+++ b/src/renderer/components/RecommendAlbum.vue
@@ -38,6 +38,7 @@ import { getNewAlbum } from '@/api/home';
import { getAlbum } from '@/api/list';
import type { IAlbumNew } from '@/type/album';
import { getImgUrl, setAnimationClass, setAnimationDelay } from '@/utils';
+import MusicList from '@/components/MusicList.vue';
const albumData = ref();
const loadAlbumList = async () => {
@@ -65,9 +66,9 @@ const handleClick = async (item: any) => {
...res.data.album,
creator: {
avatarUrl: res.data.album.artist.img1v1Url,
- nickname: `${res.data.album.artist.name} - ${res.data.album.company}`,
+ nickname: `${res.data.album.artist.name} - ${res.data.album.company}`
},
- description: res.data.album.description,
+ description: res.data.album.description
};
loadingList.value = false;
};
diff --git a/src/components/RecommendSinger.vue b/src/renderer/components/RecommendSinger.vue
similarity index 85%
rename from src/components/RecommendSinger.vue
rename to src/renderer/components/RecommendSinger.vue
index d0ca935..1c01f5b 100644
--- a/src/components/RecommendSinger.vue
+++ b/src/renderer/components/RecommendSinger.vue
@@ -10,7 +10,9 @@
:style="setAnimationDelay(0, 100)"
>
每日推荐
-
+
{{ item.name }}
{{ item.musicSize }}首
+
+
+ {{ item.musicSize }}首
+
@@ -68,6 +79,7 @@ import router from '@/router';
import { IDayRecommend } from '@/type/day_recommend';
import type { IHotSinger } from '@/type/singer';
import { getImgUrl, setAnimationClass, setAnimationDelay, setBackgroundImg } from '@/utils';
+import MusicList from '@/components/MusicList.vue';
const store = useStore();
@@ -88,13 +100,13 @@ const loadData = async () => {
// 第二个请求：获取每日推荐
try {
const {
- data: { data: dayRecommend },
+ data: { data: dayRecommend }
} = await getDayRecommend();
// 处理数据
if (dayRecommend) {
singerData.artists = singerData.artists.slice(0, 4);
}
- dayRecommendData.value = dayRecommend;
+ dayRecommendData.value = dayRecommend as unknown as IDayRecommend;
} catch (error) {
console.error('error', error);
}
@@ -109,8 +121,8 @@ const toSearchSinger = (keyword: string) => {
router.push({
path: '/search',
query: {
- keyword,
- },
+ keyword
+ }
});
};
diff --git a/src/components/RecommendSonglist.vue b/src/renderer/components/RecommendSonglist.vue
similarity index 92%
rename from src/components/RecommendSonglist.vue
rename to src/renderer/components/RecommendSonglist.vue
index aef0150..514dcf0 100644
--- a/src/components/RecommendSonglist.vue
+++ b/src/renderer/components/RecommendSonglist.vue
@@ -9,7 +9,10 @@
>
-
+
+
@@ -18,7 +24,10 @@
下载遇到问题？去
- GitHub
下载最新版本
@@ -31,11 +40,11 @@
diff --git a/src/components/common/PlayListsItem.vue b/src/renderer/components/common/PlayListsItem.vue
similarity index 100%
rename from src/components/common/PlayListsItem.vue
rename to src/renderer/components/common/PlayListsItem.vue
diff --git a/src/components/common/SearchItem.vue b/src/renderer/components/common/SearchItem.vue
similarity index 88%
rename from src/components/common/SearchItem.vue
rename to src/renderer/components/common/SearchItem.vue
index b261a43..9bdb252 100644
--- a/src/components/common/SearchItem.vue
+++ b/src/renderer/components/common/SearchItem.vue
@@ -1,7 +1,11 @@
当前版本 {{ updateInfo.currentVersion }}
+ 下载遇到问题？去
+ GitHub
+ 下载最新版本
+
-
@@ -31,6 +40,7 @@ import MvPlayer from '@/components/MvPlayer.vue';
import { audioService } from '@/services/audioService';
import { IMvItem } from '@/type/mv';
import { getImgUrl } from '@/utils';
+import MusicList from '../MusicList.vue';
const props = defineProps<{
item: {
@@ -50,7 +60,7 @@ const listInfo = ref
@@ -19,7 +23,12 @@
:list-info="listInfo"
:cover="false"
/>
-
-
@@ -27,8 +30,11 @@
-
@@ -36,7 +42,11 @@
store.state.play as boolean);
const playMusic = computed(() => store.state.playMusic);
-const playLoading = computed(() => playMusic.value.id === props.item.id && playMusic.value.playLoading);
+const playLoading = computed(
+ () => playMusic.value.id === props.item.id && playMusic.value.playLoading
+);
// 判断是否为正在播放的音乐
const isPlaying = computed(() => {
@@ -95,7 +107,7 @@ const imageLoad = async () => {
return;
}
const { backgroundColor } = await getImageBackground(
- (songImageRef.value as any).imageRef as unknown as HTMLImageElement,
+ (songImageRef.value as any).imageRef as unknown as HTMLImageElement
);
// eslint-disable-next-line vue/no-mutating-props
props.item.backgroundColor = backgroundColor;
diff --git a/src/renderer/components/common/UpdateModal.vue b/src/renderer/components/common/UpdateModal.vue
new file mode 100644
index 0000000..f7d4c19
--- /dev/null
+++ b/src/renderer/components/common/UpdateModal.vue
@@ -0,0 +1,243 @@
+
+
+
+
+
+
+
+ 
+
+
+ 发现新版本 {{ updateInfo.latestVersion }}
+
+
+ 更新内容：
+
+
+
+
+