✏️ fix: cache 设为可选项

ant-design · Mar 17, 2023 · 495cd78 · 495cd78
1 parent 71becf8
commit 495cd78
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 11 deletions.
diff --git a/src/factories/createStyleProvider/index.tsx b/src/factories/createStyleProvider/index.tsx
@@ -7,9 +7,11 @@ import { StylisPlugin } from '@emotion/cache';
 import { Context, FC, memo, ReactNode, useEffect, useMemo } from 'react';
 
 export interface StyleProviderProps
-  extends Pick<
-    StyleContextProps,
-    'container' | 'autoClear' | 'cache' | 'hashPriority' | 'ssrInline' | 'transformers'
+  extends Partial<
+    Pick<
+      StyleContextProps,
+      'container' | 'autoClear' | 'cache' | 'hashPriority' | 'ssrInline' | 'transformers'
+    >
   > {
   prefix?: string;
 
@@ -69,11 +71,14 @@ export const createStyleProvider = (
         getStyleManager?.(emotion);
       }, [emotion]);
 
-      return (
-        // @ts-ignore
-        <AntdStyleProvider {...antdStyleProviderProps}>
-          <EmotionContext.Provider value={emotion}>{children}</EmotionContext.Provider>
-        </AntdStyleProvider>
-      );
+      const content = <EmotionContext.Provider value={emotion}>{children}</EmotionContext.Provider>;
+
+      if (antdStyleProviderProps.cache) {
+        return (
+          // @ts-ignore
+          <AntdStyleProvider {...antdStyleProviderProps}>{content}</AntdStyleProvider>
+        );
+      }
+      return content;
     },
   );
diff --git a/src/factories/createThemeProvider/index.tsx b/src/factories/createThemeProvider/index.tsx
@@ -10,13 +10,29 @@ import TokenContainer from './TokenContainer';
 import { ThemeProviderProps } from './type';
 
 export * from './type';
-
+/**
+ * @title CreateThemeProviderOptions
+ * @category Interfaces
+ * @description 用于创建主题提供者的选项接口
+ */
 interface CreateThemeProviderOptions {
+  /**
+   * @title styledConfig
+   * @description 配置 styled-components 的选项
+   * @default undefined
+   */
   styledConfig?: StyledConfig;
+  /**
+   * @title StyleEngineContext
+   * @description StyleEngine 上下文
+   */
   StyleEngineContext: Context<StyleEngine>;
+  /**
+   * @title useTheme
+   * @description 获取当前主题的钩子函数
+   */
   useTheme: UseTheme;
 }
-
 export const createThemeProvider = (
   option: CreateThemeProviderOptions,
 ): (<T = any, S = any>(props: ThemeProviderProps<T, S>) => ReactElement | null) => {