vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,758 Commits 32 Branches 1 Tag
b1b4a344dad1ca69ab694185031d9e6300dd1eec
Commit Graph

1758 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
zdl
b1b4a344da chore: 清理废弃的组件和样式文件 2025-12-23 17:44:06 +08:00
zdl
65f326ae12 fix(mock): 修复主线数据不显示问题 
- 调整 MSW handler 顺序，确保 /api/events/mainline 在 :eventId 之前匹配
  - 修复 generateDynamicNewsEvents 函数调用参数顺序错误
  - 添加主线事件模板，确保生成的事件能匹配主线关键词
  - 删除重复的 mainline handler 代码
  - 清理调试日志
 2025-12-23 17:34:20 +08:00
zdl
91b6ae201b feat(MarketDashboard): 添加市场概况卡片（上证/深证/总市值/成交额） 
新增组件：
- MarketSummaryCard: 紧凑型 2x2 网格布局
  - 上证指数：价格、涨跌额、涨跌幅
  - 深证指数：价格、涨跌额、涨跌幅
  - 总市值：万亿级格式化显示
  - 成交额：万亿级格式化显示

布局更新：
- MarketOverview: 从 3 列扩展为 4 列
- 市场概况卡片位于最左侧

Mock API：
- /api/market/summary: 返回实时市场概况数据
- 数据基于时间产生小波动，模拟真实行情

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 15:28:48 +08:00
zdl
19eb2c4490 style(HotSectorsRanking): 统一与关注股票面板 UI 风格 
- 移除外层装饰盒子（背景、边框、毛玻璃效果）
- 标题行添加 TrendingUp 图标 + 数量显示
- 列表项添加 hover 效果和 cursor: pointer
- 滚动条样式与 WatchlistPanel 一致
- 涨跌幅统一为 2 位小数
- 新增 onSectorClick 回调支持板块点击

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:57:12 +08:00
zdl
0d5e202223 docs(CLAUDE): 更新项目目录结构文档 
核心目录概览:
- 添加 types/、devtools/、bytedesk-integration/ 等新目录
- 完善 store/、services/、utils/ 子目录结构
- 详细展示 assets/、theme/、mocks/ 子目录

Views 目录:
- 完整列出 18 个页面模块
- 详细展示 AgentChat、Company、Community 等复杂模块结构

Components 目录:
- 更新为实际的按功能分类结构
- 列出 50+ 个组件目录

其他更新:
- 更新 Contexts 列表（添加 GlobalSidebarContext）
- 更新 Redux Slices 列表（添加 planningSlice、deviceSlice）
- 更新 Services 列表（20+ 服务文件）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:51:15 +08:00
zdl
a77a907e20 fix(EventPanel): 优化响应式网格布局 
- 调整 Grid templateColumns 响应式断点
- base: 1列 → sm: 2列 → lg: 3列
- 提升大屏幕下的空间利用率

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:51:02 +08:00
zdl
e9d9821bd8 style(global): 添加全局滚动条隐藏样式 
- 新增 scrollbar-hide.css 隐藏所有滚动条
- 支持 Firefox (scrollbar-width)、Chrome/Safari (webkit)、IE/Edge
- 保留滚动功能，仅隐藏滚动条视觉元素
- 在 index.js 中全局导入

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:50:53 +08:00
zdl
8d5cbc4b8c style(layout): 完善 Z-INDEX 层级管理，优化全局侧边栏样式 
layoutConfig.js:
- 重构 Z_INDEX 常量，分层管理（页面内部 → 系统级）
- 添加详细注释说明各层级用途
- 新增 SIDEBAR、DROPDOWN、POPOVER 等层级定义

GlobalSidebar:
- 使用统一的 Z_INDEX.SIDEBAR 常量
- 优化背景色和边框样式
- 添加 h="100%" 确保高度填满

MainLayout:
- 简化注释

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:50:41 +08:00
zdl
d70f1a2ea8 feat(Center): 投资规划中心新建计划/复盘乐观更新 
- planningSlice: 添加 optimisticAddEvent、replaceEvent、removeEvent reducers
- EventFormModal: 新建模式使用乐观更新，立即关闭弹窗显示数据
- account.js: Mock 数据按日期倒序排序，最新事件在前

