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

27 Commits

Author SHA1 Message Date
zdl
425424cfe7 perf(Company): 优化渲染性能和 API 请求 
- StockQuoteCard: 添加 memo 包装减少重渲染
- Company/index: componentProps 使用 useMemo 缓存
- useCompanyEvents: 页面浏览事件只触发一次，避免重复追踪
- useCompanyData: 自选股状态改用单股票查询接口，减少数据传输
- CompanyHeader: inputCode 状态下移到 SearchActions，减少父组件重渲染
- CompanyHeader: 移除重复环境光效果，由全局 AmbientGlow 统一处理

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 10:14:07 +08:00
zdl
8006e86b5f style(StockQuoteCard): 优化布局和样式 
- 数据区块改为三列布局：估值指标 | 市值股本 | 主力动态
- 流通市值、发行总股本、52周波动 放在同一列
- 区块标题高亮显示（金色 + 发光效果）
- 注释掉公司信息模块（成立日期、注册资本、所在地等）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-18 18:03:28 +08:00
zzlgreat
a2b971f973 更新Company页面的UI为FUI风格 2025-12-18 09:07:26 +08:00
zzlgreat
8f91246cfb 更新Company页面的UI为FUI风格 2025-12-18 08:34:16 +08:00
zzlgreat
dfdc40cae4 更新Company页面的UI为FUI风格 2025-12-17 22:56:12 +08:00
zzlgreat
a3b8fe91e2 更新Company页面的UI为FUI风格 2025-12-17 22:40:27 +08:00
zzlgreat
9c22d0e19b 更新Company页面的UI为FUI风格 2025-12-17 22:30:18 +08:00
zzlgreat
3a5b4dd632 更新Company页面的UI为FUI风格 2025-12-17 22:22:44 +08:00
zzlgreat
3fd4ff6f49 更新Company页面的UI为FUI风格 2025-12-17 21:41:57 +08:00
zzlgreat
3d9f7ac730 更新Company页面的UI为FUI风格 2025-12-17 21:11:34 +08:00
zdl
656a37c2ae chore(StockQuoteCard): 删除未使用的 mockData.ts 
- mockStockQuoteData 未被任何地方引用
- 数据现在通过 useStockQuoteData hook 从 API 获取

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 16:01:49 +08:00
zdl
f49986ef8f refactor(Company): 提取共享的 useStockSearch Hook 
- 新增 useStockSearch.ts：统一股票模糊搜索逻辑
  - 支持按代码或名称搜索
  - 支持排除指定股票（用于对比场景）
  - 使用 useMemo 优化性能
- 重构 SearchBar.js：使用共享 Hook，减少 15 行代码
- 重构 CompareStockInput.tsx：使用共享 Hook，减少 20 行代码

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 15:34:36 +08:00
zdl
d60e574e2c fix(hooks): 添加 AbortController 解决竞态条件问题 
在以下 Hook 中添加请求取消逻辑，防止快速切换股票时旧数据覆盖新数据：
- useBasicInfo
- useShareholderData
- useManagementData
- useBranchesData
- useAnnouncementsData
- useDisclosureData
- useStockQuoteData

修复前：stockCode 变化时，旧请求可能后返回，覆盖新数据
修复后：cleanup 时取消旧请求，确保数据一致性

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 15:20:36 +08:00
zdl
8769cc3e6c refactor(Company): fetch 请求迁移至 axios 
- DeepAnalysis: 4 个 fetch → axios
- DynamicTracking: 3 个 fetch → axios (NewsPanel, ForecastPanel)
- MarketDataView/services: 4 个 fetch → axios
- CompanyOverview/hooks: 9 个 fetch → axios (6 个文件)
- StockQuoteCard/hooks: 1 个 fetch → axios
- ValueChainNodeCard: 1 个 fetch → axios

清理:
- 删除未使用的 useCompanyOverviewData.ts
- 移除所有 getApiBase/API_BASE_URL 引用

总计: 22 个 fetch 调用迁移, 复用项目已有的 axios 拦截器配置

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 11:54:32 +08:00
zdl
258b8ed948 refactor(StockQuoteCard): 数据下沉优化，Props 从 11 个精简为 4 个 
- StockQuoteCard 使用内部 hooks 获取行情数据、基本信息和对比数据
- 更新 types.ts，简化 Props 接口
- Company/index.js 移除已下沉的数据获取逻辑（~40 行）
- 删除 Company/hooks/useStockQuote.js（已移至组件内部）

