From b2a45ad32742197506e859ca43f1d610fc272a98 Mon Sep 17 00:00:00 2001
From: thinkasany <480968828@qq.com>
Date: Fri, 10 Jan 2025 11:51:18 +0800
Subject: [PATCH 1/3] feat: support root style

---
 src/Dialog/index.tsx     | 2 ++
 src/IDialogPropTypes.tsx | 1 +
 2 files changed, 3 insertions(+)

diff --git a/src/Dialog/index.tsx b/src/Dialog/index.tsx
index fdad1ee0..21155957 100644
--- a/src/Dialog/index.tsx
+++ b/src/Dialog/index.tsx
@@ -41,6 +41,7 @@ const Dialog: React.FC<IDialogPropTypes> = (props) => {
     maskStyle,
     maskProps,
     rootClassName,
+    rootStyle,
     classNames: modalClassNames,
     styles: modalStyles,
   } = props;
@@ -175,6 +176,7 @@ const Dialog: React.FC<IDialogPropTypes> = (props) => {
   return (
     <div
       className={classNames(`${prefixCls}-root`, rootClassName)}
+      style={rootStyle}
       {...pickAttrs(props, { data: true })}
     >
       <Mask
diff --git a/src/IDialogPropTypes.tsx b/src/IDialogPropTypes.tsx
index 5f74bd63..0b2b20c1 100644
--- a/src/IDialogPropTypes.tsx
+++ b/src/IDialogPropTypes.tsx
@@ -11,6 +11,7 @@ export type IDialogPropTypes = {
   className?: string;
   keyboard?: boolean;
   style?: CSSProperties;
+  rootStyle?: CSSProperties;
   mask?: boolean;
   children?: React.ReactNode;
   afterClose?: () => any;

From 57d6cef2583cb4fff8fe4c5b930526e57545f604 Mon Sep 17 00:00:00 2001
From: thinkasany <480968828@qq.com>
Date: Fri, 10 Jan 2025 14:21:56 +0800
Subject: [PATCH 2/3] add test

---
 tests/__snapshots__/index.spec.tsx.snap | 49 +++++++++++++++++++++++++
 tests/index.spec.tsx                    |  4 +-
 2 files changed, 52 insertions(+), 1 deletion(-)

diff --git a/tests/__snapshots__/index.spec.tsx.snap b/tests/__snapshots__/index.spec.tsx.snap
index 8bebc66f..56fa78b8 100644
--- a/tests/__snapshots__/index.spec.tsx.snap
+++ b/tests/__snapshots__/index.spec.tsx.snap
@@ -1,5 +1,54 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`dialog add rootClassName and rootStyle should render correct 1`] = `
+<div
+  class="rc-dialog-root customize-root-class"
+  style="font-size: 20px;"
+>
+  <div
+    class="rc-dialog-mask"
+  />
+  <div
+    class="rc-dialog-wrap"
+    style="font-size: 10px;"
+    tabindex="-1"
+  >
+    <div
+      aria-modal="true"
+      class="rc-dialog"
+      role="dialog"
+      style="width: 600px; height: 903px;"
+    >
+      <div
+        style="outline: none;"
+        tabindex="0"
+      >
+        <div
+          class="rc-dialog-section"
+        >
+          <button
+            aria-label="Close"
+            class="rc-dialog-close"
+            type="button"
+          >
+            <span
+              class="rc-dialog-close-x"
+            />
+          </button>
+          <div
+            class="rc-dialog-body"
+          />
+        </div>
+      </div>
+      <div
+        style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+        tabindex="0"
+      />
+    </div>
+  </div>
+</div>
+`;
+
 exports[`dialog add rootClassName should render correct 1`] = `
 <div
   class="rc-dialog-root customize-root-class"
diff --git a/tests/index.spec.tsx b/tests/index.spec.tsx
index 1e21bc9e..6efbe8df 100644
--- a/tests/index.spec.tsx
+++ b/tests/index.spec.tsx
@@ -36,12 +36,13 @@ describe('dialog', () => {
     expect(wrapper.render()).toMatchSnapshot();
   });
 
-  it('add rootClassName should render correct', () => {
+  it('add rootClassName and rootStyle should render correct', () => {
     const spy = jest.spyOn(console, 'error').mockImplementation(() => {});
     const wrapper = mount(
       <Dialog
         visible
         rootClassName="customize-root-class"
+        rootStyle={{ fontSize: 20 }}
         style={{ width: 600 }}
         height={903}
         wrapStyle={{ fontSize: 10 }}
@@ -56,6 +57,7 @@ describe('dialog', () => {
     );
     expect(wrapper.find('.customize-root-class').length).toBeTruthy();
     expect(wrapper.find('.rc-dialog-wrap').props().style.fontSize).toBe(10);
+    expect(wrapper.find('.rc-dialog-root').props().style.fontSize).toBe(20);
     expect(wrapper.find('.rc-dialog').props().style.height).toEqual(903);
     expect(wrapper.find('.rc-dialog').props().style.width).toEqual(600);
   });

From 83ad57257e6f02dbb7ffe4c6c11529e10a1de056 Mon Sep 17 00:00:00 2001
From: thinkasany <480968828@qq.com>
Date: Fri, 10 Jan 2025 14:24:21 +0800
Subject: [PATCH 3/3] update

---
 tests/__snapshots__/index.spec.tsx.snap | 48 -------------------------
 1 file changed, 48 deletions(-)

diff --git a/tests/__snapshots__/index.spec.tsx.snap b/tests/__snapshots__/index.spec.tsx.snap
index 56fa78b8..d7886512 100644
--- a/tests/__snapshots__/index.spec.tsx.snap
+++ b/tests/__snapshots__/index.spec.tsx.snap
@@ -49,54 +49,6 @@ exports[`dialog add rootClassName and rootStyle should render correct 1`] = `
 </div>
 `;
 
-exports[`dialog add rootClassName should render correct 1`] = `
-<div
-  class="rc-dialog-root customize-root-class"
->
-  <div
-    class="rc-dialog-mask"
-  />
-  <div
-    class="rc-dialog-wrap"
-    style="font-size: 10px;"
-    tabindex="-1"
-  >
-    <div
-      aria-modal="true"
-      class="rc-dialog"
-      role="dialog"
-      style="width: 600px; height: 903px;"
-    >
-      <div
-        style="outline: none;"
-        tabindex="0"
-      >
-        <div
-          class="rc-dialog-section"
-        >
-          <button
-            aria-label="Close"
-            class="rc-dialog-close"
-            type="button"
-          >
-            <span
-              class="rc-dialog-close-x"
-            />
-          </button>
-          <div
-            class="rc-dialog-body"
-          />
-        </div>
-      </div>
-      <div
-        style="width: 0px; height: 0px; overflow: hidden; outline: none;"
-        tabindex="0"
-      />
-    </div>
-  </div>
-</div>
-`;
-
 exports[`dialog should render correct 1`] = `
 <div
   class="rc-dialog-root"