- App Shell 壳层:主导航、次导航、Title Bar、状态栏 - Vault 入口页:最近 Vault、打开/创建 Vault、AI Core 状态 - Workspace 与文件树:浏览、打开、创建笔记/文件夹 - Design Token:浅色/深色主题 CSS Variables - Contracts / Service / Store / Router 基础架构 - 统一 ApiClient 与 SseClient,对接后端 API 契约
90 lines
2.9 KiB
TypeScript
90 lines
2.9 KiB
TypeScript
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,
|
|
}
|
|
})
|