Skip to content

Lyrics Card Generator v4.4.0 发布说明 ​

发布日期:2026-07-10

本版本将设置从模态弹窗迁移为编辑器右侧的完整“设置侧翼”。编辑器、歌词示例与设置现在属于同一套互斥空间系统:示例继续从上方进入,设置从右侧进入,同时保留所有现有设置、即时预览、自动保存和持久化行为。

主要更新 ​

  • 设置不再覆盖黑色遮罩或保留可点击的背景编辑器;打开时编辑器向左退场,设置侧翼从右侧进入。
  • 新增统一活动表面状态,隐藏区域通过 aria-hidden、inert 与指针事件隔离;Escape 和顶部 X 均可返回编辑器,并恢复原设置按钮焦点。
  • 设置导航支持三档响应式布局:宽屏显示带说明的完整侧栏,中等宽度收窄为图标栏,小窗口使用会自动收起的顶部分类菜单。
  • 新增独立设置标题栏、保存状态、分类说明和统一设置分组卡片;通用、外观、导出、AI、关于五个分类保持不变。
  • 设置状态与副作用已从旧弹窗外壳中拆出:普通设置继续即时预览和保存,旧背景资源继续清理,AI 设置继续使用 700ms 延迟保存并在关闭时补保存。
  • AI 配置不完整时会直接打开 AI 分类;切换分类时保留当前输入状态,reduced motion 模式下改用极短淡入淡出。
  • 移除软件背景网格与设置侧翼最外层边框,优化导航选中动画;Spark Cursor 移入外观分类,歌词操作按钮统一高度,并锁定初始布局为自定义尺寸与自动高度。
  • 为六种界面语言补齐设置分类说明,并新增设置侧翼回归测试,锁定空间切换、保存生命周期、响应式导航和可访问性行为。

验证 ​

  • npm run typecheck
  • npm run core:test
  • npm run build
  • npm run desktop:build
  • git diff --check
  • 1520px、1280px、900px、720px、520px 响应式与交互检查

Cherry Chu · Projects, notes, and working documentation.