feat(onboarding): 优化向导流程与样式#98
Open
WindDrift wants to merge 2 commits into
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
改动类型
是否包含破坏性变更
改动说明
重构并大幅扩展用户首次启动的引导向导流程,通过复用设置页配置项和统一布局,减少重复代码并提升首次使用体验。
还有一方面是设置页面设置项太多太杂了,所以挑选了一些变化明显和特色的设置项放在向导里,对不愿意折腾设置的用户而言方便了很多主要变更:
StepNetease.vue:网易云账号登录,支持跳过/登录状态切换,集成LoginDialogStepPlayback.vue:播放与音质设置(音质、背景、封面布局、频谱)StepLyric.vue:歌词配置(过滤 AMLL TTML DB 地址等高级项)StepOther.vue:下载与缓存设置StepPlugins.vue:插件市场与插件导入StepHotkeys.vue:移除静态提示列表,改为动态快捷键表格,并新增全局快捷键开关StepPreferences.vue:新增外观风格、字体、布局等相关配置项StepStreaming.vue:使用pickItems()动态获取配置项,移除静态服务器列表StepLibrary.vue:"下一步" 按钮增加箭头图标src/settings/pickItems.ts工具函数:按 key 顺序从SettingCategory中挑选顶层SettingItem,支持静默跳过不存在的 key 和平台条件项SettingsItem.vue新增compactprop,为向导布局提供紧凑模式onboarding.netease / playback / lyric / other / plugins等 i18n 翻译键Onboarding.vue步骤数组,并在向导期间注入SToast、SDialogProvider、SettingsDialog等全局组件关联 Issue
无
测试情况
StepNetease登录/跳过状态切换及下一步按钮文案变化StepPlugins导入插件和插件市场功能StepLyric的enableOnlineTTMLLyric子项过滤逻辑(不显示amllDbServer)pickItems()对不存在 key 的静默跳过行为及跨平台条件项过滤SettingsItem紧凑模式下的显示效果与滚动行为截图 / 录屏
更新前 VS 更新后
新增的
自查清单
pnpm format,并确认pnpm typecheck、pnpm lint通过pnpm build:native验证;未手写native/*/index.d.tsdev分支提交