vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,815 Commits 32 Branches 1 Tag
be6e080710b86153f283dbcfea2a968df3088edf
Commit Graph

12 Commits

Author SHA1 Message Date
zdl
2851644b9c feat(ForecastReport): 添加盈利预测骨架屏 
- 创建 ForecastSkeleton 组件（图表卡片 + 表格）
- 初始加载时显示骨架屏

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 15:18:00 +08:00
zdl
00cd098968 refactor(ForecastReport): 架构优化与性能提升 
阶段一 - 核心优化:
- 所有子组件添加 React.memo 防止不必要重渲染
- 图表组件统一使用 EChartsWrapper 替代 ReactECharts
- 提取 isForecastYear、IMPORTANT_METRICS 到 constants.ts
- DetailTable 样式提取为 DETAIL_TABLE_STYLES 常量

阶段二 - 架构优化:
- 新增 hooks/useForecastData.ts：数据获取 + Map 缓存 + AbortController
- 新增 services/forecastService.ts：API 封装层
- 新增 utils/chartFormatters.ts：图表格式化工具函数
- 主组件精简：79行 → 63行，添加错误处理和重试功能

优化效果:
- 消除 4 处 isForecastYear 重复定义
- 样式从每次渲染重建改为常量复用
- 添加请求缓存，避免频繁切换时重复请求

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 14:17:21 +08:00
zdl
01ec5f184b docs(Company): 添加组件目录结构文档 
为 Company 模块下的主要组件添加 README.md：
- CompanyHeader: 搜索栏组件
- CompanyOverview: 公司概览（基本信息 + 深度分析）
- FinancialPanorama: 财务全景
- ForecastReport: 盈利预测
- MarketDataView: 市场数据
- StockQuoteCard: 股票行情卡片

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 13:22:43 +08:00
zdl
79c36a1c62 feat: 将 StockQuoteCard 提升到 Tab 容器上方 + 修复 TS 警告 
功能变更：
- 将 StockQuoteCard 从 CompanyOverview 移至 Company/index.tsx
- 股票行情卡片现在在切换 Tab 时始终可见

TypeScript 警告修复：
- SubTabContainer: WebkitBackdropFilter 改用 sx 属性
- DetailTable: 重新定义 TableRowData 类型，支持 boolean 索引
- SubscriptionContentNew: 添加类型安全的 AGREEMENT_URLS 索引访问

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-18 17:25:21 +08:00
zdl
a3bb119d01 refactor(Company): 统一所有 Tab 的 loading 状态组件 
- 创建共享的 LoadingState 组件（黑金主题）
- DeepAnalysisTab: 使用统一 LoadingState 替换蓝色 Spinner
- FinancialPanorama: 使用 LoadingState 替换 Skeleton
- MarketDataView: 使用 LoadingState 替换自定义 Spinner
- ForecastReport: 使用 LoadingState 替换 Skeleton 骨架屏

所有一级 Tab 现在使用一致的金色 Spinner + 加载提示文案

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 10:31:38 +08:00
zdl
554871dfa3 style(ForecastReport): 详细数据表格 UI 优化 
- 斑马纹（奇数行浅色背景）
- 等宽字体（SF Mono/Monaco/Menlo）
- 重要指标行高亮（归母净利润、ROE、EPS、营业总收入）
- 预测列区分样式（斜体+浅金背景+分隔线）
- 负数红色/正增长绿色显示

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 10:27:38 +08:00
zdl
057f344849 style(ForecastReport): 盈利预测图表优化 
- 预测年份 X 轴金色高亮，预测区域添加背景标记
- Y 轴颜色与对应数据系列匹配
- PEG 改用青色点划线+菱形符号，增加 PEG=1 参考线
- EPS 图添加行业平均参考线
- Tooltip 显示预测标签，智能避让

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 10:27:30 +08:00
zdl
89b0dfa032 style(DetailTable): 简化布局，标题+表格无嵌套 
- 移除外层卡片包装，直接显示标题和表格
- 使用 Chakra Text 作为标题
- 表格背景改为透明

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 20:43:05 +08:00
zdl
2684098182 refactor(ForecastReport): 3列布局 + 移除标题 
- 移除盈利预测报表标题和刷新按钮
- 3个图表改为3列等宽布局
- 统一图表高度使用 CHART_HEIGHT
- 简化标题文字

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 20:40:34 +08:00
zdl
58207e8019 refactor(ForecastReport): 合并营收/利润趋势与增长率图表 
- 新增 IncomeProfitGrowthChart 合并组件
- 柱状图显示营业收入（左Y轴）
- 折线图显示净利润（左Y轴，渐变填充）
- 虚线显示增长率（右Y轴，红涨绿跌）
- 布局调整：合并图表独占一行，EPS/PE-PEG 两列

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 20:37:24 +08:00
zdl
98683af429 refactor(ForecastReport): 迁移至 TypeScript 2025-12-16 20:28:58 +08:00
zdl
0193b54afe refactor: Company 目录结构重组 - Tab 内容组件文件夹化 
- 将 4 个 Tab 内容组件移动到 components/ 目录下
  - CompanyOverview.js → components/CompanyOverview/index.js
  - MarketDataView.js → components/MarketDataView/index.js
  - FinancialPanorama.js → components/FinancialPanorama/index.js
  - ForecastReport.js → components/ForecastReport/index.js
- 更新 CompanyTabs/index.js 导入路径
- 更新 routes/lazy-components.js 路由路径
- 修复组件内相对路径导入，改用 @utils/@services 别名

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 15:31:58 +08:00