ouzhou
a393b5c0e3
- 系统配置页支持 bool 类型(Switch 控件),供「提现自动对账」「比价期广告」等运营开关使用 - message / Modal.confirm 静态调用迁移到 App.useApp() 的 message / modal,消除 React 19 "Static function can not consume context" 告警;providers 用 <App> 容器包裹全站 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> --------- Co-authored-by: OuYingJun1024 <1034284404@qq.com> Reviewed-on: #12 Co-authored-by: ouzhou <ouzhou@wonderable.ai> Co-committed-by: ouzhou <ouzhou@wonderable.ai>
33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
// React 19 兼容补丁:Next 15 App Router 运行时用 React 19,修掉 antd v5 静态方法
|
|
// (message/notification/Modal)的兼容问题并消除 "[antd: compatible] support React 16~18" 告警。
|
|
// 必须在引入 antd 之前 import。
|
|
import '@ant-design/v5-patch-for-react-19';
|
|
import { AntdRegistry } from '@ant-design/nextjs-registry';
|
|
import { App, ConfigProvider } from 'antd';
|
|
import zhCN from 'antd/locale/zh_CN';
|
|
|
|
export function Providers({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<AntdRegistry>
|
|
{/* wave 禁用:消除 antd 5 波纹在 Next15 dev 下的 React 版本兼容误报(纯噪音,后台不需要波纹) */}
|
|
{/* 全局主题:统一圆角到 8、页面底色用偏冷的浅灰,让白色卡片更有层次(全站生效) */}
|
|
<ConfigProvider
|
|
locale={zhCN}
|
|
wave={{ disabled: true }}
|
|
theme={{
|
|
token: {
|
|
borderRadius: 8,
|
|
colorBgLayout: '#f0f2f5',
|
|
},
|
|
}}
|
|
>
|
|
{/* antd <App> 容器:让 message/notification/Modal 能通过 App.useApp() 读到 ConfigProvider
|
|
的动态主题/locale,消除 "Static function can not consume context" 告警(全站生效) */}
|
|
<App>{children}</App>
|
|
</ConfigProvider>
|
|
</AntdRegistry>
|
|
);
|
|
}
|