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 響應式與互動檢查