fix(form): do not remove collapsed dom

close #5885
ant-design · Dec 26, 2022 · 769177f · 769177f
1 parent 1bb49d6
commit 769177f
Show file tree

Hide file tree

Showing 7 changed files with 11,420 additions and 11,258 deletions.
diff --git a/packages/form/src/components/FieldSet/demos/components-other.tsx b/packages/form/src/components/FieldSet/demos/components-other.tsx
@@ -70,12 +70,13 @@ const Demo = () => {
         }}
         onFinish={async (value) => console.log(value)}
       >
-        <ProFormGroup label="文本类">
+        <ProFormGroup title="文本类">
           <ProFormText width="md" name="name" label="name" />
           <ProFormText.Password width="md" name="password" label="password" />
         </ProFormGroup>
         <ProFormGroup
-          label="选择类"
+          title="选择类"
+          collapsible
           style={{
             gap: '0 32px',
           }}

diff --git a/packages/form/src/components/Group/index.tsx b/packages/form/src/components/Group/index.tsx
@@ -154,7 +154,13 @@ const Group: React.FC<GroupProps> = React.forwardRef((props, ref: any) => {
             )}
           </div>
         )}
-        {collapsible && collapsed ? null : childrenDoms}
+        <div
+          style={{
+            display: collapsible && collapsed ? 'none' : undefined,
+          }}
+        >
+          {childrenDoms}
+        </div>
       </div>
     </ColWrapper>,
   );

diff --git a/packages/form/src/demos/base.tsx b/packages/form/src/demos/base.tsx
@@ -1,4 +1,4 @@
-import { ProFormCheckbox, ProFormInstance } from '@ant-design/pro-components';
+import { ProFormInstance } from '@ant-design/pro-components';
 import {
   ProForm,
   ProFormCascader,