Files
EmailBill/openspec/changes/icon-search-integration/specs/ai-category-icon-generation/spec.md
SunCheng 9921cd5fdf chore: migrate remaining ECharts components to Chart.js
- 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
2026-02-16 21:55:38 +08:00

1.0 KiB
Raw Blame History

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