feat(frontend): 搭建桌面端基础界面与 Workspace

- App Shell 壳层：主导航、次导航、Title Bar、状态栏 - Vault 入口页：最近 Vault、打开/创建 Vault、AI Core 状态 - Workspace 与文件树：浏览、打开、创建笔记/文件夹 - Design Token：浅色/深色主题 CSS Variables - Contracts / Service / Store / Router 基础架构 - 统一 ApiClient 与 SseClient，对接后端 API 契约
2026-08-29 10:36:16 +08:00
parent 694c1b27c1
commit f9efc4f4a2
42 changed files with 8044 additions and 167 deletions
@@ -0,0 +1,73 @@
+import apiClient from './apiClient'
+import type { SearchRequest, SearchResult } from '@/contracts'
+
+export async function search(request: SearchRequest): Promise<{
+  results: SearchResult[]
+  total: number
+  mode: SearchRequest['mode']
+}> {
+  return apiClient.post('/api/search', request)
+}
+
+export async function searchMock(query: string, mode = 'hybrid' as const): Promise<{
+  results: SearchResult[]
+  total: number
+  mode: 'fts' | 'vector' | 'hybrid'
+}> {
+  await new Promise((r) => setTimeout(r, 300))
+  if (!query.trim()) return { results: [], total: 0, mode }
+  const results: SearchResult[] = [
+    {
+      block_id: 'b1',
+      note_id: 'n-rbt',
+      note_title: '红黑树',
+      file_path: '/数据结构/红黑树.md',
+      heading_path: '数据结构 / 红黑树 / 插入操作',
+      snippet: '插入后可能破坏红黑性质，需要通过变色和旋转来修复...',
+      score: 0.95,
+      match_type: 'hybrid',
+      tags: ['数据结构', '树'],
+    },
+    {
+      block_id: 'b2',
+      note_id: 'n-rbt',
+      note_title: '红黑树',
+      file_path: '/数据结构/红黑树.md',
+      heading_path: '数据结构 / 红黑树 / 性质',
+      snippet: '红黑树是一种自平衡二叉搜索树，每个节点带有颜色属性（红或黑）...',
+      score: 0.87,
+      match_type: 'fts',
+      tags: ['数据结构'],
+    },
+    {
+      block_id: 'b3',
+      note_id: 'n-bst',
+      note_title: '二叉搜索树',
+      file_path: '/数据结构/二叉搜索树.md',
+      heading_path: '数据结构 / 二叉搜索树 / 基本操作',
+      snippet: '二叉搜索树的插入需要先找到合适的位置，再添加新节点...',
+      score: 0.72,
+      match_type: 'vector',
+      tags: ['数据结构', '树'],
+    },
+    {
+      block_id: 'b4',
+      note_id: 'n-deadlock',
+      note_title: '死锁',
+      file_path: '/操作系统/死锁.md',
+      heading_path: '操作系统 / 死锁 / 必要条件',
+      snippet: '死锁的四个必要条件：互斥、占有并等待、不可抢占、循环等待...',
+      score: 0.45,
+      match_type: 'vector',
+      tags: ['操作系统'],
+    },
+  ]
+  const filtered = results.filter(
+    (r) =>
+      r.note_title.includes(query) ||
+      r.snippet.includes(query) ||
+      r.heading_path.includes(query) ||
+      query.length > 1
+  )
+  return { results: filtered, total: filtered.length, mode }
+}