vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
884 Commits 33 Branches 1 Tag
01d966bee6d1df6109d87d62a5268202cd69eb9f
Commit Graph

64 Commits

Author SHA1 Message Date
zzlgreat
2ce5944687 update pay function 2025-11-24 19:22:22 +08:00
zzlgreat
b6ed21c4e4 update pay function 2025-11-24 19:07:24 +08:00
zzlgreat
cab3004a84 update pay function 2025-11-24 16:39:36 +08:00
zdl
614cfd3de7 feat: StockListItem.js - 分时/K线点击切换效果修复 2025-11-23 10:02:13 +08:00
zdl
7ba07109af 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
fe11bd9e6a Merge branch 'feature_bugfix/251113_ui' into feature_bugfix/251113_bugfix 
* feature_bugfix/251113_ui:
  update ui
  update ui
  update ui
  update ui
  update ui
 2025-11-14 16:16:10 +08:00
zdl
f44c5d37ed feat: 添加评论功能 2025-11-14 16:15:13 +08:00
zzlgreat
ba193db5aa update ui 2025-11-14 15:50:21 +08:00
zzlgreat
d0f8832e9a update ui 2025-11-14 08:09:18 +08:00
zzlgreat
c412aeceee update ui 2025-11-14 07:25:12 +08:00
zzlgreat
6ddcbf80d7 update ui 2025-11-14 06:39:29 +08:00
zzlgreat
3d558a7e49 update ui 2025-11-13 23:44:37 +08:00
zzlgreat
17a7dfa415 update ui 2025-11-13 23:24:54 +08:00
zzlgreat
316eb5f172 update ui 2025-11-13 22:21:59 +08:00
zzlgreat
4c31a4103c 事件中心ui 2025-11-10 12:32:14 +08:00
zzlgreat
03c481309f 事件中心ui 2025-11-10 12:22:21 +08:00
zzlgreat
63216f9cbb 事件中心有引用的相关详情样式调整 2025-11-10 10:18:55 +08:00
zdl
028f0d31c7 feat: 优化股票卡片显示 
d670b0a feat: 历史股票增加相关度数据
     02c03ab feat: 修改列表默认状态
     8bdc2aa feat: 处理mock数据
 2025-11-07 20:05:14 +08:00
zdl
c3985006f0 feat: DynamicNewsDetailPanel 支持无头部模式和精简模式优化 
新增功能：
- 添加 showHeader prop 控制头部显示/隐藏（默认 true）
- 无头部模式下显示 CompactMetaBar 精简信息栏（右上角浮动）
- 相关股票支持精简模式（使用 CompactStockItem + Wrap 布局）
- 添加 showModeToggle 和 simpleContent props 到相关股票模块

Bug 修复和优化：
- 修复 isStocksOpen 初始值依赖未就绪变量的问题（改为 false）
- 优化股票加载逻辑：PRO 和 MAX 会员都默认展开和自动加载
- 更新日志文案：从"PRO会员"改为"PRO/MAX会员"

导入调整：
- 添加 Wrap, WrapItem（用于精简模式布局）
- 添加 CompactMetaBar（无头部模式信息栏）
- 添加 CompactStockItem（精简模式股票卡片）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-07 19:48:08 +08:00
zdl
7ef4dcc846 feat: RelatedConceptsSection 支持受控模式和优化 
- 新增 isOpen, onToggle props 支持外部控制展开状态（受控模式）
- 添加 hasNoConcepts 判断，优化空数据处理逻辑
- 改进精简模式和详细模式的空状态显示
- 增强点击处理逻辑，支持受控/非受控两种模式

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-07 19:46:29 +08:00
zdl
1a70ef5b2f RelatedStocksSection 重构为纯详细模式组件 2025-11-07 19:32:36 +08:00
zdl
a95ecd74a0 Commit 2: CollapsibleSection 支持精简/详细双模式 2025-11-07 19:32:10 +08:00
zdl
465e0ac0cd feat: 功能: │ │ 
│ │ - 新增 showModeToggle, currentMode, onModeToggle 等 props                                                                                      │ │
│ │ - 支持显示模式切换按钮（"精简模式" / "查看详情"）                                                                                              │ │
│ │ - 根据模式动态显示按钮文案和图标
 2025-11-07 19:31:42 +08:00
