fix(form): DrawerForm ssr 错误 : window is not defined (#8244)

* test(form): add ssr test * fix(form): DrawerForm ssr 错误 : window is not defined
ant-design · Mar 27, 2024 · 351faec · 351faec
1 parent 6dbbd1f
commit 351faec
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/form/src/layouts/DrawerForm/index.tsx b/packages/form/src/layouts/DrawerForm/index.tsx
@@ -1,4 +1,5 @@
 import {
+  isBrowser,
   omitUndefined,
   openVisibleCompatible,
   useRefFunction,
@@ -112,7 +113,7 @@ function DrawerForm<T = Record<string, any>, U = Record<string, any>>({
   const resizeInfo: CustomizeResizeType = React.useMemo(() => {
     const defaultResize: CustomizeResizeType = {
       onResize: () => {},
-      maxWidth: window.innerWidth * 0.8,
+      maxWidth: isBrowser() ? window.innerWidth * 0.8 : undefined,
       minWidth: 300,
     };
     if (typeof resize === 'boolean') {

diff --git a/tests/form/ssr.test.tsx b/tests/form/ssr.test.tsx
@@ -0,0 +1,10 @@
+// @vitest-environment node
+
+import ProForm, { DrawerForm, ModalForm } from '@ant-design/pro-form';
+import { renderToString } from 'react-dom/server';
+
+test('ssr', () => {
+  expect(renderToString(<ProForm />)).toBeDefined();
+  expect(renderToString(<ModalForm />)).toBeDefined();
+  expect(renderToString(<DrawerForm />)).toBeDefined();
+});