diff --git a/docs/docs/max/antd.md b/docs/docs/max/antd.md index 37a73d3f7848..c56ee02638b7 100644 --- a/docs/docs/max/antd.md +++ b/docs/docs/max/antd.md @@ -127,7 +127,11 @@ export default { 配置 `antd` 的 `StyleProvider` 组件,该组件用于兼容低版本浏览器,如 IE11。当你的项目配置了 `legacy` 或者 `targets` 包含 `ie` 时,会自动进行降级处理,不需要手动配置。 -**注意:该配置项仅 antd v5 及以上可用** +**注意:** + +1. 该配置项仅 antd v5 及以上可用。 + +2. 由于降级 CSS 需要依赖 [`@ant-design/cssinjs`](https://ant.design/docs/react/compatible-style-cn) ,若你显示安装了 `antd` ,请安装并确保你的 `@ant-design/cssinjs` 版本与 `antd` 正确对应。 ### 运行时配置 diff --git a/examples/with-antd-5/.umirc.ts b/examples/with-antd-5/.umirc.ts index d4eb3d4e2153..251b6f62522f 100644 --- a/examples/with-antd-5/.umirc.ts +++ b/examples/with-antd-5/.umirc.ts @@ -11,6 +11,10 @@ export default { colorPrimary: '#1DA57A', }, }, + styleProvider: { + hashPriority: 'high', + legacyTransformer: true, + }, /** * antd@5.1.0 ~ 5.2.3 仅支持 appConfig: {}, 来启用 组件; * antd@5.3.0 及以上才支持 appConfig: { // ... } 来添加更多 App 配置项; diff --git a/packages/plugins/src/antd.ts b/packages/plugins/src/antd.ts index 3db71676f579..4413574f1f33 100644 --- a/packages/plugins/src/antd.ts +++ b/packages/plugins/src/antd.ts @@ -292,6 +292,7 @@ export type IRuntimeConfig = { api.addRuntimePlugin(() => { if ( + api.config.antd.styleProvider || api.config.antd.configProvider || (appComponentAvailable && api.config.antd.appConfig) ) { diff --git a/packages/plugins/templates/antd/runtime.ts.tpl b/packages/plugins/templates/antd/runtime.ts.tpl index 1c87202bf673..0b242691ccca 100644 --- a/packages/plugins/templates/antd/runtime.ts.tpl +++ b/packages/plugins/templates/antd/runtime.ts.tpl @@ -81,7 +81,7 @@ export function rootContainer(rawContainer) { container = (