release: v0.5.0 — 升级 MetonaEditor 0.4.0 / MetonaToast 0.5.0，数据库迁移 MetonaSqlark 0.4.1

- 编辑器升级 0.4.0：TypeScript 全模块重构、启用浮动格式工具栏
- 通知升级 0.5.0：钩子系统、新增动画
- 移除 Dexie.js，迁移至 MetonaSqlark 0.4.1（AriaEngine：LSM-Tree + WAL + MVCC）
- 数据库更换为 MarkLiteV2，旧 Dexie 数据放弃
- 修复 Editor 组件无条件重渲染（getActiveTab 返回新引用）
- 更新关于弹框、README、DESIGN 文档

src/renderer/components/Toolbar/Toolbar.tsx

@@ -1,71 +1,71 @@
-import React from 'react'
-import { FolderOpen, Save, Moon, Sun, Info } from '../Icons'
-import type { ThemeMode } from '../../types/settings'
-
-interface ToolbarProps {
-  onOpen: () => void
-  onSave: () => void
-  themeMode: ThemeMode
-  onCycleTheme: () => void
-  onShowAbout: () => void
-  isAutoSaving: boolean
-  autoSaveEnabled: boolean
-  onToggleAutoSave: () => void
-}
-
-const THEME_LABELS: Record<ThemeMode, string> = {
-  light: '亮色',
-  dark: '暗色',
-  warm: '暖色',
-}
-
-/**
- * 应用顶层工具栏 — 文件操作、自动保存、主题循环、关于。
- * 编辑器格式化和模式切换由 MetonaEditor 内置工具栏处理。
- */
-export const Toolbar = React.memo(function Toolbar({
-  onOpen, onSave, themeMode, onCycleTheme, onShowAbout,
-  isAutoSaving, autoSaveEnabled, onToggleAutoSave
-}: ToolbarProps) {
-  const nextLabel = THEME_LABELS[themeMode] ?? '主题'
-
-  return (
-    <div id="toolbar" role="toolbar" aria-label="工具栏">
-      <div className="toolbar-left" role="group" aria-label="文件操作">
-        <button className="toolbar-btn" onClick={onOpen} title="打开文件 (Ctrl+O)" aria-label="打开文件">
-          <FolderOpen size={18} />
-          <span>打开</span>
-        </button>
-        <button className="toolbar-btn" onClick={onSave} title="保存文件 (Ctrl+S)" aria-label="保存文件">
-          <Save size={18} />
-          <span>保存</span>
-        </button>
-        <div className="toolbar-divider" role="separator" />
-        <button
-          className={`toolbar-btn toolbar-autosave${isAutoSaving ? ' saving' : ''}`}
-          onClick={onToggleAutoSave}
-          title={isAutoSaving ? '正在自动保存...' : (autoSaveEnabled ? '自动保存已开启 — 点击关闭' : '自动保存已关闭 — 点击开启')}
-          aria-label={isAutoSaving ? '正在自动保存' : (autoSaveEnabled ? '关闭自动保存' : '开启自动保存')}
-        >
-          <span>{isAutoSaving ? '保存中...' : (autoSaveEnabled ? '自动' : '手动')}</span>
-        </button>
-      </div>
-      <div className="toolbar-right" role="group" aria-label="设置">
-        <button
-          className="toolbar-btn"
-          onClick={onCycleTheme}
-          title={`当前 ${nextLabel} — 点击切换`}
-          aria-label={`当前${nextLabel}主题，点击切换`}
-        >
-          {themeMode === 'dark' ? <Moon size={18} /> : <Sun size={18} />}
-          <span style={{ fontSize: 12, marginLeft: 2 }}>{nextLabel}</span>
-        </button>
-        <button className="toolbar-btn" onClick={onShowAbout} title="关于" aria-label="关于 MarkLite">
-          <Info size={18} />
-        </button>
-      </div>
-    </div>
-  )
-})
-
-Toolbar.displayName = 'Toolbar'
+import React from 'react'
+import { FolderOpen, Save, Moon, Sun, Info } from '../Icons'
+import type { ThemeMode } from '../../types/settings'
+
+interface ToolbarProps {
+  onOpen: () => void
+  onSave: () => void
+  themeMode: ThemeMode
+  onCycleTheme: () => void
+  onShowAbout: () => void
+  isAutoSaving: boolean
+  autoSaveEnabled: boolean
+  onToggleAutoSave: () => void
+}
+
+const THEME_LABELS: Record<ThemeMode, string> = {
+  light: '亮色',
+  dark: '暗色',
+  warm: '暖色',
+}
+
+/**
+ * 应用顶层工具栏 — 文件操作、自动保存、主题循环、关于。
+ * 编辑器格式化和模式切换由 MetonaEditor 内置工具栏处理。
+ */
+export const Toolbar = React.memo(function Toolbar({
+  onOpen, onSave, themeMode, onCycleTheme, onShowAbout,
+  isAutoSaving, autoSaveEnabled, onToggleAutoSave
+}: ToolbarProps) {
+  const nextLabel = THEME_LABELS[themeMode] ?? '主题'
+
+  return (
+    <div id="toolbar" role="toolbar" aria-label="工具栏">
+      <div className="toolbar-left" role="group" aria-label="文件操作">
+        <button className="toolbar-btn" onClick={onOpen} title="打开文件 (Ctrl+O)" aria-label="打开文件">
+          <FolderOpen size={18} />
+          <span>打开</span>
+        </button>
+        <button className="toolbar-btn" onClick={onSave} title="保存文件 (Ctrl+S)" aria-label="保存文件">
+          <Save size={18} />
+          <span>保存</span>
+        </button>
+        <div className="toolbar-divider" role="separator" />
+        <button
+          className={`toolbar-btn toolbar-autosave${isAutoSaving ? ' saving' : ''}`}
+          onClick={onToggleAutoSave}
+          title={isAutoSaving ? '正在自动保存...' : (autoSaveEnabled ? '自动保存已开启 — 点击关闭' : '自动保存已关闭 — 点击开启')}
+          aria-label={isAutoSaving ? '正在自动保存' : (autoSaveEnabled ? '关闭自动保存' : '开启自动保存')}
+        >
+          <span>{isAutoSaving ? '保存中...' : (autoSaveEnabled ? '自动' : '手动')}</span>
+        </button>
+      </div>
+      <div className="toolbar-right" role="group" aria-label="设置">
+        <button
+          className="toolbar-btn"
+          onClick={onCycleTheme}
+          title={`当前 ${nextLabel} — 点击切换`}
+          aria-label={`当前${nextLabel}主题，点击切换`}
+        >
+          {themeMode === 'dark' ? <Moon size={18} /> : <Sun size={18} />}
+          <span style={{ fontSize: 12, marginLeft: 2 }}>{nextLabel}</span>
+        </button>
+        <button className="toolbar-btn" onClick={onShowAbout} title="关于" aria-label="关于 MarkLite">
+          <Info size={18} />
+        </button>
+      </div>
+    </div>
+  )
+})
+
+Toolbar.displayName = 'Toolbar'