Commit Graph

1771 Commits

Author SHA1 Message Date
zdl
60aa5c80a5 style(EventDetailModal): 优化弹窗 Tab 和关闭按钮样式
- Tab 颜色方案调整:全部=紫罗兰色,计划=金色,复盘=绿色,系统=蓝色
- 未选中态统一使用银白色主题
- 选中态增强高亮效果(boxShadow、更明显的边框)
- 标题颜色调整为 rgba(255,255,255,0.85)
- 关闭按钮增强可见性:添加背景色、固定尺寸、圆角
- 弹窗背景色与 /home/center 页面保持一致

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-23 20:17:57 +08:00
zdl
a332d5571a docs: 精简 CLAUDE.md 优化 Claude Code 性能
- 将文件从 61KB 精简到 5.5KB(减少 91%)
- 删除冗长的目录结构详解,改为表格速查
- 删除大量代码示例,保留核心概念
- 引用独立文档(TYPESCRIPT_MIGRATION.md)替代详细内容
- 保留技术栈、命令、目录结构、开发工作流等核心信息

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-23 20:17:57 +08:00
1eb94cc213 更新Company页面的UI为FUI风格 2025-12-23 17:53:21 +08:00
zdl
e0e1e7e444 Merge branch 'feature_bugfix/251217_stock' of https://git.valuefrontier.cn/vf/vf_react into feature_bugfix/251217_stock
* 'feature_bugfix/251217_stock' of https://git.valuefrontier.cn/vf/vf_react:
  更新Company页面的UI为FUI风格
  更新Company页面的UI为FUI风格
2025-12-23 17:46:45 +08:00
zdl
f1ae48bd42 fix(Layout): 全局布局优化与 Mock 数据增强 2025-12-23 17:45:19 +08:00
zdl
602dcf8eee style(Profile): 用户中心 UI 紧凑化与布局优化 2025-12-23 17:45:03 +08:00
zdl
d9dbf65e7d refactor(Concept): ConceptTimelineModal 迁移到 BaseCalendar 2025-12-23 17:44:48 +08:00
zdl
12a57f2fa2 refactor(Center): 重构投资规划中心日历与事件管理 2025-12-23 17:44:35 +08:00
zdl
39fb70a1eb feat(Calendar): 新增公共日历组件 BaseCalendar 2025-12-23 17:44:20 +08:00
zdl
068d59634b chore: 清理废弃的组件和样式文件 2025-12-23 17:44:06 +08:00
zdl
4cae6fe5b6 fix(mock): 修复主线数据不显示问题
- 调整 MSW handler 顺序,确保 /api/events/mainline 在 :eventId 之前匹配
  - 修复 generateDynamicNewsEvents 函数调用参数顺序错误
  - 添加主线事件模板,确保生成的事件能匹配主线关键词
  - 删除重复的 mainline handler 代码
  - 清理调试日志
2025-12-23 17:34:20 +08:00
zdl
145b6575d8 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
7d859e18ca 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
939b4e736c 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
b2ade04b00 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
6a21a57f4c 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
2fe535e553 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
d24f9c7b16 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
ab5b19847f 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
0b683f4227 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
fd5b74ec16 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
92e6fb254b 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
c325d51316 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
a41cd71a65 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
3dabddf222 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
89ed59640e 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
dafef2c572 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
bb0506b2bb 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
8b9e35e55c 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
5ca19d11a4 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
7a079a86b1 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
0a9ae6507b 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
22d731167c 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
600d9cc846 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
dcba97a121 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
a2a15e45a4 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
4f6bfe0b8c 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
bbd965a307 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
f557ef96cf 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
b6ed68244e 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
e93d5532bf 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
429737c111 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
9750ab75ba 更新Company页面的UI为FUI风格 2025-12-23 10:48:33 +08:00
zdl
93928f4ee7 feat(WatchSidebar): 恢复评论模块,添加 Tab 切换
- 在关注事件面板添加"我的评论" Tab
 - 新增 MyCommentsTab 组件显示用户评论
 - 评论显示:内容、关联事件、点赞/回复数、时间
 - 更新类型定义支持评论数据传递
2025-12-23 10:05:45 +08:00
zdl
30b831e880 refactor(MarketDashboard): 重构投资仪表盘布局
- 上证指数、深证成指使用 K 线图,与事件中心一致
 - 移除成交额模块
 - 创业板指与涨跌分布上下组合
 - 涨跌分布改用进度条样式
 - 布局从 6 列改为 4 列
2025-12-23 10:05:28 +08:00
8a9e4f018a Merge branch 'feature_bugfix/251217_stock' of https://git.valuefrontier.cn/vf/vf_react into feature_bugfix/251217_stock 2025-12-23 09:50:11 +08:00
a626c6c872 更新Company页面的UI为FUI风格 2025-12-23 09:50:04 +08:00
zdl
18ba36a539 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
c639b418f0 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
712090accb 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