阅读 MD 增强

package.json

@@ -8,6 +8,9 @@
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
     "build:desktop": "node scripts/build-desktop.js",
     "electron": "electron electron/main.js",
     "electron:dev": "NODE_ENV=development electron electron/main.js",
@@ -34,6 +37,9 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.9.1",
+    "@tailwindcss/typography": "^0.5.19",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.1",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-legacy": "^8.0.1",
@@ -44,11 +50,13 @@
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.11",
     "globals": "^15.9.0",
+    "jsdom": "^24.0.0",
     "postcss": "^8.4.35",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.3.0",
     "vite": "^8.0.9",
+    "vitest": "^1.3.1",
     "xml2js": "^0.6.2"
   }
 }

src/components/BackToTop.tsx

@@ -6,6 +6,8 @@ export const BackToTop: React.FC = () => {
   const [isVisible, setIsVisible] = useState(false);
   const [isBouncing, setIsBouncing] = useState(false);
   const language = useAppStore(state => state.language);
+  // 当 README 模态框打开时隐藏按钮，避免遮挡模态框内容
+  const readmeModalOpen = useAppStore(state => state.readmeModalOpen);
   const bounceTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const toggleVisibility = useCallback(() => {
@@ -76,7 +78,7 @@ export const BackToTop: React.FC = () => {
         hover:scale-110
         focus:outline-none focus:ring-2 focus:ring-brand-violet focus:ring-offset-2
         dark:focus:ring-offset-gray-900
-        ${isVisible
+        ${isVisible && !readmeModalOpen
           ? 'opacity-100 translate-y-0 pointer-events-auto'
           : 'opacity-0 translate-y-4 pointer-events-none'
         }
@@ -86,8 +88,8 @@ export const BackToTop: React.FC = () => {
         lg:bottom-24 lg:right-10
       `}
       aria-label={language === 'zh' ? '回到顶部' : 'Back to top'}
-      aria-hidden={!isVisible}
-      tabIndex={isVisible ? 0 : -1}
+      aria-hidden={!isVisible || readmeModalOpen}
+      tabIndex={isVisible && !readmeModalOpen ? 0 : -1}
       title={language === 'zh' ? '回到顶部' : 'Back to top'}
     >
       <ArrowUp className="w-5 h-5 sm:w-6 sm:h-6" />

src/components/BulkActionToolbar.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef } from 'react';
-import { X, Star, FolderOpen, Bot, Bell, BellOff, CheckSquare, Square, Loader2, Lock, Unlock } from 'lucide-react';
+import { X, Star, FolderOpen, Bot, Bell, BellOff, CheckSquare, Square, Loader2, Lock, Unlock, RotateCcw } from 'lucide-react';
 import { Repository } from '../types';
 import { useAppStore } from '../store/useAppStore';
 
@@ -118,6 +118,7 @@ export const BulkActionToolbar: React.FC<BulkActionToolbarProps> = ({
           unsubscribe: { zh: '取消订阅发布', en: 'Unsubscribe Releases' },
           'lock-category': { zh: '批量锁定分类', en: 'Lock Categories' },
           'unlock-category': { zh: '批量解锁分类', en: 'Unlock Categories' },
+          'restore': { zh: '批量还原', en: 'Bulk Restore' },
         };
         const label = actionLabels[action];
         const message = language === 'zh'
@@ -318,6 +319,23 @@ export const BulkActionToolbar: React.FC<BulkActionToolbarProps> = ({
               )}
             </button>
 
+            <button
+              onClick={(e) => handleAction('restore', e)}
+              disabled={isProcessing}
+              className={`flex-shrink-0 flex items-center justify-center w-9 h-9 sm:w-10 sm:h-10 rounded-lg transition-colors ${
+                showConfirm === 'restore'
+                  ? 'bg-teal-700 text-white hover:bg-teal-800'
+                  : 'bg-teal-100 text-teal-700 dark:bg-teal-900 dark:text-teal-300 hover:bg-teal-200 dark:hover:bg-teal-800'
+              } disabled:opacity-50 disabled:cursor-not-allowed`}
+              title={t('批量还原', 'Bulk Restore')}
+            >
+              {isProcessing && showConfirm === 'restore' ? (
+                <Loader2 className="w-4 h-4 sm:w-5 sm:h-5 animate-spin" />
+              ) : (
+                <RotateCcw className="w-4 h-4 sm:w-5 sm:h-5" />
+              )}
+            </button>
+
             <div className="hidden sm:block w-px h-6 bg-gray-300 dark:bg-gray-600 mx-2"></div>
 
             <button