vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
3,961 Commits 35 Branches 1 Tag
feature_bugfix/20260112_count
Commit Graph

3961 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
zdl
28afba2dec feat: 纵向详情列表高度控制 2025-11-05 17:33:28 +08:00
zdl
c3ef837221 feat: 纵向详情列表高度控制 2025-11-05 17:33:28 +08:00
zdl
e971e4db44 feat: 多列布局ui调整 2025-11-05 17:30:21 +08:00
zdl
870b1f5996 feat: 多列布局ui调整 2025-11-05 17:30:21 +08:00
zdl
c7b7b427e0 pref: 代码优化 2025-11-05 17:08:01 +08:00
zdl
bc2a3b71c0 pref: 代码优化 2025-11-05 17:08:01 +08:00
zdl
290040e5f6 feat: 去除不相关逻辑 2025-11-05 17:02:49 +08:00
zdl
ff7b8abe9d feat: 去除不相关逻辑 2025-11-05 17:02:49 +08:00
zdl
b2b0835622 feat: 热门事件点击打开弹窗 2025-11-05 17:01:19 +08:00
zdl
cb44c18e57 feat: 热门事件点击打开弹窗 2025-11-05 17:01:19 +08:00
zdl
a37d70a6d4 feat: 添加mock数据 2025-11-05 16:49:13 +08:00
zdl
623ec73c62 feat: 添加mock数据 2025-11-05 16:49:13 +08:00
zdl
b5802d344e feat: 股票涨跌幅指标组件 2025-11-05 16:49:04 +08:00
zdl
4c08ef57ff feat: 股票涨跌幅指标组件 2025-11-05 16:49:04 +08:00
zdl
3ddedfa967 feat: 纵向列表（HorizontalDynamicNewsEventCard.js:105-133） - 添加 Tooltip 提示 
平铺列表（DynamicNewsEventCard.js:232） - 修改行数限制
 2025-11-05 16:40:35 +08:00
zdl
ca52d3bd87 feat: 纵向列表（HorizontalDynamicNewsEventCard.js:105-133） - 添加 Tooltip 提示 
平铺列表（DynamicNewsEventCard.js:232） - 修改行数限制
 2025-11-05 16:40:35 +08:00
zdl
b55fc057d1 feat: 提取 ImportanceBadge 组件 2025-11-05 16:15:18 +08:00
zdl
62ae2e0803 feat: 提取 ImportanceBadge 组件 2025-11-05 16:15:18 +08:00
zdl
d6d2057998 feat: mock数据添加 2025-11-05 15:20:59 +08:00
zdl
7e781731c4 feat: mock数据添加 2025-11-05 15:20:59 +08:00
zdl
77865434a3 feat: 纵向布局分页模式优化 2025-11-05 15:20:43 +08:00
zdl
0765f8a800 feat: 纵向布局分页模式优化 2025-11-05 15:20:43 +08:00
zdl
7719b6d561 feat: StockChangeIndicators 组件优化 2025-11-05 15:19:48 +08:00
zdl
70dbf3b492 feat: StockChangeIndicators 组件优化 2025-11-05 15:19:48 +08:00
zdl
45e21f856f feat: 重要性徽章样式优化（圆形设计） 2025-11-05 15:19:02 +08:00
zdl
aa1a93c65b feat: 重要性徽章样式优化（圆形设计） 2025-11-05 15:19:02 +08:00
zdl
07600fb437 feat: 配置完全mock环境 2025-11-05 15:00:11 +08:00
zdl
f9e4265dd6 feat: 配置完全mock环境 2025-11-05 15:00:11 +08:00
zzlgreat
9bf98eaaf3 加入优惠码机制，预置3个优惠码 2025-11-05 14:39:20 +08:00
zzlgreat
1361a2b5b2 加入优惠码机制，预置3个优惠码 2025-11-05 14:39:20 +08:00
zdl
bf8587828d feat: 添加详情面板和事件详情切换按钮 2025-11-05 14:08:03 +08:00
zdl
263ecd77b3 feat: 添加详情面板和事件详情切换按钮 2025-11-05 14:08:03 +08:00
zdl
b0626e0a7b feat: 提取 EventDetailScrollPanel 2025-11-05 14:00:22 +08:00
zdl
b6862aff4f feat: 提取 EventDetailScrollPanel 2025-11-05 14:00:22 +08:00
zdl
e7126a549d feat: 提取VerticalModeLayout - 提升可读性，但耦合度中等 2025-11-05 13:57:05 +08:00
zdl
327cfc09e2 feat: 提取VerticalModeLayout - 提升可读性，但耦合度中等 2025-11-05 13:57:05 +08:00
zdl
ce7b1d3d63 feat: 提取VerticalModeLayout - 提升可读性，但耦合度中等 2025-11-05 13:56:52 +08:00
zdl
f5d340aa05 feat: 提取VerticalModeLayout - 提升可读性，但耦合度中等 2025-11-05 13:56:52 +08:00
zdl
52e88e5005 refactor: 提取 ModeToggleButtons 为独立子组件 
问题：
- EventScrollList 组件中模式切换按钮代码内联（17行）
- 降低代码可读性和可维护性
- 按钮组无法在其他地方复用

