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

542 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
zdl
319a78d34c fix: 修复分页、筛选和模式切换相关问题 
主要修复：
1. 修复模式切换时 per_page 参数错误
   - 在 useEffect 内直接根据 mode 计算 per_page
   - 避免使用可能过时的 pageSize prop

2. 修复 DISPLAY_MODES 未定义错误
   - 在 DynamicNewsCard.js 中导入 DISPLAY_MODES 常量

3. 添加空状态显示
   - VerticalModeLayout 添加无数据时的友好提示
   - 显示图标和提示文字，引导用户调整筛选条件

4. 修复无限请求循环问题
   - 移除模式切换 useEffect 中的 filters 依赖
   - 避免筛选和模式切换 useEffect 互相触发

5. 修复筛选参数传递问题
   - usePagination 使用 useRef 存储最新 filters
   - 避免 useCallback 闭包捕获旧值
   - 修复时间筛选参数丢失问题

6. 修复分页竞态条件
   - 允许用户在加载时切换到不同页面
   - 只阻止相同页面的重复请求

涉及文件：
- src/views/Community/components/DynamicNewsCard.js
- src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js
- src/views/Community/components/DynamicNewsCard/hooks/usePagination.js
- src/views/Community/hooks/useEventFilters.js
- src/store/slices/communityDataSlice.js
- src/views/Community/components/UnifiedSearchBox.js

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 17:39:03 +08:00
zdl
8799964961 refactor: 恢复 TradingTimeFilter 到原版本 
- 移除 timeRange prop 及其同步逻辑
- 恢复原有的 value 同步逻辑
- 简化组件接口

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 15:33:54 +08:00
zdl
42808501b0 refactor: 删除 FilterModal 筛选弹窗组件 
- 移除 FilterModal.js 文件
- 简化组件结构，筛选功能保留在 CardHeader 的 UnifiedSearchBox 中

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 15:33:36 +08:00
zdl
291362b88d feat: VerticalModeLayout 详情/列表模式自动切换 
- 点击事件自动切换到详情模式
- 切换到列表模式时重置详情面板（通过 key 强制重新渲染）
- 添加独立滚动容器，支持左右两侧独立滚动
- 优化布局高度控制，使用 h="100%" 撑满父容器

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 14:13:06 +08:00
zdl
f5328ec3a1 fix: 修复 EventScrollList 和 EventDetailScrollPanel 布局问题 
- EventScrollList.js: 添加 h="100%" 和 data-scroll-container 属性，支持独立滚动
- EventDetailScrollPanel.js: 移除 maxHeight 限制，允许详情面板撑满容器高度
- 修复布局显示问题，优化滚动体验

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 14:12:05 +08:00
zdl
52cf950b21 feat: 创建 FilterModal 筛选弹窗组件 
- 新增 FilterModal.js 组件，用于在固定模式下显示筛选弹窗
- 复用 UnifiedSearchBox 组件实现筛选功能
- 支持 mode 和 pageSize 参数传递
- 添加 scrollBehavior="outside" 避免下拉菜单被遮挡

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 14:09:59 +08:00
zdl
f9b580c871 feat: bundle升级 2025-11-06 13:30:28 +08:00
zdl
8b25d5d91c feat: 时间筛选重置调整 2025-11-06 12:41:32 +08:00
zdl
c6b3b56cb8 feat: 搜索框布局调整 2025-11-06 12:40:58 +08:00
zdl
42f1b2f24e feat: 热门关键词展示一行，且不展示股票数量 2025-11-06 12:37:37 +08:00
zdl
935c933cb8 feat: 搜索框接入交易时间段筛选能力 2025-11-06 11:48:31 +08:00
zdl
f4b58b42cc feat: 添加交易时间段筛选组件 2025-11-06 11:46:31 +08:00
zdl
5ff8db8899 pref: UI优化 2025-11-06 11:35:10 +08:00
zdl
116594d9b1 pref: 去掉无用代码 2025-11-06 10:26:43 +08:00
zdl
ca5adb3ad2 feat: 从替换式渲染 → 蒙层式渲染 
之前的问题：

  - Loading 时替换整个列表组件
  - 组件频繁挂载/卸载，性能差
  - 切换模式时界面跳动明显

  现在的方案：

  - ✅ 列表组件始终渲染（避免频繁挂载卸载）
  - ✅ Loading 通过蒙层叠加显示
  - ✅ 旧数据保持可见直到新数据加载完成
  - ✅ 更平滑的视觉过渡
 2025-11-06 10:17:10 +08:00
zdl
8eaaef1666 Merge branch 'feature_bugfix/251104_event' of https://git.valuefrontier.cn/vf/vf_react into feature_bugfix/251104_event 
* 'feature_bugfix/251104_event' of https://git.valuefrontier.cn/vf/vf_react:
  加入优惠码机制，预置3个优惠码
 2025-11-06 01:40:28 +08:00
zdl
ebb737427f fix: 优化模式切换体验和渲染逻辑 
## 问题修复
1. 模式切换时不再闪现"暂无事件数据"
2. 模式切换按钮始终可见，不会因加载状态而隐藏

## 技术改进
- 将控制栏（模式切换+分页）提取到 EventScrollList 外层
- 使用 mode（立即同步）而非 currentMode（延迟一帧）检查缓存
- 优化渲染顺序：loading → 数据 → 空状态，避免闪烁

