vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,747 Commits 29 Branches 1 Tag
92e6fb254b1dd1eb2523516035e5c02310ea0a8e
Commit Graph

1747 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
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
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
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
zdl
bc844bb4dc 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
10e34d911f 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
1a55e037c9 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
16c30b45b9 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
317bdb1daf 更新Company页面的UI为FUI风格 2025-12-22 17:38:56 +08:00
zzlgreat
5843029b9c 更新Company页面的UI为FUI风格 2025-12-22 17:24:19 +08:00
zzlgreat
0b95953db9 更新Company页面的UI为FUI风格 2025-12-22 17:19:52 +08:00
zzlgreat
3ef1e6ea29 更新Company页面的UI为FUI风格 2025-12-22 17:10:55 +08:00
zzlgreat
8936118133 更新Company页面的UI为FUI风格 2025-12-22 16:25:36 +08:00
zzlgreat
1071405aaf 更新Company页面的UI为FUI风格 2025-12-22 16:19:26 +08:00
zzlgreat
144cc256cf 更新Company页面的UI为FUI风格 2025-12-22 16:13:14 +08:00
zzlgreat
82e4fab55c 更新Company页面的UI为FUI风格 2025-12-22 15:57:07 +08:00
zzlgreat
22c5c166bf 更新Company页面的UI为FUI风格 2025-12-22 15:48:36 +08:00
zzlgreat
61a29ce5ce 更新Company页面的UI为FUI风格 2025-12-22 15:43:08 +08:00
zzlgreat
20bcf3770a 更新Company页面的UI为FUI风格 2025-12-22 15:31:10 +08:00
zzlgreat
6d878df27c Merge branch 'feature_bugfix/251217_stock' of https://git.valuefrontier.cn/vf/vf_react into feature_bugfix/251217_stock 2025-12-22 13:24:45 +08:00
zzlgreat
a2a233bb0f 更新Company页面的UI为FUI风格 2025-12-22 13:24:39 +08:00
zdl
174fe32850 feat(LoadingState): 新增骨架屏变体，优化加载体验 
- LoadingState: 新增 variant 参数支持 spinner/skeleton 模式
- LoadingState: 新增 skeletonType 参数支持 grid/list 布局
- AnnouncementsPanel: 使用 list 骨架屏替代 spinner
- DisclosureSchedulePanel: 使用 grid 骨架屏替代 spinner

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 13:04:56 +08:00
zdl
77ea38e5c9 perf(hooks): 使用 useRef 缓存加载状态，避免 Tab 切换重复请求 
- 使用 useRef 替代 useState 跟踪 hasLoaded 状态
- Tab 切换回来时保持数据缓存，不重新发起请求
- stockCode 变化时重置加载状态，确保新股票正常加载
- useAnnouncementsData 支持 refreshKey 强制刷新

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 13:04:55 +08:00
zdl
9e271747da perf(MarketDataView): 优化加载状态，使用骨架屏避免布局跳动 
- useMarketData: 新增 hasLoaded 状态，优化首次加载 loading 逻辑
- 导出 SummaryCardSkeleton 组件用于概览卡片占位
- MarketDataView: 使用骨架屏替代空白占位
- DeepAnalysisTab: 使用 skeleton 变体替代 spinner

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 13:04:55 +08:00
zdl
88b836e75a fix(mock): 完善大宗交易和龙虎榜数据结构 
- 融券余额增加 balance_amount 字段
- 大宗交易：新增 deals 明细、买卖营业部、成交均价
- 龙虎榜：新增 buyers/sellers 营业部列表、净买入金额

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-22 13:04:55 +08:00
zzlgreat
307d80c808 更新Company页面的UI为FUI风格 2025-12-22 12:58:01 +08:00
zzlgreat
897067a94e 更新Company页面的UI为FUI风格 2025-12-22 12:14:57 +08:00
zzlgreat
da02461965 更新Company页面的UI为FUI风格 2025-12-22 11:52:30 +08:00