From 9b7adc185942f6466b954d14534217aa56b7a66e Mon Sep 17 00:00:00 2001
From: thinkasany <480968828@qq.com>
Date: Fri, 20 Sep 2024 11:51:25 +0800
Subject: [PATCH] demo(form):  improve layout demo (#50933)

---
 .../__snapshots__/demo-extend.test.ts.snap         | 14 +++++++-------
 .../__tests__/__snapshots__/demo.test.tsx.snap     | 14 +++++++-------
 components/form/demo/layout.tsx                    |  9 +--------
 3 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
index fab07074b4..290d4ad9eb 100644
--- a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -8819,7 +8819,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
       class="ant-row ant-form-item-row"
     >
       <div
-        class="ant-col ant-col-4 ant-form-item-label"
+        class="ant-col ant-form-item-label"
       >
         <label
           class=""
@@ -8830,7 +8830,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
         </label>
       </div>
       <div
-        class="ant-col ant-col-14 ant-form-item-control"
+        class="ant-col ant-form-item-control"
       >
         <div
           class="ant-form-item-control-input"
@@ -8913,7 +8913,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
       class="ant-row ant-form-item-row"
     >
       <div
-        class="ant-col ant-col-4 ant-form-item-label"
+        class="ant-col ant-form-item-label"
       >
         <label
           class=""
@@ -8923,7 +8923,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
         </label>
       </div>
       <div
-        class="ant-col ant-col-14 ant-form-item-control"
+        class="ant-col ant-form-item-control"
       >
         <div
           class="ant-form-item-control-input"
@@ -8949,7 +8949,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
       class="ant-row ant-form-item-row"
     >
       <div
-        class="ant-col ant-col-4 ant-form-item-label"
+        class="ant-col ant-form-item-label"
       >
         <label
           class=""
@@ -8959,7 +8959,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
         </label>
       </div>
       <div
-        class="ant-col ant-col-14 ant-form-item-control"
+        class="ant-col ant-form-item-control"
       >
         <div
           class="ant-form-item-control-input"
@@ -8985,7 +8985,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
       class="ant-row ant-form-item-row"
     >
       <div
-        class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control"
+        class="ant-col ant-form-item-control"
       >
         <div
           class="ant-form-item-control-input"
diff --git a/components/form/__tests__/__snapshots__/demo.test.tsx.snap b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
index 42af43a14c..c9e4af4b52 100644
--- a/components/form/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
@@ -5147,7 +5147,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
       class="ant-row ant-form-item-row"
     >
       <div
-        class="ant-col ant-col-4 ant-form-item-label"
+        class="ant-col ant-form-item-label"
       >
         <label
           class=""
@@ -5158,7 +5158,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
         </label>
       </div>
       <div
-        class="ant-col ant-col-14 ant-form-item-control"
+        class="ant-col ant-form-item-control"
       >
         <div
           class="ant-form-item-control-input"
@@ -5241,7 +5241,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
       class="ant-row ant-form-item-row"
     >
       <div
-        class="ant-col ant-col-4 ant-form-item-label"
+        class="ant-col ant-form-item-label"
       >
         <label
           class=""
@@ -5251,7 +5251,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
         </label>
       </div>
       <div
-        class="ant-col ant-col-14 ant-form-item-control"
+        class="ant-col ant-form-item-control"
       >
         <div
           class="ant-form-item-control-input"
@@ -5277,7 +5277,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
       class="ant-row ant-form-item-row"
     >
       <div
-        class="ant-col ant-col-4 ant-form-item-label"
+        class="ant-col ant-form-item-label"
       >
         <label
           class=""
@@ -5287,7 +5287,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
         </label>
       </div>
       <div
-        class="ant-col ant-col-14 ant-form-item-control"
+        class="ant-col ant-form-item-control"
       >
         <div
           class="ant-form-item-control-input"
@@ -5313,7 +5313,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
       class="ant-row ant-form-item-row"
     >
       <div
-        class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control"
+        class="ant-col ant-form-item-control"
       >
         <div
           class="ant-form-item-control-input"
diff --git a/components/form/demo/layout.tsx b/components/form/demo/layout.tsx
index f31c3fdb22..05c7c633a7 100644
--- a/components/form/demo/layout.tsx
+++ b/components/form/demo/layout.tsx
@@ -11,15 +11,8 @@ const App: React.FC = () => {
     setFormLayout(layout);
   };
 
-  const formItemLayout =
-    formLayout === 'horizontal' ? { labelCol: { span: 4 }, wrapperCol: { span: 14 } } : null;
-
-  const buttonItemLayout =
-    formLayout === 'horizontal' ? { wrapperCol: { span: 14, offset: 4 } } : null;
-
   return (
     <Form
-      {...formItemLayout}
       layout={formLayout}
       form={form}
       initialValues={{ layout: formLayout }}
@@ -39,7 +32,7 @@ const App: React.FC = () => {
       <Form.Item label="Field B">
         <Input placeholder="input placeholder" />
       </Form.Item>
-      <Form.Item {...buttonItemLayout}>
+      <Form.Item>
         <Button type="primary">Submit</Button>
       </Form.Item>
     </Form>