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,89 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import type { TaskItem, TaskStatus, TaskPriority, TaskSource } from '@/contracts'
+import { mockTasks } from '@/services/taskService'
+
+export const useTaskStore = defineStore('task', () => {
+  const tasks = ref<TaskItem[]>(mockTasks)
+  const filterStatus = ref<TaskStatus | 'all'>('all')
+  const filterPriority = ref<TaskPriority | 'all'>('all')
+  const filterSource = ref<TaskSource | 'all'>('all')
+  const isLoading = ref(false)
+
+  const filteredTasks = computed(() => {
+    return tasks.value.filter((t) => {
+      if (filterStatus.value !== 'all' && t.status !== filterStatus.value) return false
+      if (filterPriority.value !== 'all' && t.priority !== filterPriority.value) return false
+      if (filterSource.value !== 'all' && t.source !== filterSource.value) return false
+      return true
+    })
+  })
+
+  const todoTasks = computed(() => tasks.value.filter((t) => t.status === 'todo'))
+  const inProgressTasks = computed(() => tasks.value.filter((t) => t.status === 'in_progress'))
+  const doneTasks = computed(() => tasks.value.filter((t) => t.status === 'done'))
+
+  async function loadTasks() {
+    isLoading.value = true
+    try {
+      const { listTasks } = await import('@/services/taskService')
+      const resp = await listTasks()
+      tasks.value = resp.items
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  async function createTask(data: { title: string; description?: string; priority?: TaskPriority; due_date?: string; note_id?: string }) {
+    const newTask: TaskItem = {
+      task_id: `t-${Date.now()}`,
+      title: data.title,
+      description: data.description,
+      status: 'todo',
+      priority: data.priority || 'medium',
+      due_date: data.due_date,
+      note_id: data.note_id,
+      source: 'user',
+      created_at: new Date().toISOString(),
+      updated_at: new Date().toISOString(),
+    }
+    tasks.value.unshift(newTask)
+    return newTask
+  }
+
+  async function updateTask(taskId: string, data: Partial<Pick<TaskItem, 'title' | 'description' | 'status' | 'priority' | 'due_date'>>) {
+    const task = tasks.value.find((t) => t.task_id === taskId)
+    if (task) {
+      Object.assign(task, data)
+      task.updated_at = new Date().toISOString()
+    }
+  }
+
+  async function deleteTask(taskId: string) {
+    const idx = tasks.value.findIndex((t) => t.task_id === taskId)
+    if (idx > -1) tasks.value.splice(idx, 1)
+  }
+
+  function setFilterStatus(s: TaskStatus | 'all') { filterStatus.value = s }
+  function setFilterPriority(p: TaskPriority | 'all') { filterPriority.value = p }
+  function setFilterSource(s: TaskSource | 'all') { filterSource.value = s }
+
+  return {
+    tasks,
+    filterStatus,
+    filterPriority,
+    filterSource,
+    filteredTasks,
+    todoTasks,
+    inProgressTasks,
+    doneTasks,
+    isLoading,
+    loadTasks,
+    createTask,
+    updateTask,
+    deleteTask,
+    setFilterStatus,
+    setFilterPriority,
+    setFilterSource,
+  }
+})