Skip to content

feat: 新增当前播放列表功能#2789

Open
sunny1028 wants to merge 57 commits into
lyswhut:masterfrom
sunny1028:master
Open

feat: 新增当前播放列表功能#2789
sunny1028 wants to merge 57 commits into
lyswhut:masterfrom
sunny1028:master

Conversation

@sunny1028
Copy link
Copy Markdown

概要

  • 新增“当前播放列表”入口,放在底部播放栏,使用弹层展示当前实际播放队列
  • 队列按“稍后播放”和“当前歌单”分区展示,支持高亮当前播放项,并可点击任意歌曲直接切换播放
  • 为“稍后播放”提供删除、清空、拖拽排序能力,且这些操作只影响临时队列,不会修改原歌单
  • 抽离播放队列计算逻辑并补充对应测试
  • 修复开发过程中暴露的若干运行时问题,包括 Sortable 重复挂载、弹层关闭卸载异常,以及相关空节点访问问题

具体改动

  • 在播放栏增加当前播放列表按钮
  • 新增播放队列弹层组件 PlayQueueBtn
  • 新增队列构建与临时队列重排逻辑
  • 新增播放器状态和 action,用于控制弹层显示以及临时队列拖拽排序
  • 补充中/英/繁体文案
  • 新增轻量测试脚本 build-config/tests/player-queue.test.mjs

功能说明

  • 当前播放列表展示的是播放器真实使用的播放队列,而不只是当前歌曲所属歌单
  • 稍后播放 区优先展示临时播放内容,并支持编辑
  • 当前歌单 区仅做只读展示,不在此面板中直接修改原始列表

验证方式

  • node build-config/tests/player-queue.test.mjs
  • npm run lint
  • npm run build:renderer

截图展示

1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]:能不能加一个播放列表

2 participants