vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,727 Commits 30 Branches 1 Tag
429737c11153ff054a470b4026f59b2df236ad9f
Commit Graph

19 Commits

Author SHA1 Message Date
zdl
672e746a26 feat(SubTabContainer): 支持 Tab 激活状态和刷新机制 
- SubTabContainer: 新增 isActive 和 activationKey props 传递给子组件
- SubTabContainer: 修复 Tab 切换时页面滚动位置跳转问题
- TabPanelContainer: 新增 skeleton prop 支持自定义骨架屏

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 18:55:04 +08:00
zdl
11544909d3 style(MarketDataView): 缩小页面间距 
- Container py: 6 → 4
- VStack spacing: 6 → 4

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 18:55:04 +08:00
zdl
08842b9097 fix: 优化加载状态和布局 
MarketDataView:
- 移除重复的 LoadingState，改用 KLineModule 内部骨架屏
- 修复点击股票行情后数据不显示的问题

FinancialPanorama:
- 移除表格右上角"显示 6 期"标签
- 优化 loadingTab 状态处理

SubTabContainer:
- 重构布局：Tab 区域可滚动，右侧元素固定

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 18:55:04 +08:00
zdl
6776e1d557 feat(SubTabContainer): 支持自定义 Suspense fallback 
- SubTabConfig 添加 fallback 属性
- 财务全景/盈利预测配置骨架屏 fallback
- 解决点击 Tab 先显示 Spinner 再显示骨架屏的问题

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 15:23:56 +08:00
zdl
92019ca92d fix: 修复 Antd 和 React 废弃 API 警告 
- AutoComplete/Select: dropdownStyle -> styles.popup.root
- AutoComplete/Select: popupClassName -> classNames.popup.root
- 移除 WebkitBackdropFilter（Chakra backdropFilter 自动处理）
- Table rowKey: 使用唯一标识符替代 index 参数

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-19 13:15:09 +08:00
zdl
5331bc64b4 perf: 优化各 Tab 数据加载为按需请求 
MarketDataView (股票行情):
- 初始只加载 summary + tradeData（2个接口）
- funding/bigDeal/unusual/pledge 数据在切换 Tab 时按需加载
- 新增 loadDataByType 方法支持懒加载

FinancialPanorama (财务全景):
- 初始只加载 stockInfo + metrics + comparison + mainBusiness（4个接口）
- 从9个接口优化到4个接口

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-18 18:32:14 +08:00
zdl
eaa65b2328 fix(SubTabContainer): 移除外层 Suspense，Tab 内容直接展示 
- SubTabContainer 内部为每个 Tab 添加 Suspense fallback={null}
- 移除 Company/index.tsx 外层 Suspense 和 TabLoadingFallback
- 切换一级 Tab 时不再显示整体 loading，直接展示内容

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-18 18:23:16 +08:00
zdl
44ba2e24e8 fix(SubTabContainer): 保持 Tab 面板挂载状态，防止切换时状态丢失 
- 添加 lazyBehavior="keepMounted" 属性
- 修复切换一级 Tab 后二级 Tab 状态被完全重置的问题
- 组件仍然懒加载，但首次渲染后保持挂载

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-18 18:09:36 +08:00
zdl
9b8983869c style: 子 Tab 紧凑模式，移除多余边距 
- SubTabContainer: 添加 compact 属性
  - 移除 TabList 的 mx/mb 外边距
  - 移除圆角和阴影
  - 减小垂直内边距
- BasicInfoTab: 启用 compact 模式，移除 Card 包裹

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-18 17:54:56 +08:00
zdl
4b3588e8de feat: 将 StockQuoteCard 提升到 Tab 容器上方 + 修复 TS 警告 
功能变更：
- 将 StockQuoteCard 从 CompanyOverview 移至 Company/index.tsx
- 股票行情卡片现在在切换 Tab 时始终可见

TypeScript 警告修复：
- SubTabContainer: WebkitBackdropFilter 改用 sx 属性
- DetailTable: 重新定义 TableRowData 类型，支持 boolean 索引
- SubscriptionContentNew: 添加类型安全的 AGREEMENT_URLS 索引访问

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-18 17:25:21 +08:00
zzlgreat
983d2575b2 更新Company页面的UI为FUI风格 2025-12-17 22:40:27 +08:00
zzlgreat
0214052965 更新Company页面的UI为FUI风格 2025-12-17 22:30:18 +08:00
zzlgreat
3adff89995 更新Company页面的UI为FUI风格 2025-12-17 22:22:44 +08:00
zzlgreat
4eb8310038 更新Company页面的UI为FUI风格 2025-12-17 19:05:02 +08:00
zdl
7159e510a6 fix(SubTabContainer): 修复 Tab 懒加载失效问题 
- 添加 visitedTabs 状态记录已访问的 Tab 索引
- Tab 切换时更新已访问集合
- TabPanels 中实现条件渲染：只渲染当前或已访问过的 Tab

修复前：tabs.map() 会创建所有组件实例，导致 Hook 立即执行
修复后：仅首次访问 Tab 时才渲染组件，真正实现懒加载

效果：初始加载从 N 个请求减少到 1 个请求

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 14:44:46 +08:00
zdl
c34aa37731 feat(SubTabContainer): 新增 rightElement prop 支持自定义右侧内容 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 19:59:00 +08:00
zdl
7c7c70c4d9 style: 移除 Tab 导航和卡片内部左右 padding 
- TabNavigation/SubTabContainer: 移除左侧 padding (pl=0)
- BusinessStructureCard/BusinessSegmentsCard: 移除 CardBody 左右 padding
- BusinessTreeItem: 黑金主题样式优化

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-12 13:13:34 +08:00
zdl
e049429b09 perf: Tab 容器组件优化 
- TabPanelContainer: Loading 颜色改为金色 #D4AF37，与黑金主题一致
- SubTabContainer: 添加 memo 和 displayName
- 子 Tab 组件: StrategyTab/BusinessTab/ValueChainTab/DevelopmentTab 添加 memo 和 displayName
- TabContainer: 移除未使用的 showDivider 参数

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-12 12:02:15 +08:00
zdl
b8cd520014 refactor: 抽取通用 Tab 容器组件，重构 BasicInfoTab 和 DeepAnalysisTab 
新增组件：
- TabPanelContainer: 三级容器，统一 loading 状态 + VStack 布局 + 免责声明
- SubTabContainer: 二级导航容器，支持黑金/默认主题预设

重构：
- BasicInfoTab: 使用 SubTabContainer 替代原有 Tabs 实现
- DeepAnalysisTab: 拆分为 4 个子 Tab（战略分析/业务结构/产业链/发展历程）
- TabContainer: 样式调整，与 SubTabContainer 保持一致

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-12 11:55:50 +08:00