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 |
|
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
|
bc2a3b71c0
|
pref: 代码优化
|
2025-11-05 17:08:01 +08:00 |
|
zdl
|
f9387ffbd9
|
feat: 集成四排/纵向模式UI和优化交互逻辑
VirtualizedFourRowGrid:
- 组件通用化，支持多列布局（通过 columnsPerRow 参数配置）
- 支持自定义卡片组件（通过 CardComponent 参数传入）
- 根据列数动态调整间距
EventScrollList:
- 添加四排和纵向模式切换按钮
- 集成 VirtualizedFourRowGrid 组件（四排模式使用4列，纵向模式使用1列）
- 添加纵向分栏布局（1:2 比例，左侧列表+右侧详情）
- 启用纵向滚动和统一滚动条样式
- 接收新 props: displayEvents, isAccumulateMode, loadNextPage, onFourRowEventClick
DynamicNewsCard:
- 添加 Modal 弹窗显示四排模式详情
- 优化自动选中逻辑：
· 首次加载时自动选中第一个事件
· 翻页时，单排/双排/纵向模式自动选中当前页第一个事件（保持详情显示）
· 翻页时，四排模式清空选中状态（通过弹窗显示详情）
- 传递新 props 到 EventScrollList
- 添加调试日志
|
2025-11-05 08:56:44 +08:00 |
|
zdl
|
7e110111c4
|
feat: 添加 FOUR_ROW 和 VERTICAL 模式常量及页面大小配置
|
2025-11-05 08:09:44 +08:00 |
|
zdl
|
5b9155a30c
|
feat: 提取常量和 Hooks 到独立文件（已完成）
|
2025-11-04 15:38:54 +08:00 |
|