From ec1edcad9b33b9eae2c9b1cb40f6958733ad6f78 Mon Sep 17 00:00:00 2001
From: yufei0306 <13417315+yufei0306@user.noreply.gitee.com>
Date: Mon, 1 Apr 2024 10:48:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=A6=E6=9C=89=E6=90=9C=E7=B4=A2=E6=A1=86?=
 =?UTF-8?q?=E7=9A=84=E7=A6=81=E7=94=A8=E7=8A=B6=E6=80=81=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E6=A1=86=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=B8=85=E6=A5=9A=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Form/src/Form.vue | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/components/Form/src/Form.vue b/src/components/Form/src/Form.vue
index f11599fc8..5a89a11a8 100644
--- a/src/components/Form/src/Form.vue
+++ b/src/components/Form/src/Form.vue
@@ -21,7 +21,7 @@ import { set } from 'lodash-es'
 import { FormProps } from './types'
 import { Icon } from '@/components/Icon'
 import { FormSchema, FormSetPropsType } from '@/types/form'
-import { Search } from '@element-plus/icons-vue'
+import { Search,CircleClose } from '@element-plus/icons-vue'
 
 const { getPrefixCls } = useDesign()
 
@@ -245,7 +245,18 @@ export default defineComponent({
           return (
             <>
               <ElTooltip placement="top"  content={formModel.value[item.field]} >
-                <ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={item?.componentProps?.searchListPlaceholder} disabled={true}  />
+                <ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={item?.componentProps?.searchListPlaceholder} disabled={true}  v-slots={{
+                  suffix: () => (
+                    <ElButton type="text" icon={CircleClose} style="color:var(--el-button-text-color)" onClick={()=>{
+                      if(Array.isArray(formModel.value[item.field])){
+                        formModel.value[item.field] = []
+                      }else{
+                        formModel.value[item.field] = ''
+                      }
+                    }}>
+                    </ElButton>
+                  )
+              }}/>
               </ElTooltip>
               <ElButton icon={Search} onClick={()=>{
                 opensearchTable(
@@ -263,7 +274,20 @@ export default defineComponent({
           formItemSlotsSearchList[item.field] = () => {
           return (
             <>
-              <ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={item?.componentProps?.searchListPlaceholder} disabled={true}  />
+              <ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={item?.componentProps?.searchListPlaceholder} disabled={true} v-slots={{
+                  suffix: () => (
+                    <ElButton type="text" icon={CircleClose} style="color:var(--el-button-text-color)" onClick={()=>{
+                      if(Array.isArray(formModel.value[item.field])){
+                        formModel.value[item.field] = []
+                      }else{
+                        formModel.value[item.field] = ''
+                      }
+                    }}>
+                    </ElButton>
+                  )
+              }}>
+              </ElInput>
+              
               <ElButton icon={Search} onClick={()=>{
                 opensearchTable(
                   item.field, item?.componentProps?.searchField,