48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
import { RouterProvider } from 'react-router';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import dayjs from 'dayjs';
|
|
import weekday from 'dayjs/plugin/weekday';
|
|
import localeData from 'dayjs/plugin/localeData';
|
|
import 'dayjs/locale/zh-cn';
|
|
|
|
import { AuthProvider } from './hooks_sys.tsx';
|
|
import { ThemeProvider } from './hooks_sys.tsx';
|
|
import { router } from './routes.tsx';
|
|
import type { GlobalConfig } from '../share/types.ts';
|
|
|
|
// 配置 dayjs 插件
|
|
dayjs.extend(weekday);
|
|
dayjs.extend(localeData);
|
|
|
|
// 设置 dayjs 语言
|
|
dayjs.locale('zh-cn');
|
|
|
|
// 创建QueryClient实例
|
|
const queryClient = new QueryClient();
|
|
|
|
// 声明全局配置对象类型
|
|
declare global {
|
|
interface Window {
|
|
CONFIG?: GlobalConfig;
|
|
}
|
|
}
|
|
|
|
// 应用入口组件
|
|
const App = () => {
|
|
return <RouterProvider router={router} />
|
|
};
|
|
|
|
// 渲染应用
|
|
const root = createRoot(document.getElementById('root') as HTMLElement);
|
|
root.render(
|
|
<QueryClientProvider client={queryClient}>
|
|
<ThemeProvider>
|
|
<AuthProvider>
|
|
<App />
|
|
</AuthProvider>
|
|
</ThemeProvider>
|
|
</QueryClientProvider>
|
|
);
|