- Migrated 4 components from ECharts to Chart.js: * MonthlyExpenseCard.vue (折线图) * DailyTrendChart.vue (双系列折线图) * ExpenseCategoryCard.vue (环形图) * BudgetChartAnalysis.vue (仪表盘 + 多种图表) - Removed all ECharts imports and environment variable switches - Unified all charts to use BaseChart.vue component - Build verified: pnpm build success ✓ - No echarts imports remaining ✓ Refs: openspec/changes/migrate-remaining-echarts-to-chartjs
1.0 KiB
1.0 KiB
MODIFIED Requirements
Requirement: AI生成分类图标
Reason: 原AI生成SVG图标方案不够直观,生成的图标与分类名称不匹配,影响用户体验。改为使用Iconify API检索真实图标库。
系统SHALL能够根据分类名称生成搜索关键字,并允许用户从Iconify图标库中选择图标。
Scenario: 生成搜索关键字
- WHEN 系统接收到分类名称
- THEN 系统SHALL使用AI生成3-5个相关英文搜索关键字
- THEN 系统SHALL将搜索关键字保存到TransactionCategory.IconKeywords字段
Scenario: 用户选择图标
- WHEN 用户从Iconify图标列表中选择一个图标
- THEN 系统SHALL将Iconify标识符(如"mdi:home")保存到TransactionCategory.Icon字段
Scenario: 前端图标渲染
- WHEN 前端接收到图标标识符
- THEN 前端SHALL使用Iconify图标组件渲染(如
<span class="iconify" data-icon="mdi:home"></span>) - THEN 前端不需要额外的npm包,直接使用Iconify CDN