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

1928 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
zdl
e37a8875f8 feat(HotspotOverview): 异动卡片布局优化与股票列表展开功能 
- CompactAlertCard 布局重构：
  - 未选中：时间 + 概念名称/标签 + 评分(左)/α(右)
  - 选中：增加板块均涨/涨跌家数 + V2指标(确认率/Z-Score/成交额/动量)
- 新增 StockListPanel 组件，选中卡片后展开显示相关股票列表
- 修复卡片点击高度闪烁问题（固定 minH + flexShrink）
- 股票列表支持点击跳转到公司详情页

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 19:02:19 +08:00
zdl
c120c1c65b feat(HotSectorsRanking): 支持板块/概念类型切换 
- 新增 type 属性区分 sector/concept
- 添加默认概念数据
- 根据类型切换图标 (TrendingUp/Flame) 和颜色

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 18:33:51 +08:00
zdl
fd393d18e5 fix(mock): 优化热门概念和异动数据模拟 
- 热门概念添加 tags 标签字段
- 概念数据添加 outbreak_dates 爆发日期
- 异动数量优化 (15-25 → 12-18)
- 异动时间分布优化，使用 10 分钟时间段分组

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 18:33:42 +08:00
zdl
c82363b751 refactor(FlexScreen): 模块化重构与性能优化 
目录结构优化:
- styles.ts: 提取颜色常量 COLORS 和样式对象
- constants.ts: 提取配置常量 (STORAGE_KEY、默认列表、热门推荐)
- types.ts: 新增子组件 Props 类型定义

子组件拆分:
- FlexScreenHeader.tsx: 头部组件 (标题、连接状态、操作按钮)
- SearchPanel.tsx: 搜索面板 (输入框 + 结果下拉列表)
- HotRecommendations.tsx: 热门推荐组件

性能优化:
- 所有子组件使用 memo 包裹
- 主组件使用 useMemo 缓存计算值 (displayedWatchlist、connectionStatus)
- 使用 useCallback 包裹所有回调函数

代码精简:
- index.tsx 从 509 行精简至 302 行
- 移除内联颜色常量和配置

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 18:17:48 +08:00
zdl
0eb1d00482 refactor(MarketHeatmap): TypeScript 重构与模块化优化 
目录结构拆分:
- types.ts: HeatmapDataItem, MarketHeatmapProps, TreeNodeData 等类型定义
- styles.ts: 颜色常量、ECharts 配置常量、涨跌幅阈值
- utils.ts: getMarketCapRange, getChangeColor, buildTreeData, tooltip 格式化函数
- components/HeatmapLegend.tsx: 图例原子组件

性能优化:
- 使用 useMemo 缓存树图数据构建和 ECharts 配置
- HeatmapLegend 使用 memo 包装

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 17:52:39 +08:00
zdl
f4c194881f refactor(StockOverviewHeader): 模块化重构与性能优化 
目录结构拆分:
- types.ts: 提取 6 个 TypeScript 接口定义
- styles.ts: 提取颜色常量和样式对象
- utils.ts: 提取趋势计算函数 (getAmountTrend, getMarketCapTrend)
- components/StatCard.tsx: 提取统计卡片原子组件

性能优化:
- StatCard 使用 memo + useMemo 缓存趋势图标和颜色
- 主组件使用 useMemo 缓存所有计算值
- 趋势函数外移避免每次渲染重新创建

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 17:38:49 +08:00
zdl
21b58c7c68 refactor(GlobalSidebar): TypeScript 重构与 HotConceptsPanel 模块化 
- GlobalSidebar: JS 转换为 TypeScript，添加完整类型定义
- HotConceptsPanel 拆分为模块化目录结构：
  - types.ts: 类型定义 (Concept, ConceptStock, Props)
  - styles.ts: 样式常量 + 配置 (COLORS, CONFIG)
  - utils.ts: 工具函数 (formatChangePercent, getChangeColor)
  - hooks/useHotConcepts.ts: 数据获取 Hook
  - components/ConceptCard.tsx: 概念卡片原子组件 (memo 优化)