乐观更新流程：
1. 创建临时事件（负数 ID）立即更新 UI
2. 后台发送 API 请求
3. 成功后替换为真实数据，失败则回滚

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:50:29 +08:00
zdl
43e5e8b6fa refactor(Planning): 投资规划中心重构为 Redux 状态管理 
- 新增 planningSlice 管理计划/复盘数据
- InvestmentPlanningCenter 改用 Redux 而非本地 state
- 列表和日历视图共享同一数据源，保持同步
- 优化 Mock handlers，改进事件 ID 生成和调试日志

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:15:49 +08:00
zdl
dc617fb659 fix(HomePage): 修复页面高度为自适应 
- 移除固定的 heroHeight (60vh/80vh/100vh)
- 改用 minH=100% 自适应容器高度
- 修复页面不必要的滚动问题

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:15:36 +08:00
zdl
61d47fc5d5 refactor(HotSectors): 热门板块从仪表盘移至全局工具栏 
- WatchSidebar 展开状态添加热门板块模块
- MarketOverview 移除热门板块，布局从 4 列改为 3 列
- 避免热门板块在页面和工具栏重复显示

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:15:29 +08:00
zdl
7f05fca6b7 feat(GlobalSidebar): 收起状态添加 Popover 悬浮弹窗 
- 收起状态点击图标显示悬浮弹窗，无需展开侧边栏
- 添加关注股票、关注事件、热门板块三个 Popover 面板
- 展开状态添加独立标题栏 [>] 工具栏
- 移除收起按钮的 Tooltip 提示

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:15:20 +08:00
zdl
c9845d92bf fix(MainLayout): 调整页脚位置到滚动区域内 
- 将 AppFooter 移动到内容滚动区域内
- 页脚随内容滚动，不再固定在底部
- 适配全局侧边栏布局

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:58:18 +08:00
zdl
ede9de5d82 style(Center): 日历组件样式微调 
- CalendarPanel: 优化金色渐变标题效果
- InvestmentCalendar.less: 调整间距和边框样式

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:57:40 +08:00
zdl
ed678c4e60 style(fullcalendar): 适配黑金主题色 
- 按钮背景色从紫色改为金色 (#D4AF37)
- 按钮文字改为深色 (#0A0A14)
- hover/active 状态使用深金色 (#B8960C)
- focus 阴影改为金色调

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:57:16 +08:00
zdl
d6a5dac075 feat(WatchSidebar): 增强关注事件面板功能 
- FollowingEventsPanel: 添加取消关注功能 (onUnfollow)
- FollowingEventsPanel: 显示日涨跌和周涨跌两个指标
- WatchlistPanel: 优化布局和样式
- index.js: 导出 useGlobalSidebar hook

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:56:53 +08:00
zdl
9011eb6186 refactor(Center): 大幅简化，移除侧边栏逻辑 
- 移除 WatchSidebar 相关代码（已移至全局 GlobalSidebar）
- 移除数据加载逻辑（由 GlobalSidebarContext 统一管理）
- 移除 useAuth、useLocation、useNavigate 等依赖
- 保留核心功能：MarketDashboard、ForumCenter、InvestmentPlanningCenter
- 代码从 ~260 行精简至 ~40 行

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:56:30 +08:00
zdl
2afd634e44 feat(layouts): MainLayout 集成全局右侧工具栏 
- 主体区域改为 Flex 布局（左侧内容 + 右侧侧边栏）
- 添加 GlobalSidebar 组件到右侧
- 页面内容区域自适应宽度

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:56:07 +08:00
zdl
698150fd5c feat(providers): 集成 GlobalSidebarProvider 
- 在 AuthProvider 内层添加 GlobalSidebarProvider
- 确保侧边栏可以访问用户认证状态

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:55:45 +08:00
zdl
98a7d7c84d feat(components): 新增 GlobalSidebar 全局右侧工具栏 
- 可收起/展开的侧边栏设计
- 收起状态显示图标菜单（股票数量、事件数量 Badge）
- 展开状态复用 WatchSidebar 组件
- 支持未登录状态提示
- 毛玻璃背景 + 金色主题装饰

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:55:19 +08:00
zdl
ac32700fd9 feat(contexts): 新增 GlobalSidebarContext 全局侧边栏状态管理 
- 管理侧边栏展开/收起状态 (isOpen, toggle)
- 统一管理数据加载（自选股、关注事件、评论）
- 实时行情定时刷新（每分钟）
- 页面可见性变化时自动刷新数据
- 用户登录/登出时自动管理数据生命周期

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:54:54 +08:00
zdl
2e9ad56445 refactor(Profile): 删除废弃的 StrategyCenter 模块 
删除以下文件：
- StrategyCenter/index.js
- StrategyCenter/components/index.js
- StrategyCenter/components/AITradingCard.js
- StrategyCenter/components/DefenseStrategyCard.js
- StrategyCenter/components/QuarterPlanCard.js
- StrategyCenter/components/ReviewCard.js

该模块功能已整合到 InvestmentPlanningCenter 中

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:56:14 +08:00
zdl
15ee7a8d19 refactor(Center): 移除 StrategyCenter，简化布局 
- 移除 StrategyCenter 组件引用
- 移除右侧边栏的滚动条样式（由子组件自行处理）
- 更新投资规划中心注释说明

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:55:46 +08:00
zdl
b240f5bd26 refactor(WatchSidebar): 优化三个子组件 
- FollowingEventsPanel: 添加滚动区域容器，移除数量限制
- MyCommentsTab: 添加滚动区域，移除 maxDisplay 限制
- WatchlistPanel: 优化滚动区域样式和布局

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:55:21 +08:00
zdl
9076ef780f fix(Center): EventPanel 和 EventDetailModal 细节调整 
- EventPanel: 调整组件引用和布局
- EventDetailModal: 引入样式文件

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:54:53 +08:00
zdl
297df41f86 refactor(InvestmentPlanningCenter): 重构为 GlassCard 毛玻璃风格 
- 移除 Chakra Card 组件，改用 GlassCard
- 标题添加金色渐变效果
- 视图切换按钮改为金色主题
- 使用 lucide-react 的 Target 图标替换 FiTarget
- 整体适配 FUI 黑金设计风格

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:54:28 +08:00
zdl
541b4b3951 style(InvestmentCalendar): 优化日历组件样式 
- 调整日历单元格样式和间距
- 优化事件标签显示效果
- 适配黑金主题配色

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:53:58 +08:00
zdl
7f7e426835 style(EventFormModal): 升级为黑金主题样式 
- 股票选择器下拉菜单适配深色背景
- Tag 标签改为金色边框和背景
- 自选股提示文字颜色优化
- 添加 ConfigProvider 深色主题支持
- Less 样式文件大幅扩展，支持完整黑金风格

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:53:31 +08:00
zdl
83dcfa45e3 style(CalendarPanel): 适配黑金主题色 
- FullCalendar 按钮改为金色(#D4AF37)
- 今日日期高亮边框改为金色
- 标题添加金色渐变效果
- 事件颜色：计划用金色，复盘用青色，系统事件用蓝色

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:53:04 +08:00
zdl
cf54a450f3 style(Center): 新增 EventDetailModal 样式文件 
- 添加事件详情弹窗的独立样式
- 配合黑金主题设计

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:52:33 +08:00
zdl
626d8fa058 feat(Center): 新增 FUIEventCard 毛玻璃风格事件卡片 
- 融合 ReviewCard 的 UI 风格（毛玻璃 + 金色主题）
- 支持编辑、删除、展开描述等功能
- 使用 FUI_THEME 常量统一管理主题色
- 用于复盘列表的高级视觉呈现

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:52:06 +08:00
zdl
69c23928d9 chore(GlassCard): 添加 TypeScript 类型声明文件 
- 定义 GlassCardProps 接口（variant, hoverable, glowing 等属性）
- 定义 GlassTheme 类型（colors, blur, glow 主题配置）
- 导出 GLASS_THEME 常量类型

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:51:38 +08:00
zdl
1f60b42c91 feat(WatchSidebar): 恢复评论模块，添加 Tab 切换 
- 在关注事件面板添加"我的评论" Tab
 - 新增 MyCommentsTab 组件显示用户评论
 - 评论显示：内容、关联事件、点赞/回复数、时间
 - 更新类型定义支持评论数据传递
 2025-12-23 10:05:45 +08:00
zdl
2eb6464fa2 refactor(MarketDashboard): 重构投资仪表盘布局 
- 上证指数、深证成指使用 K 线图，与事件中心一致
 - 移除成交额模块
 - 创业板指与涨跌分布上下组合
 - 涨跌分布改用进度条样式
 - 布局从 6 列改为 4 列
 2025-12-23 10:05:28 +08:00
zdl
7912caf2c2 refactor(Center): 全面优化个人中心模块 
- 目录重命名：Dashboard → Center（匹配路由 /home/center）
- 删除遗留代码：Default.js、InvestmentPlansAndReviews.js、InvestmentCalendarChakra.js（共 2596 行）
- 创建 src/types/center.ts 类型定义（15+ 接口）
- 性能优化：
  - 创建 useCenterColors Hook 封装 7 个 useColorModeValue
  - 创建 utils/formatters.ts 提取纯函数
  - 修复 loadRealtimeQuotes 的 useCallback 依赖项
  - InvestmentPlanningCenter 添加 useMemo 缓存
- TypeScript 迁移：Center.js → Center.tsx

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 18:59:09 +08:00
zdl
445cd1238a refactor(Center): 重构个人中心为左右布局 
- 左侧自适应：投资仪表盘、规划中心、论坛
- 右侧固定200px：关注股票、关注事件
- 使用 THEME 黑金配色
- 宽度与导航栏保持一致

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 18:59:09 +08:00
zdl
bf83b37c30 feat(WatchSidebar): 新增右侧边栏组件 
- 关注股票面板（独立模块）
- 关注事件面板（独立模块）
- 固定200px宽度，粘性定位

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 18:59:08 +08:00
zdl
12a261df36 feat(ForumCenter): 新增价值论坛/互动中心组件 
- 我的预测卡片（看涨/看跌投票）
- 社区动态卡片（我发布的/我参与的）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 18:59:08 +08:00
zdl
130288eac1 feat(StrategyCenter): 新增投资规划中心组件 
- Q1计划卡片（进度条+要点列表）
- 银行股防守卡片（仓位+策略）
- AI算力交易卡片（浮盈数据）
- 消费复盘卡片（趋势图+心得）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 18:59:08 +08:00
zdl
fd83d15620 feat(MarketDashboard): 新增投资仪表盘组件 
- 指数卡片组件（带迷你面积图）
- 成交额柱状图、涨跌分布图组件
- 热门板块排行组件
- 毛玻璃背景，黑金配色

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 18:59:08 +08:00
zdl
ce4a183bf9 feat(GlassCard): 新增通用毛玻璃卡片组件 
- 支持多种变体: default, elevated, subtle, transparent
- 支持悬停效果、发光效果、角落装饰
- 黑金配色主题，可全局复用

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 18:59:08 +08:00
zzlgreat
97ff42786a 更新Company页面的UI为FUI风格 2025-12-22 17:38:56 +08:00
zzlgreat
9db5c9f178 更新Company页面的UI为FUI风格 2025-12-22 17:24:19 +08:00
zzlgreat
1cc4559382 更新Company页面的UI为FUI风格 2025-12-22 17:19:52 +08:00
zzlgreat
403ec64140 更新Company页面的UI为FUI风格 2025-12-22 17:10:55 +08:00
zzlgreat
bf85112939 更新Company页面的UI为FUI风格 2025-12-22 16:25:36 +08:00
zzlgreat
f59727645d 更新Company页面的UI为FUI风格 2025-12-22 16:19:26 +08:00
zzlgreat
0afb58f7fb 更新Company页面的UI为FUI风格 2025-12-22 16:13:14 +08:00
zzlgreat
557ca18919 更新Company页面的UI为FUI风格 2025-12-22 15:57:07 +08:00