33b4c734aa
后端: - 新增认证(auth)、任务(tasks)、映射(mappings)、对账(reconciliation)、异常(exceptions)、导出(exports) API - 新增核心模块: database, security, permissions, tenant, exceptions, error_handlers - 新增数据模型: user, company, reconciliation_task, field_mapping, uploaded_file 等 - 新增服务层: ai_recognizer, file_parser, file_storage, mapping, reconciliation 等 - 添加数据库迁移脚本 前端: - 新增登录页面和仪表盘页面 - 新增任务列表、任务详情、字段映射页面 - 新增异常处理页面和规则设置页面 - 新增 API 代理路由 /api/[...path] - 新增 UI 组件库 (button, card, dialog, input, table 等) - 新增 auth 组件 (ProtectedRoute, PermissionGate) - 新增 layout 组件 (Header, Sidebar) - 新增 mapping 组件 (FieldMappingTable, AISuggestionPanel) - 新增 API 客户端和 hooks (useAsync, useToast, usePermission 等) - 新增状态管理 (auth-store, company-store, ui-store) - 集成 Tailwind CSS 和 shadcn/ui 组件库 其他: - 添加 Alembic 数据库迁移配置 - 添加初始化示例数据脚本 - 更新项目文档
48 lines
1.0 KiB
TypeScript
48 lines
1.0 KiB
TypeScript
import { useCallback, useState } from 'react';
|
|
|
|
/**
|
|
* 异步请求状态
|
|
*/
|
|
export interface AsyncState<T> {
|
|
data: T | null;
|
|
loading: boolean;
|
|
error: Error | null;
|
|
}
|
|
|
|
/**
|
|
* 异步请求 Hook
|
|
* 用于管理异步请求的加载状态、数据和错误
|
|
*/
|
|
export function useAsync<T = unknown>() {
|
|
const [state, setState] = useState<AsyncState<T>>({
|
|
data: null,
|
|
loading: false,
|
|
error: null,
|
|
});
|
|
|
|
const execute = useCallback(async (asyncFunction: () => Promise<T>) => {
|
|
setState({ data: null, loading: true, error: null });
|
|
|
|
try {
|
|
const result = await asyncFunction();
|
|
setState({ data: result, loading: false, error: null });
|
|
return result;
|
|
} catch (error) {
|
|
const err = error instanceof Error ? error : new Error(String(error));
|
|
setState({ data: null, loading: false, error: err });
|
|
throw err;
|
|
}
|
|
}, []);
|
|
|
|
const reset = useCallback(() => {
|
|
setState({ data: null, loading: false, error: null });
|
|
}, []);
|
|
|
|
return {
|
|
...state,
|
|
execute,
|
|
reset,
|
|
};
|
|
}
|
|
|
|
export default useAsync; |