雨霖铃
27c1cf37e3
- Add environment variable files (.env, .env.local, .env.*.local) - Add build output directories (dist/, build/) - Add test coverage directory (coverage/) - Add IDE workspace files (*.code-workspace) - Add TypeScript build info files (*.tsbuildinfo, *.tsxbuildinfo) - Remove docs/* to track documentation files
3.1 KiB
3.1 KiB
核心功能
功能概览
| 功能模块 | 功能点 | 说明 | 优先级 |
|---|---|---|---|
| 字段配置 | 添加字段 | 可视化添加数据字段 | P0 |
| 删除字段 | 删除不需要的字段 | P0 | |
| 字段排序 | 拖拽调整字段顺序 | P1 | |
| 字段命名 | 自定义字段名称 | P0 | |
| 生成器系统 | 生成器选择 | 从生成器库中选择 | P0 |
| 参数配置 | 配置生成器参数 | P0 | |
| 实时预览 | 配置时查看生成结果 | P1 | |
| 数据生成 | 批量生成 | 支持 10000+ 条数据 | P0 |
| 唯一性约束 | 保证字段值唯一 | P1 | |
| 数据预览 | 生成前预览数据 | P1 | |
| 数据导出 | JSON 导出 | 导出为 JSON 格式 | P0 |
| CSV 导出 | 导出为 CSV 格式 | P0 | |
| SQL 导出 | 导出为 INSERT 语句 | P1 | |
| TypeScript 导出 | 导出为 TS 类型定义 | P2 |
功能详情
1. 字段配置
添加字段
- 用户点击"添加字段"按钮
- 弹出生成器选择器
- 选择生成器后，自动创建新字段
- 字段默认名称为生成器名称
删除字段
- 每个字段右侧有删除按钮
- 点击后弹出确认对话框
- 确认后删除该字段
字段排序
- 支持拖拽排序
- 支持上移/下移按钮
- 排序后预览数据同步更新
字段命名
- 字段名称可自定义
- 支持中英文命名
- 同一规则内字段名不可重复
2. 生成器系统
生成器选择
- 以分类方式展示生成器
- 支持搜索生成器
- 点击选择后添加到字段配置
参数配置
- 每个生成器有对应的参数配置界面
- 必填参数标记星号
- 修改参数后实时预览更新
实时预览
- 配置参数时，右侧预览区实时更新
- 显示 5-10 条示例数据
- 帮助用户确认配置是否正确
3. 数据生成
批量生成
- 支持配置生成数量
- 使用 Web Worker 后台生成
- 支持 10000+ 条数据
- 生成过程中显示进度条
唯一性约束
- 每个字段可单独设置唯一性约束
- 启用后，该字段生成的值不会重复
- 如果无法生成唯一值，使用重试机制
数据预览
- 生成前可预览数据
- 显示前 10 条数据
- 支持分页查看更多数据
4. 数据导出
JSON 导出
- 导出为标准 JSON 格式
- 支持压缩和格式化两种模式
- 包含字段名和数据
CSV 导出
- 导出为 CSV 格式
- 自动处理逗号转义
- 支持中文编码 (UTF-8 with BOM)
SQL 导出
- 导出为 INSERT 语句
- 支持自定义表名
- 自动处理特殊字符转义
TypeScript 导出
- 导出为 TypeScript 类型定义
- 根据字段类型自动推断
- 可选是否包含示例数据