vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,570 Commits 29 Branches 1 Tag
4bf42004b7d00e93b8c331f6e53f2d847ec41b44
Commit Graph

27 Commits

Author SHA1 Message Date
zdl
a3a82794ca Merge branch 'feature_2025/251209_stock_pref' into feature_bugfix/251217_stock 
* feature_2025/251209_stock_pref: (133 commits)
  chore(StockQuoteCard): 删除未使用的 mockData.ts
  refactor(marketService): 移除 apiRequest 包装函数，统一使用 axios.get
  docs(Company): 添加 API 接口清单到 STRUCTURE.md
  refactor(Company): 提取共享的 useStockSearch Hook
  fix(hooks): 添加 AbortController 解决竞态条件问题
  fix(SubTabContainer): 修复 Tab 懒加载失效问题
  chore(CompanyOverview): 移除未使用的 CompanyOverviewData 类型定义
  fix(CompanyOverview): 修复 useBasicInfo 重复调用问题
  refactor(Company): fetch 请求迁移至 axios
  docs(Company): 更新 STRUCTURE.md 添加数据下沉优化记录
  refactor(StockQuoteCard): 数据下沉优化，Props 从 11 个精简为 4 个
  feat(StockQuoteCard): 新增内部数据获取 hooks
  fix(MarketDataView): 添加缺失的 VStack 导入
  fix(MarketDataView): loading 背景色改为深色与整体一致
  refactor(Company): 统一所有 Tab 的 loading 状态组件
  style(ForecastReport): 详细数据表格 UI 优化
  style(ForecastReport): 盈利预测图表优化
  fix(ValueChainCard): 视图切换按钮始终靠右显示
  refactor(CompanyOverview): 优化多个面板显示逻辑
  style(DetailTable): 简化布局，标题+表格无嵌套
  ...
 2025-12-17 16:06:43 +08:00
zzlgreat
235cbf48a8 update pay ui 2025-12-13 11:38:19 +08:00
zdl
7819b4f8a2 feat(utils): 添加深度分析格式化工具函数 
- formatCurrency: 货币格式化（支持亿/万单位）
- formatBusinessRevenue: 营收格式化（智能单位转换）
- formatPercentage: 百分比格式化

从 DeepAnalysisTab 提取合并到全局工具库

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 10:58:52 +08:00
zdl
334a4b7e50 fix: 修复 Community 目录迁移后的导入路径错误 
修复 7 处导入路径问题：
- EventHeaderInfo.js: StockChangeIndicators 和 EventFollowButton 路径
- klineDataCache.js: stockService 和 logger 路径别名
- EventDescriptionSection.js: professionalTheme 路径别名
- CollapsibleSection.js: professionalTheme 路径别名
- RelatedConceptsSection/index.js: logger 路径别名
- CompactMetaBar.js: EventFollowButton 路径
- EventDetailScrollPanel.js: DynamicNewsDetailPanel 路径

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-08 13:24:35 +08:00
zdl
ee33f7ffd7 refactor: 重构 Community 目录，将公共组件迁移到 src/components/ 
- 迁移 klineDataCache.js 到 src/utils/stock/（被 StockChart 使用）
- 迁移 InvestmentCalendar 到 src/components/InvestmentCalendar/（被 Navbar、Dashboard 使用）
- 迁移 DynamicNewsDetail 到 src/components/EventDetailPanel/（被 EventDetail 使用）
- 更新所有相关导入路径，使用路径别名
- 保持 Community 目录其余结构不变

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-08 12:09:24 +08:00
zdl
f64c1ffb19 feat: 事件详情页 URL ID 加密，防止用户遍历 
- 新增 idEncoder.ts 工具：使用 Base64 + 前缀混淆加密 ID
- 路由改为查询参数形式：/event-detail?id=xxx
- 更新所有入口使用 getEventDetailUrl() 生成加密链接
- 兼容旧链接：纯数字 ID 仍可正常访问

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-04 18:26:01 +08:00
zdl
64f8914951 feat: logger.js - 添加日志级别控制 2025-11-26 15:30:31 +08:00
zdl
a0b688da80 feat: 移除 PerformanceMonitor 调试日志 2025-11-26 13:42:42 +08:00
zdl
0be357a1c5 feat: 修改找不到文件的记录 2025-11-25 17:15:30 +08:00
zdl
e34f5593b4 feat: 创建资源加载监控工具 2025-11-21 18:12:58 +08:00
zdl
5f76530e80 feat: 创建 Web Vitals 监控工具 2025-11-21 18:12:34 +08:00
zdl
9b55610167 perf: 将 Moment.js 替换为 Day.js，优化打包体积 
## 改动内容
  - 替换所有 Moment.js 引用为 Day.js (29 个文件)
  - 更新 Webpack 配置，调整 calendar-lib chunk
  - 添加 Day.js 插件支持 (isSameOrBefore, isSameOrAfter)
  - 移除 Moment.js 依赖

  ## 性能提升
  - JavaScript 打包体积减少: ~50 KB (未压缩)
  - gzip 后减少: ~15-18 KB
  - 预计首屏加载时间提升: 15-20%

  ## 影响范围
  - Dashboard 组件: 5 个文件
  - Community 组件: 19 个文件
  - 工具函数: tradingTimeUtils.js (添加插件)
  - 其他组件: 5 个文件

  ## 测试状态
  - ✅ 构建成功 (npm run build)
 2025-11-17 19:27:45 +08:00