- 性能优化：useMemo 缓存计算，useCallback 缓存事件处理

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 17:23:17 +08:00
zdl
ff62205720 fix(mock): 市场热力图添加涨停/跌停股票模拟数据 
- 添加 8 只涨停股票（9.9%~10.05%）
- 添加 2 只跌停股票（-9.9%~-10.05%）
- 使用真实股票名称池增强模拟效果

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 14:43:57 +08:00
zdl
df3d502862 perf(HotspotOverview): 日期切换时只刷新图表，不重新渲染整个模块 
- useHotspotData 新增 refreshing 状态，区分首次加载和切换日期
- 首次加载显示全屏 loading，切换日期仅显示图表区域加载指示器
- 避免日期切换时整体布局闪烁

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 14:43:44 +08:00
zdl
494d9c8918 feat(HotspotOverview): 重构筛选区布局，与分时图标题同行显示 
- 新增 AlertFilterSection 组件，支持内联显示
- 筛选标签（类型+数量）、异动总数徽章、日期选择器整合到标题行
- 移除与灵活屏重复的三指数卡片组件
- 简化热点概览整体布局结构

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 14:43:35 +08:00
zdl
927668bb9c refactor(TradeDatePicker): 组件重构，配置提取与性能优化 
- 拆分文件：types.ts(类型)、theme.ts(主题)、utils.ts(工具函数)
- 移除 isDarkMode 相关代码（已确认仅浅色模式）
- 移除 useColorModeValue，直接使用固定颜色值
- 子组件使用 memo 优化，主组件使用 useCallback/useMemo
- 清理冗余：移除未使用的 tipIcon、重复的 focus 样式
- 更新调用方移除 isDarkMode prop

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-31 13:23:28 +08:00
zdl
70fdad9751 feat(Auth): 微信扫码登录二维码自动获取与轮询控制优化 
- WechatRegister: 使用 forwardRef + useImperativeHandle 暴露方法
- 自动获取二维码：打开弹窗、切换到微信Tab时自动获取
- 轮询控制：切换到手机登录时停止轮询并重置状态
- 修复闭包陷阱：使用 isLoadingRef 替代 isLoading 状态判断
- 新增 iframe 加载状态反馈和 2 分钟过期预警提示

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 18:05:09 +08:00
zdl
97c10bf2cc style(Auth): 登录弹窗改为 Tab 切换布局 
- 改为单列布局 (450px)，右上角折角图标切换微信/手机登录
- 微信登录: 显示二维码图标，切换到手机显示手机图标
- 验证码登录: 添加内容区标题和副标题
- 关闭按钮移除，点击蒙层关闭弹窗
- 验证码倒计时按钮颜色改为金色
- 调整表单区域间距：上方紧凑，下方留白

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 17:35:55 +08:00
zdl
0d05b69601 Merge branch 'feature_bugfix/251217_stock' into feature_2025/251229_stocks 
* feature_bugfix/251217_stock:
  style(Auth): 登录弹窗改为黑金主题
  style: 统一个人中心按钮与投资日历按钮样式
 2025-12-30 16:55:26 +08:00
zdl
1e4924e34d style(Auth): 登录弹窗改为黑金主题 
- AuthModalManager: 使用 Ant Design Modal styles 属性设置黑金背景
- AuthFormContent: 表单组件使用内联样式实现黑金主题
- AuthHeader: 标题使用金色渐变效果
- VerificationCodeInput: 输入框和按钮黑金样式
- WechatRegister: 微信登录区域黑金样式
- AuthModal.less: 添加 placeholder 样式确保深色背景可见