zdl
7d4711d104 feat: 相关股票添加合规 2025-11-07 19:29:19 +08:00
zdl
d8fd86a04d feat: 事件中心详情面板Ui调整 2025-11-07 18:39:49 +08:00
zdl
9c79c44519 feat: 事件详情添加浏览量点击机制 2025-11-07 14:16:11 +08:00
zzlgreat
c3b6f50ba3 事件中心UI优化 2025-11-07 10:56:08 +08:00
zzlgreat
bd35a26199 事件中心UI优化 2025-11-07 10:31:42 +08:00
zzlgreat
578805eab2 事件中心UI优化 2025-11-07 10:16:21 +08:00
zzlgreat
fbd78ee0c5 事件中心UI优化 2025-11-07 09:57:49 +08:00
zzlgreat
130e191948 事件中心UI优化 2025-11-07 09:45:42 +08:00
zdl
67ca7855c1 feat: 相关概念添加 PRO 权限控制... 2025-11-06 01:20:33 +08:00
zdl
32c8230a7c feat: 事件详情权限加上权限校验 2025-11-05 21:31:02 +08:00
zdl
2008419561 fix: 修复 CollapsibleHeader Box 组件导入缺失 2025-11-05 18:58:19 +08:00
zdl
89b7a903a4 refactor: 调整事件详情面板中相关股票和相关概念的显示顺序 
修改内容：
- 将"相关股票"移到"相关概念"之前显示
- 优化用户体验，优先展示用户更关心的股票信息

新的显示顺序：
1. 事件描述
2. 相关股票 ← 现在排在前面
3. 相关概念 ← 现在排在后面
4. 历史事件对比
5. 传导链分析

修改文件：
- src/views/Community/components/DynamicNewsDetail/DynamicNewsDetailPanel.js

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:24:01 +08:00
zdl
656bc60194 feat: 优化股票卡片布局和弹窗性能 
布局优化：
- 将分时图和K线图移至第二行公司名称后面
- 第二行布局：公司名称（左）+ 分时图 + K线图（右）
- 删除图表标题文字，使布局更紧凑
- 移除未使用的 SimpleGrid 导入

性能优化：
- 股票详情弹窗改为条件渲染
- 弹窗关闭时完全从 DOM 移除
- 减少不必要的组件渲染和内存占用
- 与四排模式弹窗保持一致的实现方式

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 11:09:53 +08:00
zdl
5a54970e20 feat: k线图自适应 2025-11-05 10:10:22 +08:00
zdl
614c1de389 fix: 修复纵向模式右侧详情折叠展开后无法滑动的问题 
问题描述:
- 纵向模式下，右侧详情面板中的折叠区块（相关股票、历史事件等）展开后
- 右侧面板无法滚动，用户无法查看完整内容

根本原因:
- Chakra UI Collapse 组件在动画过程中设置 overflow: hidden
- 动画结束后可能没有正确恢复，影响父容器的滚动功能
- 嵌套滚动容器之间存在冲突

解决方案:

1. CollapsibleSection.js
   - 为 Collapse 组件添加 unmountOnExit={false}
   - 添加 startingHeight={0} 确保动画从 0 开始
   - 防止 Collapse 动画干扰父容器的 overflow 属性

2. EventScrollList.js
   - 为右侧详情 Box 添加 position="relative"
   - 使用 overflow: auto !important 强制保持滚动功能
   - 确保即使子元素有 overflow 设置也不受影响

技术细节:
- unmountOnExit={false} 保持 DOM 节点存在，避免频繁挂载/卸载
- startingHeight={0} 确保折叠动画的起始高度一致
- !important 提高 CSS 优先级，覆盖子元素的 overflow 设置
- position: relative 创建新的层叠上下文，隔离滚动行为

影响范围:
- 纵向模式右侧详情面板
- 所有使用 CollapsibleSection 的区块

测试建议:
1. 切换到纵向模式
2. 展开"相关股票"或其他折叠区块
3. 尝试滚动右侧详情面板
4. 确认可以正常查看所有内容

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 09:58:52 +08:00
zdl
0529445ad4 fix: 修复详情面板"相关股票"重复标题的问题 
问题描述:
- 详情面板中出现两个"相关股票"标题
- 用户反馈截图显示标题重复渲染

根本原因:
- DynamicNewsDetailPanel 使用 CollapsibleSection 包裹 RelatedStocksSection
- RelatedStocksSection 内部又渲染了 CollapsibleHeader
- 导致双重标题渲染

解决方案:
1. RelatedStocksSection.js
   - 移除内部的 CollapsibleHeader 和 Collapse 组件
   - 只保留纯内容部分（股票网格）
   - 简化组件职责：仅负责渲染股票列表

