refactor: 统一中文文案并简化组件结构,提升代码可读性
移除 chrome.i18n 后,将各功能页面、布局与工具模块的 UI 文案改为内联中文; 删除冗余注释与过度抽象(如 ToolCard、StatCard),精简 props 与状态管理; 同步优化 JsonTools、StorageCleaner、Timestamp、TestDataGenerator、Dashboard、 Base64Converter、RightClickRestorer、TextStatistics、TopBar、RouterProvider、 ThemeModeProvider 及生成器库与 utils 工具文件。
This commit is contained in:
@@ -6,7 +6,6 @@ import { Button } from '@/components/ui/button';
|
||||
import { Label } from '@/components/ui/label';
|
||||
import { cn } from '@/lib/utils';
|
||||
|
||||
/** 文本预览的最大显示字符数 */
|
||||
const TEXT_PREVIEW_MAX_LENGTH = 80;
|
||||
|
||||
export default function GeneratePanel() {
|
||||
@@ -22,13 +21,11 @@ export default function GeneratePanel() {
|
||||
const isInputStep = generatorState.step === 'input';
|
||||
const hasText = generatorState.textToEncode.trim().length > 0;
|
||||
|
||||
/** 截断文本用于预览显示 */
|
||||
const getTruncatedText = (text: string) => {
|
||||
if (text.length <= TEXT_PREVIEW_MAX_LENGTH) return text;
|
||||
return text.slice(0, TEXT_PREVIEW_MAX_LENGTH) + '...';
|
||||
};
|
||||
|
||||
// 输入态:只显示输入框和生成按钮
|
||||
if (isInputStep) {
|
||||
return (
|
||||
<div className="w-full select-none p-0.5">
|
||||
@@ -40,13 +37,13 @@ export default function GeneratePanel() {
|
||||
>
|
||||
<div className="flex flex-col space-y-2.5">
|
||||
<Label className="text-[10px] font-bold text-muted-foreground/90 uppercase tracking-wider select-none pl-0.5">
|
||||
{'输入 URL 或文本'}
|
||||
输入 URL 或文本
|
||||
</Label>
|
||||
|
||||
<TextInputArea
|
||||
value={generatorState.textToEncode}
|
||||
onChange={setTextToEncode}
|
||||
placeholder={'请输入 URL 或文本内容,将自动生成二维码'}
|
||||
placeholder="请输入 URL 或文本内容,将自动生成二维码"
|
||||
showCount={true}
|
||||
showClear={true}
|
||||
allowCopy={false}
|
||||
@@ -64,12 +61,12 @@ export default function GeneratePanel() {
|
||||
{generatorState.generating ? (
|
||||
<>
|
||||
<Loader2 className="w-4 h-4 mr-2 animate-spin" />
|
||||
{'生成中...'}
|
||||
生成中...
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<QrCode className="w-4 h-4 mr-2" />
|
||||
{'生成二维码'}
|
||||
生成二维码
|
||||
</>
|
||||
)}
|
||||
</Button>
|
||||
@@ -79,18 +76,16 @@ export default function GeneratePanel() {
|
||||
);
|
||||
}
|
||||
|
||||
// 预览态:显示文本预览 + 二维码(紧凑布局,适配popup窗口)
|
||||
return (
|
||||
<div className="w-full select-none p-0.5 flex flex-col">
|
||||
{/* 文本预览区域(固定高度,单行显示) */}
|
||||
<div className="border border-border rounded-xl bg-card text-card-foreground shadow-sm p-3 mb-3">
|
||||
<div className="flex items-center justify-between mb-1.5">
|
||||
<Label className="text-[10px] font-bold text-muted-foreground/90 uppercase tracking-wider select-none pl-0.5">
|
||||
{'原始文本'}
|
||||
原始文本
|
||||
</Label>
|
||||
<Button variant="ghost" size="sm" onClick={backToEdit} className="h-6 px-2 text-xs">
|
||||
<Pencil className="w-3 h-3 mr-1" />
|
||||
{'编辑'}
|
||||
编辑
|
||||
</Button>
|
||||
</div>
|
||||
<div
|
||||
@@ -101,7 +96,6 @@ export default function GeneratePanel() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 二维码预览区域(自适应剩余空间) */}
|
||||
<QrCodePreview
|
||||
qrCodeDataUrl={generatorState.qrCodeDataUrl}
|
||||
onDownload={downloadQrCode}
|
||||
|
||||
Reference in New Issue
Block a user