2024-05-07 16:24:43 +00:00
|
|
|
import { StyleProvider } from '@ant-design/cssinjs';
|
2024-05-14 22:36:45 +00:00
|
|
|
import { ConfigProvider, App as AntdApp } from 'antd';
|
2024-05-07 16:24:43 +00:00
|
|
|
// import 'dayjs/locale/zh-cn';
|
|
|
|
|
2024-05-13 01:35:26 +00:00
|
|
|
import { FC, useMemo } from 'react';
|
2024-05-07 16:24:43 +00:00
|
|
|
|
|
|
|
import $styles from './app.module.css';
|
2024-05-13 01:35:26 +00:00
|
|
|
import { localeData } from './components/demo/constants';
|
2024-05-14 22:36:45 +00:00
|
|
|
import { Locale } from './components/demo/context';
|
|
|
|
import { useLocale } from './components/demo/hooks';
|
|
|
|
import Theme from './components/theme';
|
|
|
|
import ThemeDemo from './components/theme/demo';
|
|
|
|
import { useAntdAlgorithm } from './components/theme/hooks';
|
2024-05-09 22:29:02 +00:00
|
|
|
|
2024-05-13 01:35:26 +00:00
|
|
|
const Wrapper: FC = () => {
|
|
|
|
const locale = useLocale();
|
|
|
|
const antdLocaleData = useMemo(() => {
|
|
|
|
if (!Object.keys(localeData).find((v) => v === locale.name)) {
|
|
|
|
return localeData[0];
|
|
|
|
}
|
|
|
|
return localeData[locale.name];
|
|
|
|
}, [locale.name]);
|
2024-05-14 22:36:45 +00:00
|
|
|
// const themeState = useTheme();
|
|
|
|
// const algorithm = useMemo(() => {
|
|
|
|
// const result = [themeState.compact ? theme.compactAlgorithm : theme.defaultAlgorithm];
|
|
|
|
// if (themeState.mode === 'dark') result.push(theme.darkAlgorithm);
|
|
|
|
// return result;
|
|
|
|
// }, [themeState]);
|
|
|
|
const algorithm = useAntdAlgorithm();
|
2024-05-07 16:24:43 +00:00
|
|
|
return (
|
|
|
|
<ConfigProvider
|
2024-05-13 01:35:26 +00:00
|
|
|
locale={antdLocaleData}
|
2024-05-07 16:24:43 +00:00
|
|
|
theme={{
|
2024-05-13 01:35:26 +00:00
|
|
|
algorithm,
|
2024-05-10 21:52:36 +00:00
|
|
|
token: {},
|
2024-05-07 16:24:43 +00:00
|
|
|
}}
|
|
|
|
>
|
|
|
|
<StyleProvider hashPriority="high">
|
|
|
|
<AntdApp>
|
|
|
|
<div className={$styles.app}>
|
2024-05-13 01:35:26 +00:00
|
|
|
{/* <StateDemo />
|
2024-05-10 21:52:36 +00:00
|
|
|
<EffectDemo />
|
|
|
|
<RefDemo />
|
2024-05-11 22:07:54 +00:00
|
|
|
<MemoDemo />
|
2024-05-14 22:36:45 +00:00
|
|
|
<CallbackDemo />
|
2024-05-13 01:35:26 +00:00
|
|
|
<ContextDemo />
|
|
|
|
<ReducerDemo />
|
2024-05-14 22:36:45 +00:00
|
|
|
<CustomDemo /> */}
|
|
|
|
<ThemeDemo />
|
2024-05-07 16:24:43 +00:00
|
|
|
</div>
|
|
|
|
</AntdApp>
|
|
|
|
</StyleProvider>
|
|
|
|
</ConfigProvider>
|
|
|
|
);
|
|
|
|
};
|
2024-05-13 01:35:26 +00:00
|
|
|
const App: FC = () => (
|
|
|
|
<Locale>
|
|
|
|
<Theme>
|
|
|
|
<Wrapper />
|
|
|
|
</Theme>
|
|
|
|
</Locale>
|
|
|
|
);
|
2024-05-07 16:24:43 +00:00
|
|
|
export default App;
|