From f4149c2f1d7624877cf9eaa8b0ba9cc5dd4cb4a6 Mon Sep 17 00:00:00 2001
From: LanceJiang <lancejiangwei@qq.com>
Date: Tue, 12 Sep 2023 23:19:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=94=B1=E4=BA=8E=E6=9B=B4=E6=96=B0ant-?=
 =?UTF-8?q?vue=20=E6=96=B0=E7=89=88=E6=9C=AC=E5=88=B0=204.0.2=E4=BB=A5?=
 =?UTF-8?q?=E4=B8=8A=20tsx=20=E6=B8=B2=E6=9F=93=20FormItem=20=E6=8F=92?=
 =?UTF-8?q?=E5=85=A5style=20=E5=AF=BC=E8=87=B4=E7=9A=84=E5=87=BA=E9=94=99?=
 =?UTF-8?q?=20=E6=94=B9=E6=8D=A2class=20(#3016)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/demo/form/CustomerForm.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/views/demo/form/CustomerForm.vue b/src/views/demo/form/CustomerForm.vue
index 9759beeba..4c7fdd160 100644
--- a/src/views/demo/form/CustomerForm.vue
+++ b/src/views/demo/form/CustomerForm.vue
@@ -1,7 +1,7 @@
 <template>
   <PageWrapper title="自定义组件示例">
     <CollapseContainer title="自定义表单">
-      <BasicForm @register="register" @submit="handleSubmit">
+      <BasicForm class="local_form" @register="register" @submit="handleSubmit">
         <template #f3="{ model, field, disabled }">
           <a-input v-model:value="model[field]" :disabled="disabled" placeholder="自定义slot" />
         </template>
@@ -144,11 +144,7 @@
               <Select.Option value="测试类型">测试类型</Select.Option>
               <Select.Option value="测试名称">测试名称</Select.Option>
             </Select>
-            <FormItem
-              name="typeValue2"
-              style="width: calc(100% - 120px); margin-left: -1px; border-right: 0; margin-bottom: 0;"
-              rules={[{ required: true }]}
-            >
+            <FormItem name="typeValue2" class="local_typeValue" rules={[{ required: true }]}>
               <Input placeholder="请输入" v-model:value={model['typeValue2']} disabled={disabled} />
             </FormItem>
           </Input.Group>
@@ -237,3 +233,15 @@
     },
   });
 </script>
+<style lang="less" scoped>
+  :deep(.local_form) .local_typeValue {
+    width: calc(100% - 120px);
+    margin-bottom: 0;
+    margin-left: -1px;
+    border-right: 0;
+
+    .ant-input {
+      border-radius: 0 6px 6px 0;
+    }
+  }
+</style>