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
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
## 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
|
||||
Reference in New Issue
Block a user