rsgltzyd
c7f4305fc3
- 移除不必要的 Suspense 组件，改为使用 LoadedPage 组件进行懒加载。 - 更新特性获取逻辑，使用 getFeatureByKey 函数替代直接查找。 - 新增 featureMeta.ts 文件，集中管理功能配置和相关方法。 - 实现 pageLoaders 以支持按需加载页面模块，提升性能和用户体验。
134 lines
3.3 KiB
TypeScript
134 lines
3.3 KiB
TypeScript
import type { ComponentType } from 'react';
|
|
import type { LucideProps } from 'lucide-react';
|
|
import type { PageType } from '@/types/storage';
|
|
import {
|
|
Clock,
|
|
Database,
|
|
QrCode,
|
|
FileText,
|
|
Key,
|
|
GitCompareArrows,
|
|
ArrowLeftRight,
|
|
MousePointerClick,
|
|
FileSpreadsheet,
|
|
} from 'lucide-react';
|
|
|
|
export type PaletteColorKey = 'primary' | 'success' | 'warning' | 'error' | 'secondary' | 'info';
|
|
|
|
export interface FeatureConfig {
|
|
key: PageType;
|
|
label: string;
|
|
description: string;
|
|
themeColorKey?: PaletteColorKey;
|
|
icon?: ComponentType<LucideProps>;
|
|
defaultVisible: boolean;
|
|
}
|
|
|
|
export const FEATURES: FeatureConfig[] = [
|
|
{
|
|
key: 'dashboard',
|
|
label: '仪表盘',
|
|
description: '',
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'timestamp',
|
|
label: '时间戳',
|
|
description: 'Unix 毫秒数转换与格式化',
|
|
themeColorKey: 'primary',
|
|
icon: Clock,
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'storageCleaner',
|
|
label: '存储清理',
|
|
description: '清理缓存、Cookies 及本地存储',
|
|
themeColorKey: 'warning',
|
|
icon: Database,
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'qrCode',
|
|
label: '二维码工具',
|
|
description: '生成当前选中的 URL 的二维码',
|
|
themeColorKey: 'success',
|
|
icon: QrCode,
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'textStatistics',
|
|
label: '文本统计',
|
|
description: '实时分析文本字符、单词及字节',
|
|
themeColorKey: 'secondary',
|
|
icon: FileText,
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'jwt',
|
|
label: 'JWT 解析',
|
|
description: 'JSON Web Token 解码与查看',
|
|
themeColorKey: 'info',
|
|
icon: Key,
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'jsonTools',
|
|
label: 'JSON 工具',
|
|
description: '差异比较、格式化、YAML/TOML 转换及压缩',
|
|
themeColorKey: 'primary',
|
|
icon: GitCompareArrows,
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'base64Converter',
|
|
label: 'Base64 转换器',
|
|
description: '文本、文件与图像的 Base64 编码转换',
|
|
themeColorKey: 'info',
|
|
icon: ArrowLeftRight,
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'rightClickRestorer',
|
|
label: '右键恢复',
|
|
description: '检测并恢复被网站禁用的浏览器右键菜单',
|
|
themeColorKey: 'success',
|
|
icon: MousePointerClick,
|
|
defaultVisible: true,
|
|
},
|
|
{
|
|
key: 'testDataGenerator',
|
|
label: '测试数据生成器',
|
|
description: '自定义规则批量生成测试数据',
|
|
themeColorKey: 'warning',
|
|
icon: FileSpreadsheet,
|
|
defaultVisible: true,
|
|
},
|
|
];
|
|
|
|
export function getFeatureByKey(key: PageType): FeatureConfig | undefined {
|
|
return FEATURES.find((f) => f.key === key);
|
|
}
|
|
|
|
export function getDefaultVisibleFeatureKeys(): PageType[] {
|
|
return FEATURES.filter((f) => f.defaultVisible).map((f) => f.key);
|
|
}
|
|
|
|
export function getAllFeatureKeys(): PageType[] {
|
|
return FEATURES.map((f) => f.key);
|
|
}
|
|
|
|
export function getDefaultPageOrder(): PageType[] {
|
|
return FEATURES.filter((f) => f.key !== 'dashboard').map((f) => f.key);
|
|
}
|
|
|
|
export function getEntryPointType(): 'popup' | 'sidepanel' | 'tab' {
|
|
const pathname = window.location.pathname;
|
|
if (pathname.includes('sidepanel')) {
|
|
return 'sidepanel';
|
|
}
|
|
if (new URLSearchParams(window.location.search).get('mode') === 'tab') {
|
|
return 'tab';
|
|
}
|
|
return 'popup';
|
|
}
|