feat(Timestamp): 重构时间戳转换功能,新增 ConverterForm 组件
- 在 Timestamp 页面中引入 ConverterForm 组件,简化输入和转换逻辑。 - 新增常量定义,包括模式选项、单位选项和输入占位符,提升代码可读性。 - 更新 useTimestampConverter 钩子,添加输入占位符支持。 - 引入 ToolCard 组件以统一样式和结构,优化页面布局。
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user