36b6bfd20d
* feat: 生成成功改为 toast 提示 * refactor: 数据预览改为显示示例数据,简化组件逻辑 * fix: 非必填字段预览显示 null * fix: 修复空值率与必填状态的逻辑 * fix: 切换为非必填时默认空值率 100% * feat: 字段编辑弹窗添加「完成」按钮 去除关闭按钮,添加取消按钮 * refactor: 删除未使用的 defaultNullRate 功能 * feat: 优化规则管理功能 * fix: 更新 features 测试断言以匹配新增的 testDataGenerator * refactor: 将 formatFileSize 重命名为 formatBytes 并移至通用工具模块 * refactor: 使用 Label 组件替换原生 label 元素,并在 DecodeResultPaper 中引入 Input 组件 * refactor: 规范化页面组件目录结构 * refactor(JsonTools): 规范化页面组件目录结构 * refactor(StorageCleaner): 规范化页面组件目录结构 * refactor(Timestamp): 规范化页面组件目录结构 * refactor(i18n): 移除 chrome.i18n 国际化,统一使用中文硬编码 * refactor(AppRoot): 移除 RouterProvider 组件,直接渲染子组件 * fix(RouterProvider): 将 goBack 重命名为 goHome,修复跨窗同步 merge 不一致 * fix(ThemeModeProvider): 修复主题快照同步与首屏闪烁问题 * refactor: 将 UI 文案改为中文并优化相关逻辑 * refactor: 清理代码注释并优化组件结构 * feat(Dashboard): 重构仪表板功能组件和逻辑 * refactor: 更新功能键名称并移除 README 文件 * refactor: 重构 TopBar 组件并更新项目结构 * feat(TopBar): 添加搜索功能组件并优化结构 * refactor: 统一使用 Button 组件替换原有 button 元素 * feat: 添加 EmptyPlaceholder 组件并更新相关页面 * feat(TextStatistics): 引入 StatCard 组件以优化统计信息展示 * feat(Timestamp): 重构时间戳转换功能,新增 ConverterForm 组件 * feat(Jwt): 重构 JWT 组件,新增常量和结果视图 * refactor(RightClickRestorer): 用状态配置表简化页面 UI 结构 * fix(business): 修复 skewedRandom 函数中的数学计算错误 * refactor(ImageUploader): 移除预览 URL 相关逻辑并简化粘贴事件处理 * feat(TestDataGenerator): 更新规则编辑提示和警告显示逻辑 * refactor(CopyButton.test): 移除冗余测试用例 * refactor(RouterProvider, chromeStorage, useContextMenuData): 更新存储获取逻辑以移除默认值参数 * refactor(代码重复): 抽取共享工具函数与 UI 组件,消除多处重复实现 * fix(RouterProvider): 修复初始加载状态逻辑,确保在加载前不覆盖 chrome.storage * feat(TopBar): 添加搜索框快捷键提示功能及相关测试 * refactor(StorageCleaner): 移动 isRestrictedUrl 函数到独立模块并更新相关引用 * fix(StorageCleaner): 修复 IndexedDB 清理竞态、部分成功计数与刷新后状态同步 * fix: 修复路由初始化竞态、存储状态静默覆盖与存储清理误删 * refactor: 统一中文文案并简化组件结构,提升代码可读性 * refactor: 更新 Worker 消息类型以支持生成任务 ID * fix: 修复 ruleStorage 写入失败处理与 CopyButton 成功态样式
225 lines
6.2 KiB
TypeScript
225 lines
6.2 KiB
TypeScript
import type { GeneratorDefinition } from '@/types/testDataGenerator';
|
|
import { randomInt, randomPick } from './random';
|
|
|
|
export const uuid: GeneratorDefinition = {
|
|
id: 'uuid',
|
|
name: 'UUID',
|
|
description: '生成随机 UUID',
|
|
categoryId: 'technical',
|
|
params: [
|
|
{
|
|
key: 'version',
|
|
label: 'UUID 版本',
|
|
type: 'select',
|
|
defaultValue: 'v4',
|
|
description: 'UUID 版本',
|
|
options: [
|
|
{ label: 'v4 (随机)', value: 'v4' },
|
|
{ label: 'v1 (时间戳)', value: 'v1' },
|
|
],
|
|
},
|
|
{
|
|
key: 'uppercase',
|
|
label: '大写字母',
|
|
type: 'boolean',
|
|
defaultValue: false,
|
|
description: '是否使用大写字母',
|
|
},
|
|
{
|
|
key: 'noDashes',
|
|
label: '无连字符',
|
|
type: 'boolean',
|
|
defaultValue: false,
|
|
description: '是否省略连字符',
|
|
},
|
|
],
|
|
generate: (params) => {
|
|
const version = (params.version as string) || 'v4';
|
|
const uppercase = params.uppercase === true;
|
|
const noDashes = params.noDashes === true;
|
|
|
|
let result: string;
|
|
if (version === 'v1') {
|
|
result = generateUUIDv1();
|
|
} else {
|
|
result = generateUUIDv4();
|
|
}
|
|
|
|
if (uppercase) {
|
|
result = result.toUpperCase();
|
|
}
|
|
|
|
if (noDashes) {
|
|
result = result.replace(/-/g, '');
|
|
}
|
|
|
|
return result;
|
|
},
|
|
};
|
|
|
|
function generateUUIDv4(): string {
|
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
|
|
const r = (Math.random() * 16) | 0;
|
|
const v = c === 'x' ? r : (r & 0x3) | 0x8;
|
|
return v.toString(16);
|
|
});
|
|
}
|
|
|
|
function generateUUIDv1(): string {
|
|
const now = Date.now();
|
|
const timeLow = (now & 0xffffffff).toString(16).padStart(8, '0');
|
|
const timeMid = ((now >> 32) & 0xffff).toString(16).padStart(4, '0');
|
|
const timeHi = ((now >> 48) & 0x0fff) | 0x1000;
|
|
const clockSeq = randomInt(0, 0x3fff) | 0x8000;
|
|
const node = Array.from({ length: 6 }, () =>
|
|
randomInt(0, 255).toString(16).padStart(2, '0'),
|
|
).join('');
|
|
|
|
return `${timeLow}-${timeMid}-${timeHi.toString(16)}-${clockSeq.toString(16)}-${node}`;
|
|
}
|
|
|
|
export const ipv4: GeneratorDefinition = {
|
|
id: 'ipv4',
|
|
name: 'IPv4',
|
|
description: '生成随机 IPv4 地址',
|
|
categoryId: 'technical',
|
|
params: [
|
|
{
|
|
key: 'type',
|
|
label: '地址类型',
|
|
type: 'select',
|
|
defaultValue: 'random',
|
|
description: 'IP 地址类型',
|
|
options: [
|
|
{ label: '完全随机', value: 'random' },
|
|
{ label: '内网地址', value: 'private' },
|
|
{ label: '公网地址', value: 'public' },
|
|
{ label: '环回地址', value: 'loopback' },
|
|
],
|
|
},
|
|
],
|
|
generate: (params) => {
|
|
const type = (params.type as string) || 'random';
|
|
|
|
if (type === 'private') {
|
|
return generatePrivateIPv4();
|
|
} else if (type === 'loopback') {
|
|
return '127.0.0.1';
|
|
} else if (type === 'public') {
|
|
return generatePublicIPv4();
|
|
}
|
|
return generateRandomIPv4();
|
|
},
|
|
};
|
|
|
|
function generateRandomIPv4(): string {
|
|
return Array.from({ length: 4 }, () => randomInt(0, 255)).join('.');
|
|
}
|
|
|
|
function generatePrivateIPv4(): string {
|
|
const ranges = [
|
|
{ prefix: '10', second: () => randomInt(0, 255) },
|
|
{ prefix: '172', second: () => randomInt(16, 31) },
|
|
{ prefix: '192.168', second: () => randomInt(0, 255) },
|
|
];
|
|
const range = randomPick(ranges);
|
|
|
|
if (range.prefix === '192.168') {
|
|
return `192.168.${range.second()}.${randomInt(1, 254)}`;
|
|
}
|
|
return `${range.prefix}.${range.second()}.${randomInt(1, 254)}.${randomInt(1, 254)}`;
|
|
}
|
|
|
|
function generatePublicIPv4(): string {
|
|
let first: number;
|
|
do {
|
|
first = randomInt(1, 255);
|
|
} while (first === 10 || first === 127 || first === 192 || first === 172);
|
|
|
|
return `${first}.${randomInt(0, 255)}.${randomInt(0, 255)}.${randomInt(1, 254)}`;
|
|
}
|
|
|
|
export const url: GeneratorDefinition = {
|
|
id: 'url',
|
|
name: 'URL',
|
|
description: '生成随机 URL',
|
|
categoryId: 'technical',
|
|
params: [
|
|
{
|
|
key: 'protocol',
|
|
label: '协议',
|
|
type: 'select',
|
|
defaultValue: 'https',
|
|
description: 'URL 协议',
|
|
options: [
|
|
{ label: 'HTTPS', value: 'https' },
|
|
{ label: 'HTTP', value: 'http' },
|
|
{ label: '随机', value: 'random' },
|
|
],
|
|
},
|
|
{
|
|
key: 'type',
|
|
label: 'URL 类型',
|
|
type: 'select',
|
|
defaultValue: 'website',
|
|
description: 'URL 类型',
|
|
options: [
|
|
{ label: '网站', value: 'website' },
|
|
{ label: 'API', value: 'api' },
|
|
{ label: '图片', value: 'image' },
|
|
{ label: '文件', value: 'file' },
|
|
],
|
|
},
|
|
{
|
|
key: 'includePath',
|
|
label: '包含路径',
|
|
type: 'boolean',
|
|
defaultValue: true,
|
|
description: '是否包含路径',
|
|
},
|
|
],
|
|
generate: (params) => {
|
|
const protocol = (params.protocol as string) || 'https';
|
|
const type = (params.type as string) || 'website';
|
|
const includePath = params.includePath !== false;
|
|
|
|
const actualProtocol = protocol === 'random' ? randomPick(['http', 'https']) : protocol;
|
|
|
|
const domains = [
|
|
'example.com',
|
|
'test.org',
|
|
'demo.net',
|
|
'sample.io',
|
|
'api.service.com',
|
|
'cdn.static.com',
|
|
'img.media.com',
|
|
];
|
|
const domain = randomPick(domains);
|
|
|
|
let path = '';
|
|
if (includePath) {
|
|
if (type === 'api') {
|
|
path = `/api/v${randomInt(1, 3)}/${randomPick(['users', 'products', 'orders', 'items'])}`;
|
|
} else if (type === 'image') {
|
|
path = `/images/${randomPick(['avatar', 'banner', 'logo', 'photo'])}/${randomInt(1, 1000)}.jpg`;
|
|
} else if (type === 'file') {
|
|
path = `/files/${randomPick(['document', 'report', 'data'])}/${randomInt(1, 100)}.pdf`;
|
|
} else {
|
|
path = `/${randomPick(['about', 'contact', 'products', 'services', 'blog'])}`;
|
|
}
|
|
}
|
|
let query = '';
|
|
if (Math.random() > 0.5) {
|
|
const params = new URLSearchParams();
|
|
params.set('id', String(randomInt(1, 10000)));
|
|
if (Math.random() > 0.5) params.set('page', String(randomInt(1, 100)));
|
|
if (Math.random() > 0.7) params.set('lang', randomPick(['zh', 'en', 'ja']));
|
|
query = `?${params.toString()}`;
|
|
}
|
|
|
|
return `${actualProtocol}://${domain}${path}${query}`;
|
|
},
|
|
};
|
|
|
|
export const technicalGenerators: GeneratorDefinition[] = [uuid, ipv4, url];
|