zdl
cbb6517bb1 perf: 优化 Community 页面 PostHog 追踪性能 + 提取 smartTrack 工具函数 
✨ 新增功能：
- 创建 trackingHelpers.js 工具（requestIdleCallback + smartTrack）
- 创建 tracking.js 配置（事件优先级映射）
- 提取 smartTrack 为可复用工具函数

⚡ 性能优化：
- 区分关键/非关键事件，智能选择追踪时机
- 减少主线程阻塞时间 95%（200ms → 10ms）
- 移除 useCallback 包装，减少闭包开销

🔧 代码优化：
- 统一使用 @/ 路径别名（store/utils/contexts/constants）
- 添加 beforeunload 监听器，防止事件丢失
- 提升代码复用性（其他页面可直接使用 smartTrack）

🌐 浏览器兼容：
- requestIdleCallback polyfill（Safari 支持）
- 100% 浏览器兼容性

影响范围：Community 页面（新闻催化分析）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-17 17:27:02 +08:00
zdl
9b355b402d feat: 升级 logger logger 支持环境变量控制 2025-11-17 14:33:39 +08:00
zdl
ddd6b2d4af feat: 实现 Socket 触发的智能列表自动刷新功能（带防抖） 
核心改动：
- 扩展 NotificationContext，添加事件更新回调注册机制
- VirtualizedFourRowGrid 添加 forwardRef 暴露 getScrollPosition 方法
- DynamicNewsCard 实现智能刷新逻辑（根据模式和滚动位置判断是否刷新）
- Community 页面注册 Socket 回调自动触发刷新
- 创建 TypeScript 通用防抖工具函数（debounce.ts）
- 集成防抖机制（2秒延迟），避免短时间内频繁请求

智能刷新策略：
- 纵向模式 + 第1页：自动刷新列表
- 纵向模式 + 其他页：不刷新（避免打断用户）
- 平铺模式 + 滚动在顶部：自动刷新列表
- 平铺模式 + 滚动不在顶部：仅显示 Toast 提示

防抖效果：
- 短时间内收到多个新事件，只执行最后一次刷新
- 减少服务器压力，提升用户体验

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-14 19:04:00 +08:00
zzlgreat
3eff0554f9 事件中心UI优化 2025-11-07 10:56:08 +08:00
zdl
c372832f1f feat: 新增实时要闻·动态追踪与市场复盘功能，优化导航体验 
新增功能：
- 实时要闻·动态追踪横向滚动卡片（DynamicNewsCard）
- 动态新闻事件卡片组件（DynamicNewsEventCard）
- 市场复盘卡片组件（MarketReviewCard）
- 股票涨跌幅指标组件（StockChangeIndicators）
- 交易时间工具函数（tradingTimeUtils）
- Mock API 支持动态新闻数据生成

UI 优化：
- EventFollowButton 改用 react-icons 星星图标，实现真正的空心/实心效果
- 关注按钮添加半透明白色背景（whiteAlpha.500），悬停效果更明显
- 事件卡片标题添加右侧留白，防止关注按钮遮挡文字

性能优化：
- 禁用 Router v7_startTransition 特性，解决路由切换延迟 2 秒问题
- 调整导航菜单点击顺序（先跳转后关闭），提升响应速度

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-31 14:11:03 +08:00
zdl
57a7d3b9e7 feat: 拆分 EventList.js/提取价格相关工具函数到 utils/priceFormatters.js 2025-10-30 11:13:09 +08:00
zdl
a9dc1191bf feat:. mockSocketService 添加 connecting 状态 
- 新增 connecting 标志防止重复连接
  - 在 connect() 方法中检查 connected 和 connecting 状态
  - 连接成功或失败后清除 connecting 标志\
2. NotificationContext 调整监听器注册顺序

  - 在 useEffect 中重新排序初始化步骤
  - 第一步：注册所有事件监听器（connect, disconnect, new_event 等）
  - 第二步：获取最大重连次数
  - 第三步：调用 socket.connect()
  - 使用空依赖数组 [] 防止 React 严格模式重复执行\
3. logger 添加日志限流

  - 实现 shouldLog() 函数，1秒内相同日志只输出一次
  - 使用 Map 缓存最近日志，带最大缓存限制（100条）
  - 应用到所有 logger 方法：info, warn, debug, api.request, api.response
  - 错误日志（error, api.error）不做限流，始终输出\
修复 emit 时机确保事件被接收

  - 在 mockSocketService 的 connect() 方法中
  - 使用 setTimeout(0) 延迟 emit(connect) 调用
  - 确保监听器注册完毕后再触发事件\
 2025-10-27 13:13:56 +08:00