## 文件修改
- DynamicNewsCard.js: 添加控制栏导入，优化渲染逻辑
- EventScrollList.js: 移除重复的控制栏代码

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 01:40:24 +08:00
zdl
31e5a4ee48 feat: 添加 RTK Query 集成用于事件数据获取（实验性）... 2025-11-06 01:25:44 +08:00
zdl
273ff5f72d feat: 相关概念添加 PRO 权限控制... 2025-11-06 01:20:33 +08:00
zdl
a5e001d975 refactor: 优化分页存储架构和缓存逻辑... 2025-11-06 01:20:07 +08:00
zdl
c5d6247f49 fix: 修复 MSW 接口和调试代码清理... 2025-11-06 01:17:06 +08:00
zdl
ad933e9fb2 feat: UI调整 2025-11-05 23:54:43 +08:00
zdl
adf6fc7780 feat:平铺模式 | ❌ 隐藏顶部分页控制器" 2025-11-05 22:34:07 +08:00
zdl
6930878ff6 refactor: 删除未使用的 lastUpdated 和 cachedCount 状态 
- 删除 initialState 中的 lastUpdated 和 cachedCount
  - 删除所有 reducer 中相关的设置代码
  - 更新 selectors 使用 .length 替代 cachedCount
  - 删除 shouldRefresh 工具函数

  简化理由：
  - lastUpdated 未被使用
  - cachedCount 可以通过 events.length 直接获取
 2025-11-05 22:33:25 +08:00
zdl
ed24a14fbf feat: 事件详情权限加上权限校验 2025-11-05 21:31:02 +08:00
zdl
25a6ff164b feat: 翻页bugfix 2025-11-05 19:28:17 +08:00
zdl
612b58c983 feat: feat: 优化事件卡片 UI 和交互体验 
修复 useColorModeValue 调用位置（提升到顶层）
优化分页和滚动逻辑
动态 indicatorSize 支持（detail/list 模式）
 2025-11-05 19:15:36 +08:00
zdl
27b68e928e feat: bugfix 2025-11-05 19:06:18 +08:00
zdl
e6ffb0dc74 Redux 相关修改 2025-11-05 19:01:56 +08:00
zdl
2355004dfb fix: refactor: 简化 Redux 数据管理逻辑并修复 bug 
修复 clearCache/clearSpecificCache 引用不存在的 state.dynamicNews bug
简化数据插入逻辑，移除复杂的 Append/Replace/Jump 模式（虚拟滚动接管）
添加空数据边界处理和 toast 提示
添加 mode 参数支持（vertical/four-row）
修复默认值解构避免 undefined 错误
修复 Redux slice 未使用参数的 TS 警告 仅 preloadData 和 toggleEventFollow.rejected 的参数修改 将未使用的 state 参数改为 _state 前缀，消除 TS6133 警告
 2025-11-05 19:00:53 +08:00
zdl
c5dcb4897d fix: 修复 CollapsibleHeader Box 组件导入缺失 2025-11-05 18:58:19 +08:00
zdl
dc0c8e2c60 feat: UI调整 2025-11-05 18:04:49 +08:00
zdl
2e89469d05 feat: 调整纵向列表UI 2025-11-05 17:50:33 +08:00
zdl
e617eddd46 feat: 添加mock数据 2025-11-05 17:49:15 +08:00
zdl
22186eb54a feat: 添加mock数据 2025-11-05 17:43:17 +08:00
zdl
c3ef837221 feat: 纵向详情列表高度控制 2025-11-05 17:33:28 +08:00
zdl
870b1f5996 feat: 多列布局ui调整 2025-11-05 17:30:21 +08:00
zdl
bc2a3b71c0 pref: 代码优化 2025-11-05 17:08:01 +08:00
zdl
ff7b8abe9d feat: 去除不相关逻辑 2025-11-05 17:02:49 +08:00
zdl
cb44c18e57 feat: 热门事件点击打开弹窗 2025-11-05 17:01:19 +08:00
zdl
623ec73c62 feat: 添加mock数据 2025-11-05 16:49:13 +08:00
zdl
4c08ef57ff feat: 股票涨跌幅指标组件 2025-11-05 16:49:04 +08:00
zdl
ca52d3bd87 feat: 纵向列表（HorizontalDynamicNewsEventCard.js:105-133） - 添加 Tooltip 提示 
平铺列表（DynamicNewsEventCard.js:232） - 修改行数限制
 2025-11-05 16:40:35 +08:00
zdl
62ae2e0803 feat: 提取 ImportanceBadge 组件 2025-11-05 16:15:18 +08:00
zdl
7e781731c4 feat: mock数据添加 2025-11-05 15:20:59 +08:00
zdl
0765f8a800 feat: 纵向布局分页模式优化 2025-11-05 15:20:43 +08:00
zdl
70dbf3b492 feat: StockChangeIndicators 组件优化 2025-11-05 15:19:48 +08:00
zdl
aa1a93c65b feat: 重要性徽章样式优化（圆形设计） 2025-11-05 15:19:02 +08:00
zdl
f9e4265dd6 feat: 配置完全mock环境 2025-11-05 15:00:11 +08:00
zzlgreat
1361a2b5b2 加入优惠码机制，预置3个优惠码 2025-11-05 14:39:20 +08:00