修改：
1. 新建 ModeToggleButtons.js 独立组件
   - 接收 mode 和 onModeChange 两个 props
   - 包含完整的 JSDoc 注释
   - 支持 vertical（纵向）和 four-row（平铺）两种模式

2. 重构 EventScrollList.js
   - 删除未使用的 import（Button, ButtonGroup）
   - 导入 ModeToggleButtons 组件
   - 替换 17 行内联代码为 1 行组件调用
   - 代码净减少 14 行

效果：
- ✅ 职责分离：模式切换逻辑独立封装
- ✅ 可复用性：其他页面可直接导入使用
- ✅ 易维护性：修改按钮样式只需改一个文件
- ✅ 易测试性：可单独编写单元测试
- ✅ 代码简洁：EventScrollList 更简洁易读

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:44:34 +08:00
zdl
0da18e868a refactor: 提取 ModeToggleButtons 为独立子组件 
问题：
- EventScrollList 组件中模式切换按钮代码内联（17行）
- 降低代码可读性和可维护性
- 按钮组无法在其他地方复用

修改：
1. 新建 ModeToggleButtons.js 独立组件
   - 接收 mode 和 onModeChange 两个 props
   - 包含完整的 JSDoc 注释
   - 支持 vertical（纵向）和 four-row（平铺）两种模式

2. 重构 EventScrollList.js
   - 删除未使用的 import（Button, ButtonGroup）
   - 导入 ModeToggleButtons 组件
   - 替换 17 行内联代码为 1 行组件调用
   - 代码净减少 14 行

效果：
- ✅ 职责分离：模式切换逻辑独立封装
- ✅ 可复用性：其他页面可直接导入使用
- ✅ 易维护性：修改按钮样式只需改一个文件
- ✅ 易测试性：可单独编写单元测试
- ✅ 代码简洁：EventScrollList 更简洁易读

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:44:34 +08:00
zdl
743aefb2f0 refactor: 删除单排和双排模式，简化事件列表展示 
问题：
- 事件列表组件包含4种模式（单排/双排/纵向/平铺）
- 单排（carousel）和双排（grid）模式代码已被注释，未实际使用
- 保留未使用代码增加维护成本和代码复杂度

修改：
1. 删除未使用的 import（DynamicNewsEventCard, CompactEventCard, Spinner, HStack）
2. 删除加载遮罩相关代码（仅单排/双排模式使用）
3. 删除已注释的单排/双排切换按钮代码
4. 删除单排轮播模式完整实现（~32行）
5. 删除双排网格模式完整实现（~33行）
6. 更新组件注释：明确只支持纵向和平铺两种模式
7. 更新默认模式：carousel → vertical
8. 简化条件判断（overflowX/overflowY/maxH）

效果：
- 代码从 361 行缩减到 254 行（删除 ~107 行）
- 只保留两种实际使用的模式：纵向（vertical）和平铺（four-row）
- 降低代码复杂度，提升可维护性

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:37:18 +08:00
zdl
0f7693939a refactor: 删除单排和双排模式，简化事件列表展示 
问题：
- 事件列表组件包含4种模式（单排/双排/纵向/平铺）
- 单排（carousel）和双排（grid）模式代码已被注释，未实际使用
- 保留未使用代码增加维护成本和代码复杂度