主题色彩:
- 主金色: #D4AF37
- 背景渐变: #1A1A2E → #16213e → #0F0F1A
- 输入框背景: rgba(26, 26, 46, 0.8)

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 16:46:04 +08:00
zdl
ddace54a9d style: 统一个人中心按钮与投资日历按钮样式 
- MenuButton 改为 colorScheme="blue" + variant="solid" + borderRadius="full"
- 移除未使用的 useColorModeValue 和 hoverBg 变量

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 15:59:58 +08:00
zdl
eaf11713e8 refactor(StockOverview): 优化布局与数据展示 
- 头部统计卡片从 4 列精简为 3 列，移除冗余下跌家数
- 涨跌家数改为"多空对比"卡片，双色数值 + 进度条
- 各卡片新增环比趋势指示（放量/缩量等）
- 日期选择器移至 HotspotOverview 头部右侧
- 大盘分时图调整至统计卡片上方
- 异动标签支持点击筛选

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 15:55:53 +08:00
zdl
91d89fb958 feat(mock): 市场统计 API 增加昨日对比数据 
- /api/market/statistics 返回 yesterday 字段
- 包含昨日市值、成交额、涨跌家数
- 支持前端计算环比变化率

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 15:55:35 +08:00
zdl
9deb9ff350 feat(StatCard): 新增趋势指示器和多空进度条组件 
- 新增 TrendIndicator 组件显示环比变化（箭头+百分比+标签）
- 新增 BullBearBar 组件显示红绿进度条
- 新增 WatermarkIcon 组件支持卡片水印背景
- 支持双色数值显示（如 121/79 红绿分色）
- StatCard 根据配置自动渲染趋势和进度条

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 15:55:18 +08:00
zdl
d549eaaf9f feat(HeroSection): 新增趋势指示器、进度条、水印图标类型定义 
- 添加 TrendDirection、TrendInfo 类型支持环比/同比变化展示
- 添加 ProgressBarConfig 类型支持多空对比进度条
- 添加 WatermarkIconConfig 类型支持卡片水印背景图标
- HeroStatItem 扩展 trend、progressBar、watermark 可选属性
- index.tsx 导出新增类型

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 15:55:01 +08:00
zdl
1e511cb3f5 refactor(Concept): 迁移至 HeroSection 组件 
- 使用通用 HeroSection 替换原有 Hero 区域代码
- 配置 purple 主题预设，统计区使用独立卡片样式
- 搜索框宽度设为 140%，支持回车和点击搜索
- 移除搜索按钮 loading 状态绑定，避免页面加载时显示 loading

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 11:11:39 +08:00
zdl
bc6d5fd222 refactor(StockOverview): 迁移至 HeroSection 组件 
- 使用通用 HeroSection 替换原有 Hero 区域代码
- 配置 purple 主题预设和自定义金色渐变
- 统计区显示市值、成交额、上涨/下跌家数
- 搜索框支持下拉结果选择

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 11:11:32 +08:00
zdl
6c10d420a1 feat(HeroSection): 新增通用 Hero 模板组件 
- 创建 HeroSection 组件系统，支持个股中心和概念中心复用
- 包含 HeroBackground（背景装饰）、HeroTitle（标题区）、HeroSearch（搜索区）、HeroStats（统计区）
- 支持主题预设（purple/gold/blue/cyan）和自定义主题颜色
- 搜索组件支持受控/非受控模式，回车/点击图标/点击按钮触发搜索
- 统计卡片支持带图标横排和独立卡片两种布局

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 11:11:24 +08:00
zdl
cc4ecf4c76 fix: 修复一级导航菜单展开时文字颜色消失问题 
- 添加 getMenuButtonStyle 函数统一管理 MenuButton 样式
- 为所有 MenuButton 添加 _expanded 状态样式
- 菜单展开时保持浅色主题（背景 gray.100，文字 gray.700）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-30 10:24:47 +08:00
zdl
a929eabc7f fix: 修复导航栏深色模式残留问题 
- HomeNavbar: 移除 useColorModeValue，直接使用浅色值
- BrandLogo: 移除 useColorModeValue，品牌文字使用 gray.800
- DesktopNav: 移除 useColorModeValue，菜单按钮使用 gray.700
- DesktopNav: 所有 MenuList 添加白色背景和浅色边框
- DesktopNav: 所有 MenuItem 添加统一的浅色主题样式

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:53:16 +08:00
zdl
e714dc1dff refactor: 移除深色模式支持，简化主题配置 
- theme.js: 添加 config 配置强制使用浅色主题
- AppProviders.js: 移除冗余的 colorModeManager 配置
- 删除未使用的 Configurator 组件

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:41 +08:00
zdl
e9c9f1ba7c feat(FlexScreen): Mock 模式下使用本地 Mock 数据替代 WebSocket 
- constants.ts: 添加 IS_MOCK_MODE 常量，Mock 模式下跳过 WebSocket 连接
- useRealtimeQuote.ts: Mock 模式下生成本地行情数据并每 3 秒模拟更新
- 解决 Mock 模式下 WebSocket 连接失败的报错问题

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:41 +08:00
zdl
e75d363ab1 chore: 删除未使用的 tableData2.json (第11批) 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:41 +08:00
zdl
517ba232c4 chore: 删除未使用的 Variables 文件 (第10批) 
删除以下未被引用的文件：
- calendar.js / charts.js
- columnsData.js / general.js
- tableData1.json

这些文件仅被已废弃的 Pages 组件引用

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:40 +08:00
zdl
6fed1b40cd chore: 删除未使用的 Hooks/Services/Utils 文件 (第9批) 
删除以下未被引用的文件：
- usePostHog.js (已被 usePostHogRedux.js 替代)
- llmService.js
- debugEventService.js / eventBus.js / tradingTimeUtils.js

