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

21 Commits

Author SHA1 Message Date
zdl
d10a8c3321 refactor(layout): 统一页面边距管理，移除 Container 限制 
- layoutConfig.js: 新增 LAYOUT_PADDING 常量 { base: 4, md: 6, lg: '80px' }
- MainLayout.js: 在 Outlet 容器上统一应用 px={LAYOUT_PADDING.x}
- HomeNavbar.js: 边距从 lg:8 改为 lg:'80px'，与内容区对齐
- AppFooter.js: 移除 Container，边距改为 lg:'80px'

页面组件清理（移除冗余的 px/Container）：
- Company, Community, Center, Profile, Settings
- ValueForum, DataBrowser, LimitAnalyse, StockOverview, Concept

特殊处理：
- CompanyHeader: 使用负边距实现全宽背景
- Concept Hero: 使用负边距实现全宽背景

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 18:34:42 +08:00
zdl
02e3c9d924 refactor(Center): 重构 FeatureEntryPanel 组件 
- 将 FeatureEntryPanel 重构为目录结构，提取 FeatureCardItem 子组件
- 使用 GlassCard 容器，标题栏样式与投资仪表盘保持一致
- 调整组件顺序：核心功能入口移至价值论坛下方
- 功能卡片采用水平布局，圆形渐变图标 + 标题描述

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 13:50:06 +08:00
zdl
70509a02c9 feat(HomePage): 已登录用户访问首页展示个人中心内容 
- HomePage: 添加条件渲染，已登录时展示 Center 组件
- 重构 Center 目录结构，合并 Center.tsx 到 index.tsx
- 重命名 CenterDashboard 为 Center（lazy-components, homeRoutes）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 11:06:30 +08:00
zdl
649aefa97a 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
cdf8dbf019 refactor(Center): 重构投资规划中心日历与事件管理 2025-12-23 17:44:35 +08:00
zdl
b1b4a344da chore: 清理废弃的组件和样式文件 2025-12-23 17:44:06 +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
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
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
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
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
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
1f60b42c91 feat(WatchSidebar): 恢复评论模块，添加 Tab 切换 
- 在关注事件面板添加"我的评论" Tab
 - 新增 MyCommentsTab 组件显示用户评论
 - 评论显示：内容、关联事件、点赞/回复数、时间
 - 更新类型定义支持评论数据传递
 2025-12-23 10:05:45 +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