vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
570 Commits 32 Branches 1 Tag
17a7dfa415d501e76b59094d955291a8fcd57b48
Commit Graph

248 Commits

Author SHA1 Message Date
zzlgreat
17a7dfa415 update ui 2025-11-13 23:24:54 +08:00
zzlgreat
1200e1a3cf update ui 2025-11-13 23:06:19 +08:00
zzlgreat
08b2c5e0cf update ui 2025-11-13 22:57:24 +08:00
zzlgreat
bd9c860746 update ui 2025-11-13 22:35:33 +08:00
zzlgreat
316eb5f172 update ui 2025-11-13 22:21:59 +08:00
zzlgreat
5d26b72539 update ui 2025-11-13 21:59:33 +08:00
zzlgreat
64906fabaa update ui 2025-11-13 18:08:02 +08:00
zzlgreat
8eab6021a0 update ui 2025-11-13 17:58:37 +08:00
zzlgreat
0c5bd1257d update ui 2025-11-13 17:51:47 +08:00
zzlgreat
5b1d1e5af4 update ui 2025-11-13 17:45:09 +08:00
zzlgreat
fb799d6bcc update ui 2025-11-13 17:38:54 +08:00
zzlgreat
71076a951e update ui 2025-11-13 17:31:06 +08:00
zzlgreat
9b836e2059 update ui 2025-11-13 17:18:33 +08:00
zzlgreat
c409ea3648 update ui 2025-11-13 16:51:35 +08:00
zzlgreat
d9a2a104b4 update ui 2025-11-13 16:34:34 +08:00
zzlgreat
a7c3457e1d update ui 2025-11-13 16:17:32 +08:00
zzlgreat
d47bdbee25 update ui 2025-11-13 16:07:14 +08:00
zdl
ee37efb8df fix(community): 修复 React Hooks 顺序错误 
将 Alert 组件中的 useColorModeValue Hook 调用提取到组件顶层，
避免在条件渲染中调用 Hook 导致的顺序变化问题。

## 问题
- useColorModeValue 在 showNotificationBanner 条件渲染内部调用
- 当条件状态变化时，Hooks 调用顺序发生改变
- 触发 React 警告：Hooks 顺序改变（第 75 个 Hook 从 undefined 变为 useContext）

## 解决方案
- 将 alertBgColor 和 alertBorderColor 提取到组件顶层
- 确保所有 Hooks 在每次渲染时以相同顺序调用
- 符合 React Hooks 规则：只在顶层调用 Hooks

## 变更文件
src/views/Community/index.js:
- 新增 alertBgColor 常量（第 47 行）
- 新增 alertBorderColor 常量（第 48 行）
- Alert 组件使用变量替代直接调用 Hook

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-11 20:20:57 +08:00
zdl
058cc4389d feat: 底部UI调整 2025-11-10 14:48:28 +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
a989b9f8a8 事件中心不提示通知修复，增加开启/关闭通知按钮。修复edge或者opera浏览器登录扫码无跳转的问题 2025-11-10 10:36:29 +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
cb96fa4669 feat: 修改列表默认状态 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
7998575b36 feat(community): 列表模式事件卡片高度自适应 2025-11-07 19:25:10 +08:00
zdl
d8fd86a04d feat: 事件中心详情面板Ui调整 2025-11-07 18:39:49 +08:00
zdl
31fa00fb3b feat: 动画调整 2025-11-07 15:17:57 +08:00
zdl
ed16789221 feat: 调整事件详情滑动不触发外部页面滑动 2025-11-07 15:11:18 +08:00
zdl
3ef7816222 feat: 添加post postHog加上 2025-11-07 15:10:27 +08:00
zdl
9c79c44519 feat: 事件详情添加浏览量点击机制 2025-11-07 14:16:11 +08:00
zdl
bef65a3bb9 feat: 删除无用代码 2025-11-07 13:19:51 +08:00
zzlgreat
fd43f24b0a 事件中心UI优化 2025-11-07 11:20:45 +08:00
zzlgreat
bffbe62e3f 事件中心UI优化 2025-11-07 11:08:06 +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
9c526d528c fix: 修复重置按钮不生效问题 
问题描述：
- 用户选择所有筛选条件后，点击"重置"按钮无反应
- 筛选条件未被清空，事件列表未重新加载

根本原因：
- 当筛选条件从"有值"重置为"空值"或从"空值"重置为"空值"时
- 如果 filters 对象的字段值没有实质变化
- DynamicNewsCard 的 useEffect 依赖项检测不到变化，不会触发重新加载

解决方案：
1. UnifiedSearchBox.handleReset() 添加 _forceRefresh 时间戳标志
   - 每次重置都生成唯一的 Date.now() 时间戳
   - 确保 filters 对象每次重置都不同

2. DynamicNewsCard 筛选 useEffect 依赖数组添加 filters._forceRefresh
   - 监听强制刷新标志的变化
   - 即使其他筛选条件未变，也能触发重新加载

3. 增强调试日志
   - 添加完整的重置流程日志输出
   - 便于排查后续问题

修改文件：
- src/views/Community/components/UnifiedSearchBox.js (Line 505-536)
- src/views/Community/components/DynamicNewsCard.js (Line 264)

测试场景：
✅ 选择所有筛选条件后点击重置 - 清空并重新加载
✅ 未选择筛选条件时点击重置 - 强制刷新第1页
✅ 重置后 Redux 缓存被清空 (clearCache: true)

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 18:00:53 +08:00
zdl
22b29bf727 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
4bb7bc04cf 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
c53edd90e2 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
570722ce7c 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