优化收益：
- Props 数量: 11 → 4 (-64%)
- Company/index.js: ~172 → ~105 行 (-39%)
- 组件可独立复用

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 11:17:07 +08:00
zdl
d015f3b3f3 feat(StockQuoteCard): 新增内部数据获取 hooks 
- useStockQuoteData: 合并行情数据和基本信息获取
- useStockCompare: 股票对比逻辑封装
- 为数据下沉优化做准备

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 11:12:14 +08:00
zdl
dd019111fc refactor(StockQuoteCard): 拆分为原子组件 
- 新增 theme.ts 黑金主题常量
  - 新增 formatters.ts 格式化工具函数
  - 拆分 PriceDisplay/SecondaryQuote/KeyMetrics/MainForceInfo/CompanyInfo/StockHeader
  - 主组件从 414 行简化为 150 行
  - 提高可维护性和复用性
 2025-12-16 20:24:01 +08:00
zdl
22520caa80 feat(StockQuoteCard): 新增每股收益(EPS)显示 
- Mock 数据添加 eps、pb、主力动态等指标
  - StockQuoteCard 显示 EPS 数据
  - useStockQuote 支持 eps 字段转换
  - StockInfoHeader 移除重复的 EPS 显示
 2025-12-16 20:08:35 +08:00
zdl
a8b4e95636 feat(StockQuoteCard): 新增股票对比功能 
- 新增 CompareStockInput: 股票搜索输入组件
 - 新增 StockCompareModal: 股票对比弹窗
 - 更新类型定义支持对比功能

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

 Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 16:15:36 +08:00
zdl
39ee2c60c8 refactor: 整合 CompanyHeaderCard 到 StockQuoteCard，优化布局对齐 
- 将公司基本信息整合到 StockQuoteCard 内部
- 采用 1:2 Flex 布局确保上下竖线对齐
- 删除废弃的 CompanyHeaderCard 组件
- 清理 types.ts 中的 CompanyHeaderCardProps

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 19:54:51 +08:00
zdl
877926aa4f feat: StockQuoteCard 顶部导航区视觉优化 
- 股票名称字号放大至 26px，字重 800，突出显示
- 添加行业标签（金融 · 银行），Badge 边框样式
- 保留指数标签（沪深300、上证180）
- Mock 数据补充 industry、industry_l1、index_tags 字段
- 类型定义新增 industry、industryL1 可选字段

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 11:30:18 +08:00
zdl
b7a8aa1a4c feat: StockQuoteCard 根据股票代码获取真实行情数据 
- 新增 useStockQuote Hook 获取股票行情
- Company 页面使用 Hook 并传递数据给 StockQuoteCard
- StockQuoteCard 处理 null 数据显示骨架屏
- 股票代码变化时自动刷新行情数据

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 11:00:03 +08:00
zdl
5f00e503aa feat: UI调整 2025-12-10 10:09:24 +08:00
zdl
4581df6c5c pref: 移除 useColorModeValue 
UI调整
 2025-12-09 19:26:52 +08:00
zdl
e9aa9018d9 style: StockQuoteCard 黑金主题 UI 调整 
颜色配置：
- 背景：纯黑 #000000
- 边框/标签：金色 #C9A961
- 主要文字：亮金 #F4D03F
- 涨：红色 #F44336（红涨绿跌）
- 跌：绿色 #4CAF50

字体大小：
- 股票价格：48px bold
- 股票名称/代码：24px bold
- 涨跌幅 Badge：20px bold
- 关键指标数值：16px bold
- 标签文字：14px

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 18:54:19 +08:00
zdl
6fcd5da0fb refactor: 移除暗色模式相关代码，使用固定浅色主题 
- DeepAnalysisTab: 移除 useColorModeValue，使用固定颜色值
- NewsEventsTab: 移除 useColorModeValue，简化 hover 颜色
- FinancialPanorama: 移除 useColorMode/useColorModeValue
- MarketDataView: 移除 dark 主题配置，简化颜色逻辑
- StockQuoteCard: 移除 useColorModeValue，使用固定颜色

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 18:46:30 +08:00
zdl
2efd731f96 feat: 添加股票行情卡片 2025-12-09 17:26:58 +08:00