2. DynamicNewsDetailPanel.js
   - 移除传递给 RelatedStocksSection 的 isOpen 和 onToggle props
   - 折叠逻辑由外层的 CollapsibleSection 统一管理

修改文件:
- RelatedStocksSection.js - 移除重复的标题和折叠逻辑
- DynamicNewsDetailPanel.js - 清理无用的 props 传递

影响范围:
- 事件详情面板的"相关股票"区块

测试建议:
1. 打开事件详情面板
2. 展开"相关股票"区块
3. 确认只有一个标题

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 09:54:50 +08:00
zdl
5640126095 feat: feat: 实现事件详情子模块懒加载useEventStocks添加 autoLoad 参数和分离加载函数 │ │ 
│ │   - DynamicNewsDetailPanel实现子模块折叠和懒加载
 2025-11-05 08:29:44 +08:00
zdl
38a0dff6e9 feat: 概念股票列表支持滚动查看全部数据 2025-11-05 08:12:03 +08:00
zdl
da19cc33af feat: 历史事件对比没数据数量展示0 2025-11-04 20:07:21 +08:00
zdl
7169c38836 feat: 添加超预期的分提示 2025-11-04 19:39:46 +08:00
zdl
cc9097815f feat: 添加合规提示 2025-11-04 19:26:18 +08:00
zdl
355f3cadb7 feat: 相关概念UI调整 2025-11-04 18:22:26 +08:00
zdl
6f60948ce5 feat: bugfix 2025-11-03 18:26:59 +08:00
zdl
8804f759d9 feat: bugfix 2025-11-03 18:20:57 +08:00
zdl
6872d7477f feat: 实现 Redux 全局状态管理事件关注功能 
本次提交实现了滚动列表和事件详情的关注按钮状态同步：

✅ Redux 状态管理
- communityDataSlice.js: 添加 eventFollowStatus state
- 新增 toggleEventFollow AsyncThunk（复用 EventList.js 逻辑）
- 新增 setEventFollowStatus reducer 和 selectEventFollowStatus selector

✅ 组件集成
- DynamicNewsCard.js: 从 Redux 读取关注状态并传递给子组件
- EventScrollList.js: 接收并传递关注状态给事件卡片
- DynamicNewsDetailPanel.js: 移除本地 state，使用 Redux 状态

✅ Mock API 支持
- event.js: 添加 POST /api/events/:eventId/follow 处理器
- 返回 { is_following, follower_count } 模拟数据

✅ Bug 修复
- EventDetail/index.js: 添加 useRef 导入
- concept.js: 导出 generatePopularConcepts 函数
- event.js: 添加 /api/events/:eventId/concepts 处理器

功能：
- 点击滚动列表的关注按钮，详情面板的关注状态自动同步
- 点击详情面板的关注按钮，滚动列表的关注状态自动同步
- 关注人数实时更新
- 状态在整个应用中保持一致

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-03 17:40:09 +08:00
zdl
ca28596c0c fix: 修复 Mock 环境相关概念返回空结果问题 
问题分析：
- Mock handler 的过滤逻辑过于严格
- 只保留概念名包含查询关键词的结果
- 导致大部分查询返回空数组

解决方案：
✅ 移除字符串匹配过滤逻辑
- Mock 环境直接返回热门概念
- 模拟真实 API 的语义搜索行为
- 确保每次搜索都有结果展示

✅ 添加详细调试日志
- RelatedConceptsSection 组件渲染日志
- useEffect 触发和参数日志
- 请求发送和响应详情
- 数据处理过程追踪

✅ 完善 Mock 数据结构
- 添加 score, match_type, happened_times, stocks
- 支持详细卡片展示
- 数据结构与线上完全一致

修改文件：
- src/mocks/handlers/concept.js
- src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-03 16:40:25 +08:00
zdl
d3b6913fc0 feat: 统一事件详情和滚动列表的重要性颜色样式 
优化：
- 事件详情页面的重要性标签从固定橙色改为动态红色渐变
- 背景色使用 importance.bgColor (red.50)
- 文字和边框颜色使用 importance.badgeBg (red.800/600/500/400)
- 添加 2px 边框以保持视觉一致性
- 与滚动事件列表的重要性角标样式保持统一

修改文件：
- src/views/Community/components/DynamicNewsDetail/EventHeaderInfo.js

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-03 15:59:12 +08:00