From bbdaf23c1adf86fd7ea21551832932afafb94aa9 Mon Sep 17 00:00:00 2001
From: cKey <35512826+colinin@users.noreply.github.com>
Date: Mon, 26 Sep 2022 14:20:37 +0800
Subject: [PATCH] add slot to Formitem

---
 apps/vue/src/components/Form/src/TabForm.vue             | 2 ++
 apps/vue/src/components/Form/src/components/FormItem.vue | 3 ++-
 apps/vue/src/components/Form/src/types/form.ts           | 3 +++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/vue/src/components/Form/src/TabForm.vue b/apps/vue/src/components/Form/src/TabForm.vue
index f3540d082..805850d25 100644
--- a/apps/vue/src/components/Form/src/TabForm.vue
+++ b/apps/vue/src/components/Form/src/TabForm.vue
@@ -21,7 +21,9 @@
         <Row v-bind="getRow">
           <slot name="formHeader"></slot>
           <template v-for="schema in tabSchema.schemas" :key="schema.field">
+            <slot v-if="schema.tabSlot" :name="schema.tabSlot"></slot>
             <FormItem
+              v-else
               :tableAction="tableAction"
               :formActionType="formActionType"
               :schema="schema"
diff --git a/apps/vue/src/components/Form/src/components/FormItem.vue b/apps/vue/src/components/Form/src/components/FormItem.vue
index f0b39c1c3..2efcc16c4 100644
--- a/apps/vue/src/components/Form/src/components/FormItem.vue
+++ b/apps/vue/src/components/Form/src/components/FormItem.vue
@@ -317,7 +317,7 @@
       }
 
       function renderItem() {
-        const { itemProps, slot, render, field, suffix, component } = props.schema;
+        const { itemProps, slot, render, field, suffix, component, extra } = props.schema;
         const { labelCol, wrapperCol } = unref(itemLabelWidthProp);
         const { colon } = props.formProps;
 
@@ -354,6 +354,7 @@
                 <div style="flex:1;">{getContent()}</div>
                 {showSuffix && <span class="suffix">{getSuffix}</span>}
               </div>
+              { getSlot(slots, extra) }
             </Form.Item>
           );
         }
diff --git a/apps/vue/src/components/Form/src/types/form.ts b/apps/vue/src/components/Form/src/types/form.ts
index d0b27fc62..6152dce1b 100644
--- a/apps/vue/src/components/Form/src/types/form.ts
+++ b/apps/vue/src/components/Form/src/types/form.ts
@@ -145,6 +145,8 @@ export interface FormSchema {
   label: string | VNode;
   // Auxiliary text
   subLabel?: string;
+  // extra
+  extra?: string;
   // Help text on the right side of the text
   helpMessage?:
     | string
@@ -219,6 +221,7 @@ export interface FormSchema {
 
 export interface TabFormSchema extends FormSchema {
   tab: string;
+  tabSlot?: string;
 }
 
 export interface HelpComponentProps {