- 核心库:dev-task.ts(类型+状态机+进度计算)、task-worklog.ts(工时)、task-category.ts(字典)、work-item.ts(聚合契约) - Store:useDevTaskStore(CRUD+状态流转)、useTaskWorklogStore(工时记录)、useTaskCategoryStore(字典管理) - UI组件:DevTaskTab、DevTaskCreateModal、DevTaskDetailDrawer、DevTaskRow、WorklogPanel、StatusBadge、CategoryChip - 集成:版本详情页"开发任务"Tab、"与我相关"工作台开发任务分组、任务类型管理页 - 设计文档:spec + 实施计划 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
19 lines
562 B
TypeScript
19 lines
562 B
TypeScript
'use client';
|
|
|
|
import type { TaskCategory } from '@/lib/task-category';
|
|
|
|
export function CategoryChip({ category }: { category?: TaskCategory }) {
|
|
if (!category) return <span className="text-[11px] text-[var(--ink-muted)]">未分类</span>;
|
|
return (
|
|
<span
|
|
className="inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-medium"
|
|
style={{
|
|
backgroundColor: category.color ? `${category.color}15` : 'var(--bg-subtle)',
|
|
color: category.color || 'var(--ink-soft)',
|
|
}}
|
|
>
|
|
{category.name}
|
|
</span>
|
|
);
|
|
}
|