feat(plugins): 运行时 styled components 支持 function (#11304)

* feat(plugins): 运行时 styled components 支持 function * docs: 修改文档 * docs(SC): use object config --------- Co-authored-by: fz6m <[email protected]>
umijs · Nov 6, 2023 · aac5ed8 · aac5ed8 · vercel · Nov 6, 2023
1 parent 56313d4
commit aac5ed8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/docs/docs/docs/max/styled-components.md b/docs/docs/docs/max/styled-components.md
@@ -64,7 +64,7 @@ export default {
 比如：
 
 ```ts
-import {createGlobalStyle} from "umi";
+import { createGlobalStyle } from "umi";
 
 export const styledComponents = {
   GlobalStyle: createGlobalStyle`

diff --git a/packages/plugins/src/styled-components.ts b/packages/plugins/src/styled-components.ts
@@ -55,7 +55,11 @@ export { styled, ThemeProvider, createGlobalStyle, css, keyframes, StyleSheetMan
       content: `
 ${styledComponentsRuntimeCode}
 export function rootContainer(container) {
-  const globalStyle = styledComponentsConfig.GlobalStyle ? <styledComponentsConfig.GlobalStyle /> : null;
+  const scConfig =
+    typeof styledComponentsConfig === 'function'
+      ? styledComponentsConfig()
+      : styledComponentsConfig;
+  const globalStyle = scConfig.GlobalStyle ? <scConfig.GlobalStyle /> : null;
   return (
     <>
       {globalStyle}