From 353f470c110212b8fefbf3909b00012829159aa0 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Sun, 15 May 2022 10:28:34 +0800
Subject: [PATCH] style: config-provider

---
 components/config-provider/cssVariables.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/components/config-provider/cssVariables.tsx b/components/config-provider/cssVariables.tsx
index 471b61492..dd68a1ab2 100644
--- a/components/config-provider/cssVariables.tsx
+++ b/components/config-provider/cssVariables.tsx
@@ -9,7 +9,7 @@ import devWarning from '../vc-util/devWarning';
 
 const dynamicStyleMark = `-ant-${Date.now()}-${Math.random()}`;
 
-export function registerTheme(globalPrefixCls: string, theme: Theme) {
+export function getStyle(globalPrefixCls: string, theme: Theme) {
   const variables: Record<string, string> = {};
 
   const formatColor = (
@@ -88,15 +88,18 @@ export function registerTheme(globalPrefixCls: string, theme: Theme) {
     key => `--${globalPrefixCls}-${key}: ${variables[key]};`,
   );
 
-  if (canUseDom()) {
-    updateCSS(
-      `
+  return `
   :root {
     ${cssList.join('\n')}
   }
-  `,
-      `${dynamicStyleMark}-dynamic-theme`,
-    );
+  `.trim();
+}
+
+export function registerTheme(globalPrefixCls: string, theme: Theme) {
+  const style = getStyle(globalPrefixCls, theme);
+
+  if (canUseDom()) {
+    updateCSS(style, `${dynamicStyleMark}-dynamic-theme`);
   } else {
     devWarning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.');
   }