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.