refactor: 统一中文文案并简化组件结构,提升代码可读性
移除 chrome.i18n 后,将各功能页面、布局与工具模块的 UI 文案改为内联中文; 删除冗余注释与过度抽象(如 ToolCard、StatCard),精简 props 与状态管理; 同步优化 JsonTools、StorageCleaner、Timestamp、TestDataGenerator、Dashboard、 Base64Converter、RightClickRestorer、TextStatistics、TopBar、RouterProvider、 ThemeModeProvider 及生成器库与 utils 工具文件。
This commit is contained in:
@@ -8,9 +8,15 @@ import {
|
||||
SelectValue,
|
||||
} from '@/components/ui/select';
|
||||
import { cn } from '@/lib/utils';
|
||||
import { MODE_OPTIONS, UNIT_OPTIONS, ZONES, type ZoneType } from '../constants';
|
||||
import {
|
||||
CARD_CLASS,
|
||||
INPUT_PLACEHOLDERS,
|
||||
MODE_OPTIONS,
|
||||
UNIT_OPTIONS,
|
||||
ZONES,
|
||||
type ZoneType,
|
||||
} from '../constants';
|
||||
import type { UseTimestampConverterReturn } from '../useTimestampConverter';
|
||||
import ToolCard from './ToolCard';
|
||||
|
||||
type ConverterFormProps = Omit<UseTimestampConverterReturn, 'result' | 'handleUseNow'>;
|
||||
|
||||
@@ -20,20 +26,19 @@ export default function ConverterForm({
|
||||
unit,
|
||||
zone,
|
||||
error,
|
||||
inputPlaceholder,
|
||||
setMode,
|
||||
setInput,
|
||||
setUnit,
|
||||
setZone,
|
||||
}: ConverterFormProps) {
|
||||
return (
|
||||
<ToolCard className="gap-4">
|
||||
<div className={cn(CARD_CLASS, 'gap-4')}>
|
||||
<SwitchButtonGroup value={mode} options={MODE_OPTIONS} onChange={setMode} size="small" />
|
||||
|
||||
<div className="flex flex-col gap-1.5">
|
||||
<Input
|
||||
type="text"
|
||||
placeholder={inputPlaceholder}
|
||||
placeholder={INPUT_PLACEHOLDERS[mode]}
|
||||
value={input}
|
||||
onChange={(e) => setInput(e.target.value)}
|
||||
className={cn(
|
||||
@@ -71,6 +76,6 @@ export default function ConverterForm({
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
</ToolCard>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user