⚠️ 已恢复误删的 predictionMarketService.js

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:40 +08:00
zdl
8c2260cf44 chore: 删除未使用的 Tables 组件和 Hooks (第8批) 
删除以下未被引用的文件：
- TablesProjectRow.js / TablesTableRow.js
- useDashboardEvents.js / useEventNotifications.js
- useFirstScreenMetrics.ts

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:40 +08:00
zdl
290e9c2dba chore: 删除未使用的 Subscription 和 Tables 组件 (第7批) 
删除以下未被引用的组件：
- SubscriptionModal.js
- BasicTable.js / DashboardTableRow.js
- SearchTable1.js / SearchTable2.js

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:40 +08:00
zdl
6e7d4e0096 chore: 删除未使用的组件文件 (第6批) 
删除以下未被引用的组件：
- AuthNavbar.js / SettingsBar.js (Navbars)
- PostHogProvider.js
- RTLProvider.js
- Scrollbar.js

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:40 +08:00
zdl
051fb522c2 chore: 删除未使用的字体和组件文件 (第5批) 
删除以下未被引用的文件：
- nucleo.woff / nucleo.woff2 (字体文件)
- AuthBackground.js / AuthFooter.js (Auth 组件)
- MiniLineChart.js (EventDetailPanel 组件)

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:40 +08:00
zdl
1b9980d409 chore: 删除未使用的 CSS 和字体文件 (第4批) 
删除以下未被引用的文件：
- svg-with-js.min.css
- v5-font-face.css / v5-font-face.min.css
- nucleo.eot / nucleo.ttf

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:40 +08:00
zdl
da97aa1e59 chore: 删除未使用的 CSS/SourceMap 文件 (第3批) 
删除以下未被引用的文件：
- soft-design-system-pro.css.map
- soft-ui-dashboard.css.map
- solid.css / solid.min.css
- svg-with-js.css

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:39 +08:00
zdl
05af1985a2 chore: 删除未使用的 CSS 文件 (第2批) 
删除以下未被引用的 CSS 文件：
- fontawesome.min.css
- nucleo-icons.css / nucleo-svg.css
- regular.css / regular.min.css

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:39 +08:00
zdl
0b70b42a38 chore: 删除未使用的 FontAwesome CSS 文件 (第1批) 
删除以下未被引用的 CSS 文件：
- all.css / all.min.css
- brands.css / brands.min.css
- fontawesome.css

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 18:11:39 +08:00
zzlgreat
d35762401a 增加主力数据 2025-12-29 17:19:12 +08:00
zzlgreat
476a741ea5 增加主力数据 2025-12-29 16:32:21 +08:00
zzlgreat
1716f9fc8c 增加主力数据 2025-12-29 16:23:37 +08:00
zzlgreat
0e58af9f94 增加主力数据 2025-12-29 16:17:23 +08:00
zdl
a9cb60a12b fix: EPS图例颜色改为绿色 & 公告类型编码格式处理 
- ForecastReport/constants.ts: epsAvg 颜色从灰色改为绿色 #10B981
- AnnouncementsPanel.tsx: 添加 formatInfoType 函数处理原始编码格式
  - 当 info_type 包含 || 分隔符时显示"公告"而非原始编码

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 10:54:58 +08:00
zdl
d9c1dd3658 fix(NewsEventsTab): 点击新闻事件在新标签页打开 
- 将 navigate() 改为 window.open('_blank')
- 用户可以返回到新闻动态列表继续浏览

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 10:54:58 +08:00
zdl
596504d70c fix(PePegChart): PEG 也添加单位"倍" 
- Tooltip: PE 和 PEG 都显示单位"倍"
- Y 轴: PEG 轴名称改为 "PEG(倍)"

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 10:54:58 +08:00
zdl
8f97efa15d fix(DetailTable): PE 和 PEG 指标添加单位"倍" 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 10:54:58 +08:00
zdl
50567229c9 fix(ForecastReport): 修复 EPS 和 PE/PEG 图表显示问题 
- EpsChart: 将行业平均颜色从深灰改为亮灰色提高对比度
- EpsChart: 在 legend 中明确指定颜色
- PePegChart: 在 legend 中明确指定 PE 和 PEG 的颜色
- PePegChart: 增加右侧间距避免 PEG 轴数字被遮挡

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 10:54:58 +08:00
zdl
e5d9cf1f2e fix(ForecastReport): 修复营收与利润趋势图表图例颜色不一致 
- 在 legend.data 中明确指定各系列的颜色
- 营业总收入: 金色 (CHART_COLORS.income)
- 归母净利润: 橙金色 (CHART_COLORS.profit)
- 营收增长率: 翠绿色 (CHART_COLORS.growth)

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-29 10:54:58 +08:00
zzlgreat
325ca2b796 增加事件的分享功能 2025-12-28 22:53:40 +08:00
zzlgreat
f35a5b4b47 修改concept 2025-12-28 13:42:57 +08:00