update: 更新版本v1.3.8
This commit is contained in:
Generated
+2
-2
@@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "frontend",
|
"name": "frontend",
|
||||||
"version": "1.3.7",
|
"version": "1.3.8",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "frontend",
|
"name": "frontend",
|
||||||
"version": "1.3.7",
|
"version": "1.3.8",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ant-design/icons": "^5.6.1",
|
"@ant-design/icons": "^5.6.1",
|
||||||
"@dnd-kit/core": "^6.3.1",
|
"@dnd-kit/core": "^6.3.1",
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "frontend",
|
"name": "frontend",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "1.3.7",
|
"version": "1.3.8",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import { ConfigProvider } from 'antd';
|
import { ConfigProvider } from 'antd';
|
||||||
import zhCN from 'antd/locale/zh_CN';
|
import zhCN from 'antd/locale/zh_CN';
|
||||||
import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
||||||
import type { PropsWithChildren } from 'react';
|
import type { PropsWithChildren } from 'react';
|
||||||
import { getThemeConfig, type ResolvedThemeMode } from './themeConfig';
|
import { getThemeConfig, type ResolvedThemeMode } from './themeConfig';
|
||||||
import { ThemeModeContext } from './themeContext';
|
import { ThemeModeContext } from './themeContext';
|
||||||
@@ -61,7 +61,7 @@ export const ThemeProvider = ({ children }: PropsWithChildren) => {
|
|||||||
const resolvedMode: ResolvedThemeMode = getResolvedMode(mode, systemMode);
|
const resolvedMode: ResolvedThemeMode = getResolvedMode(mode, systemMode);
|
||||||
const themeConfig = useMemo(() => getThemeConfig(resolvedMode), [resolvedMode]);
|
const themeConfig = useMemo(() => getThemeConfig(resolvedMode), [resolvedMode]);
|
||||||
|
|
||||||
const setMode = (nextMode: ThemeMode) => {
|
const setMode = useCallback((nextMode: ThemeMode) => {
|
||||||
if (nextMode === mode) {
|
if (nextMode === mode) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -105,7 +105,7 @@ export const ThemeProvider = ({ children }: PropsWithChildren) => {
|
|||||||
root.removeAttribute('data-theme-transition');
|
root.removeAttribute('data-theme-transition');
|
||||||
applyMode();
|
applyMode();
|
||||||
}
|
}
|
||||||
};
|
}, [mode, resolvedMode, systemMode]);
|
||||||
|
|
||||||
useLayoutEffect(() => {
|
useLayoutEffect(() => {
|
||||||
if (typeof document === 'undefined') {
|
if (typeof document === 'undefined') {
|
||||||
@@ -136,7 +136,7 @@ export const ThemeProvider = ({ children }: PropsWithChildren) => {
|
|||||||
resolvedMode,
|
resolvedMode,
|
||||||
setMode,
|
setMode,
|
||||||
}),
|
}),
|
||||||
[mode, resolvedMode],
|
[mode, resolvedMode, setMode],
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user