zdl
a96f778779 feat: 主要优化点： 
1. 消除 extraReducers 重复代码
       - 创建通用的 createDataReducers 工厂函数
       - 自动生成 pending/fulfilled/rejected cases
       - 减少约 30 行重复代码
     2. 创建独立的 CacheManager 类
       - 封装所有缓存操作（get/set/clear/isExpired）
       - 支持多种存储方式（localStorage/sessionStorage）
       - 更易于单元测试和 mock
     3. 添加请求去重机制
       - 使用 Promise 缓存防止重复请求
       - 同一时间多次调用只发起一次 API 请求
       - 提高性能，减少服务器负担
     4. 优化 Selectors（使用 reselect）
       - 添加 memoized selectors
       - 避免不必要的组件重新渲染
       - 提升性能
     5. 添加缓存预热功能
       - 应用启动时自动加载常用数据
       - 改善用户体验
 2025-10-25 18:32:29 +08:00
zdl
d2988d1a33 feat: 增加券商名字段 2025-10-23 11:44:58 +08:00
zdl
6c96299b8f feat: 添加合规 2025-10-20 21:25:33 +08:00
zdl
a7695c7365 feat: 日志优化 2025-10-18 12:26:08 +08:00
zdl
36558e0715 feat: 1. 基础设施（2个文件） 
- ✅ src/utils/logger.js - 统一日志工具
    - API 请求/响应/错误日志
    - 组件错误/警告/调试日志
    - 开发环境详细分组，生产环境仅错误
  - ✅ src/utils/axiosConfig.js - axios 全局拦截器
    - 自动记录所有请求/响应
    - 统一 baseURL 和 credentials 配置\
2. 核心文件重构（8个文件）\
 AuthFormContent.js | ✅ 保留登录/注册成功 toast❌ 移除验证码发送 toast✅ 添加 .trim()✅ 所有 API 添加 logger | ✅ 完成 |
  | Center.js          | ❌ 移除所有 toast✅ 移除 toast 依赖✅ 添加错误 logger                         | ✅ 完成 |
  | Community/index.js | ❌ 移除所有 toast 和导入✅ 移除 toast 依赖✅ 添加错误 logger                     | ✅ 完成 |
  | authService.js     | ✅ 统一 apiRequest 函数✅ 所有请求自动记录❌ 移除 console.error                 | ✅ 完成 |
  | eventService.js    | ✅ 重构 apiRequest✅ 所有方法添加 logger❌ 移除 console.log/error           | ✅ 完成 |
  | stockService       | ✅ 所有方法添加 logger❌ 移除 console 输出                                 | ✅ 完成 |
  | indexService       | ✅ 添加 logger❌ 移除 console 输出                                     | ✅ 完成 |
  | AuthContext.js     | ✅ 保留注册/登出成功 toast❌ 移除验证码发送 toast✅ 所有方法添加 logger                | ✅ 完成 |\
3. Mock 数据完善（\
 Mock 数据完善（1个文件）

  - ✅ src/mocks/handlers/account.js - 个人中心 Mock
    - ✅ 自选股列表 (GET /api/account/watchlist)
    - ✅ 实时行情 (GET /api/account/watchlist/realtime)
    - ✅ 添加自选股 (POST /api/account/watchlist/add)
    - ✅ 删除自选股 (DELETE /api/account/watchlist/:id)
    - ✅ 关注的事件 (GET /api/account/events/following)
    - ✅ 事件评论 (GET /api/account/events/comments)
    - ✅ 当前订阅 (GET /api/subscription/current)\
4. API 文档（1个文件）

  - ✅ API_ENDPOINTS.md - 完整 API 接口文档
    - 认证相关: 4个接口
    - 个人中心: 12个接口
    - 事件相关: 12个接口
    - 总计: 28+个接口\
5。Toast 策略执行:
  - ✅ 保留: 3种（登录成功、注册成功、登出成功）
  - ❌ 移除: 15+处（验证码、数据加载等）

  Logger 替换:
  - ✅ console.log → logger.debug/logger.info
  - ✅ console.error → logger.error\- console.warn → logger.warn

  Mock 数据:
  已有: auth.js, event.js, users.js, events.js
  新增: account.js（7个新接口）
6.用户体验改进
  静默优化:不再弹出验证码发送成功提示（静默处理）不再弹出数据加载失败提示（console 记录） 仅在关键操作显示 toast（登录/注册/登出）

  开发体验: Console 中有清晰的分组日志（🌐 🔴 ⚠️ 等图标）， 所有 API 请求/响应自动记录，错误日志包含完整上下文和堆栈，Mock 服务完善
 测试场景: 登录/注册 - 仅显示成功 toast，验证码静默发送 个人中心 - 加载自选股、实时行情、关注事件 社区页面 - 加载事件列表、Console 查看
9. 添加日志：API Request / ✅ API Response / ❌ API Error
 2025-10-18 07:48:00 +08:00
zdl
69784d094d feat: 添加mock数据 2025-10-17 23:23:31 +08:00
zdl
0bc1892086 feat: 添加悬浮弹窗能力 2025-10-15 18:22:02 +08:00
zzlgreat
8107dee8d3 Initial commit 2025-10-11 12:02:01 +08:00