version-compare-modal.md
基本信息
- 类型: React Client 组件
- 路径:
./src/components/prompts/version-compare-modal.tsx
功能描述
版本对比弹窗组件，用于对比Prompt的不同版本之间的差异。支持选择两个版本进行Diff展示，支持JSON格式化显示。
导出内容
VersionCompareModal - 主组件VersionCompareModalProps - Props接口
Props 接口
| 属性 | 类型 | 说明 |
|---|
| versions | Version[] | 版本历史数组 |
| currentContent | string | 当前内容 |
| promptType | string | Prompt类型（可选） |
| structuredFormat | string \ | null | 结构化格式（可选） |
Version数据结构
| 属性 | 类型 | 说明 |
|---|
| id | string | 版本ID |
| version | number | 版本号 |
| content | string | 版本内容 |
| changeNote | string \ | null | 变更说明 |
| createdAt | Date | 创建时间 |
| author | object | 作者信息 |
依赖
react - React核心next-intl - 国际化lucide-react - 图标库@/components/ui/dialog - 对话框组件@/components/ui/button - 按钮组件@/components/ui/select - 选择器组件@/components/ui/label - 标签组件@/components/ui/diff-view - Diff视图组件@/lib/format - 格式化工具
相关组件
DiffView - Diff展示组件PromptVersions - 版本历史页面