修改：
1. 删除未使用的 import（DynamicNewsEventCard, CompactEventCard, Spinner, HStack）
2. 删除加载遮罩相关代码（仅单排/双排模式使用）
3. 删除已注释的单排/双排切换按钮代码
4. 删除单排轮播模式完整实现（~32行）
5. 删除双排网格模式完整实现（~33行）
6. 更新组件注释：明确只支持纵向和平铺两种模式
7. 更新默认模式：carousel → vertical
8. 简化条件判断（overflowX/overflowY/maxH）

效果：
- 代码从 361 行缩减到 254 行（删除 ~107 行）
- 只保留两种实际使用的模式：纵向（vertical）和平铺（four-row）
- 降低代码复杂度，提升可维护性

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:37:18 +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
becd0268a6 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
b9fd28c4dd feat: 平铺模式隐藏分页控制，改用无限滚动 
问题：
- 平铺模式使用虚拟滚动+无限滚动加载数据
- 但仍显示传统分页控制器和翻页按钮
- 分页控制与无限滚动机制冲突，用户体验不一致

修复：
- 平铺模式下隐藏 PaginationControl（分页控制器）
- 平铺模式下隐藏 PageNavigationButton（左右翻页按钮）
- 添加注释说明：平铺模式使用无限滚动

效果：
- 平铺模式：✅ 仅显示模式切换按钮，使用无限滚动
- 其他模式（纵向/单排/双排）：✅ 保持分页控制器和翻页按钮

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:22:10 +08:00
zdl
8bd7801753 feat: 平铺模式隐藏分页控制，改用无限滚动 
问题：
- 平铺模式使用虚拟滚动+无限滚动加载数据
- 但仍显示传统分页控制器和翻页按钮
- 分页控制与无限滚动机制冲突，用户体验不一致

修复：
- 平铺模式下隐藏 PaginationControl（分页控制器）
- 平铺模式下隐藏 PageNavigationButton（左右翻页按钮）
- 添加注释说明：平铺模式使用无限滚动

效果：
- 平铺模式：✅ 仅显示模式切换按钮，使用无限滚动
- 其他模式（纵向/单排/双排）：✅ 保持分页控制器和翻页按钮

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:22:10 +08:00
zdl
807f3e7c24 fix: 修复 Mock 模式下 webpack proxy 配置和优化构建配置 
问题：
1. Mock 模式下 webpack devServer proxy 在服务器层转发请求，导致 MSW 无法拦截
2. Chakra UI 和 Ant Design 的 cacheGroups priority 相同（22），可能导致分割冲突
3. maxSize 限制 244KB 过小，导致中型库过度分割
4. 缺少 Mock 模式调试日志

修复：
1. 添加 isMockMode() 工具函数（与 apiConfig.js 保持一致）
2. Mock 模式下禁用 proxy，让 MSW 在浏览器层拦截请求
3. 添加 onListening 钩子打印 Mock 模式和 Proxy 状态
4. 修复 Chakra UI priority: 22 → 23（避免与 Ant Design 冲突）
5. 优化 maxSize: 244KB → 512KB（与 performance.maxAssetSize 一致）

效果：
- Mock 模式：proxy 禁用 → MSW 拦截 → 返回 mock 数据 ✅
- 真实后端：proxy 启用 → 转发到后端服务器 ✅
- 减少过度分割，降低 HTTP 请求数，提升加载性能

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:12:51 +08:00
zdl
d4c731730f fix: 修复 Mock 模式下 webpack proxy 配置和优化构建配置 
问题：
1. Mock 模式下 webpack devServer proxy 在服务器层转发请求，导致 MSW 无法拦截
2. Chakra UI 和 Ant Design 的 cacheGroups priority 相同（22），可能导致分割冲突
3. maxSize 限制 244KB 过小，导致中型库过度分割
4. 缺少 Mock 模式调试日志

修复：
1. 添加 isMockMode() 工具函数（与 apiConfig.js 保持一致）
2. Mock 模式下禁用 proxy，让 MSW 在浏览器层拦截请求
3. 添加 onListening 钩子打印 Mock 模式和 Proxy 状态
4. 修复 Chakra UI priority: 22 → 23（避免与 Ant Design 冲突）
5. 优化 maxSize: 244KB → 512KB（与 performance.maxAssetSize 一致）

效果：
- Mock 模式：proxy 禁用 → MSW 拦截 → 返回 mock 数据 ✅
- 真实后端：proxy 启用 → 转发到后端服务器 ✅
- 减少过度分割，降低 HTTP 请求数，提升加载性能

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 13:12:51 +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
fe9b3034a1 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