🐛 fix: 修正 createInstance 的 container 插入位置制定无效的问题

close #47
ant-design · Apr 23, 2023 · c0b00c3 · c0b00c3
1 parent d6de186
commit c0b00c3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/factories/createStyleProvider/index.tsx b/src/factories/createStyleProvider/index.tsx
@@ -36,6 +36,7 @@ export interface StyleProviderProps
 interface DefaultProps {
   prefix: string;
   speedy?: boolean;
+  container?: Node;
 }
 
 export const createStyleProvider = (
@@ -48,7 +49,7 @@ export const createStyleProvider = (
       prefix = defaultProps?.prefix || DEFAULT_CSS_PREFIX_KEY,
       speedy = defaultProps?.speedy,
       getStyleManager,
-      container,
+      container = defaultProps?.container,
       nonce,
       insertionPoint,
       stylisPlugins,

diff --git a/src/functions/createInstance.ts b/src/functions/createInstance.ts
@@ -40,6 +40,8 @@ export interface CreateOptions<T> {
    * @default false
    */
   speedy?: boolean;
+
+  container?: Node;
   /**
    * 默认的自定义 Token
    */
@@ -57,7 +59,12 @@ export interface CreateOptions<T> {
 export const createInstance = <T = any>(options: CreateOptions<T>) => {
   const defaultKey = options.key || 'css';
 
-  const emotion = createEmotion({ key: defaultKey, speedy: options.speedy });
+  // TODO: 此处的 emotion 应该是 emotion context 中的 emotion，需要允许外部通过 Provider 进行修改
+  const emotion = createEmotion({
+    key: defaultKey,
+    speedy: options.speedy,
+    container: options.container,
+  });
 
   // 将 cache 存到一个全局
   cacheManager.add(emotion.cache);
@@ -105,6 +112,7 @@ export const createInstance = <T = any>(options: CreateOptions<T>) => {
   const StyleProvider = createStyleProvider(EmotionContext, {
     speedy: options.speedy,
     prefix: defaultKey,
+    container: options.container,
   });
 
   return {