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

11 Commits

Author SHA1 Message Date
zdl
5e4aa67df7 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
155a921113 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
zdl
f85d0a99dd feat: 竞争优势内容调整 2025-12-12 11:01:22 +08:00
zdl
0063eca0f9 style(CompetitiveAnalysisCard): 移除卡片边框 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-12 10:12:09 +08:00
zdl
8028d8bc69 chore(DeepAnalysisTab): 更新类型定义和组件引用 
- types.ts: 扩展类型定义支持新组件结构
- index.tsx: 更新组件 props 传递

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 18:49:17 +08:00
zdl
b5410dab9a perf(CompetitiveAnalysisCard): 渲染优化与黑金 UI 
- 渲染优化: React.memo, useMemo, 样式常量提取
- 子组件拆分: CompetitorTags, ScoreSection, AdvantagesSection
- 黑金 UI: 金色边框、金色标题、白色内容、深色雷达图主题

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 18:49:10 +08:00
zdl
8bc70dded6 perf(StrategyAnalysisCard): 渲染优化与黑金 UI 
- 渲染优化: React.memo, useMemo, 样式常量提取
- 子组件拆分: EmptyState, ContentItem
- 黑金 UI: 金色标题、白色内容文字、空状态金色虚线边框

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 18:49:03 +08:00
zdl
89fa8b91a0 refactor(CorePositioningCard): 模块化拆分与黑金 UI 优化 
- 拆分为独立目录结构: atoms/, theme.ts, index.tsx
- 提取子组件: HighlightCard, ModelBlock, SectionHeader
- 应用黑金风格: 金色边框、透明背景、金色标题

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 18:48:56 +08:00
zdl
c8c8c6842d feat: 战略分析Ui调整 2025-12-11 17:37:24 +08:00
zdl
ccf8771629 style(DeepAnalysisTab): 优化免责声明样式并更新 mock 数据 
- DisclaimerBox: 简化为单行灰色文本，移除警告框样式
- Mock 数据: 更新核心定位、投资亮点、商业模式、战略分析内容
- 调整卡片顺序: 战略分析和业务板块上移

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 14:47:17 +08:00
zdl
4b606f92ea refactor(DeepAnalysisTab): 模块化拆分为 21 个 TypeScript 文件 
将 1,796 行单文件拆分为原子设计模式结构：

**atoms/** - 原子组件
- DisclaimerBox: 免责声明警告框
- ScoreBar: 评分进度条
- BusinessTreeItem: 业务树形项
- KeyFactorCard: 关键因素卡片

**components/** - Card 容器组件
- CorePositioningCard: 核心定位
- CompetitiveAnalysisCard: 竞争地位分析（含雷达图）
- BusinessStructureCard: 业务结构
- ValueChainCard: 产业链分析
- KeyFactorsCard: 关键因素
- TimelineCard: 发展时间线
- BusinessSegmentsCard: 业务板块详情
- StrategyAnalysisCard: 战略分析

**organisms/** - 复杂组件
- ValueChainNodeCard: 产业链节点（含 RelatedCompaniesModal）
- TimelineComponent: 时间线（含 EventDetailModal）

**utils/**
- chartOptions.ts: ECharts 图表配置

优化效果：主文件从 1,796 行减少到 117 行（-93%）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 10:59:05 +08:00