feat(Timestamp): 重构时间戳转换功能,新增 ConverterForm 组件

- 在 Timestamp 页面中引入 ConverterForm 组件,简化输入和转换逻辑。
- 新增常量定义,包括模式选项、单位选项和输入占位符,提升代码可读性。
- 更新 useTimestampConverter 钩子,添加输入占位符支持。
- 引入 ToolCard 组件以统一样式和结构,优化页面布局。
This commit is contained in:
雨霖铃
2026-06-19 10:27:01 +08:00
parent 9c993b6cea
commit 0906d1f425
5 changed files with 122 additions and 97 deletions
+3 -1
View File
@@ -1,7 +1,7 @@
import { useMemo, useState } from 'react';
import dayjs from '@/utils/dayjs';
import type { UnitType, ZoneType, ModeType } from './constants';
import { DATE_FORMAT, msToUnit, dayjsFromTimestamp } from './constants';
import { DATE_FORMAT, INPUT_PLACEHOLDERS, msToUnit, dayjsFromTimestamp } from './constants';
import { useContextMenuData } from '@/utils/useContextMenuData';
export interface UseTimestampConverterReturn {
@@ -11,6 +11,7 @@ export interface UseTimestampConverterReturn {
zone: ZoneType;
result: string;
error: string;
inputPlaceholder: string;
setMode: (mode: ModeType) => void;
setInput: (value: string) => void;
@@ -100,6 +101,7 @@ export function useTimestampConverter(): UseTimestampConverterReturn {
zone,
result,
error,
inputPlaceholder: INPUT_PLACEHOLDERS[mode],
setMode: handleSetMode,
setInput,
setUnit,