feat: When linking to a knowledge base, display more information on hover(#4657)

Author: wangdan-fit2cloud

ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue

@@ -70,6 +70,7 @@
           placement="bottom-start"
           :width="360"
           popper-class="vote-popover"
+          :persistent="false"
           v-if="buttonData?.vote_status === '-1' && mode !== 'mobile'"
         >
           <template #reference>
@@ -118,6 +119,7 @@
           placement="bottom-start"
           :width="360"
           popper-class="vote-popover"
+          :persistent="false"
           v-if="buttonData?.vote_status === '-1' && mode !== 'mobile'"
         >
           <template #reference>

ui/src/components/dynamics-form/constructor/items/JsonInputConstructor.vue

@@ -8,13 +8,14 @@
 
     <el-row style="width: 100%" :gutter="10">
       <el-radio-group v-model="formValue.default_value_assignment_method">
-        <el-radio :value="item.value" size="large" v-for="item in assignment_method_option_list"
+        <el-radio :value="item.value" size="large" v-for="(item,index) in assignment_method_option_list" :key="index"
           >{{ item.label }}
           <el-popover
             width="300px"
             v-if="item.value == 'ref_variables'"
             class="box-item"
             placement="top-start"
+            :persistent="false"
           >
             {{ $t('dynamicsForm.AssignmentMethod.ref_variables.popover') }}:
             {{ $t('dynamicsForm.AssignmentMethod.ref_variables.json_format') }}

ui/src/components/dynamics-form/constructor/items/MultiRowConstructor.vue

@@ -8,13 +8,14 @@
 
     <el-row style="width: 100%" :gutter="10">
       <el-radio-group @change="formValue.option_list = []" v-model="formValue.assignment_method">
-        <el-radio :value="item.value" size="large" v-for="item in assignment_method_option_list"
+        <el-radio :value="item.value" size="large" v-for="(item,index) in assignment_method_option_list" :key="index"
           >{{ item.label }}
           <el-popover
             width="300px"
             v-if="item.value == 'ref_variables'"
             class="box-item"
             placement="top-start"
+            :persistent="false"
           >
             {{ $t('dynamicsForm.AssignmentMethod.ref_variables.popover') }}:<br />
             [<br />
@@ -177,9 +178,7 @@ const default_ref_variables_value_rule = {
   validator: (rule: any, value: any, callback: any) => {
     console.log(value.length)
     if (!(Array.isArray(value) && value.length > 1)) {
-      callback(
-        t('workflow.variable.Referencing') + t('common.required'),
-      )
+      callback(t('workflow.variable.Referencing') + t('common.required'))
     }
 
     return true
@@ -237,5 +236,4 @@ onMounted(() => {
     top: -35px;
   }
 }
-
 </style>

ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue

@@ -8,13 +8,14 @@
 
     <el-row style="width: 100%" :gutter="10">
       <el-radio-group @change="formValue.option_list = []" v-model="formValue.assignment_method">
-        <el-radio :value="item.value" size="large" v-for="item in assignment_method_option_list"
+        <el-radio :value="item.value" size="large" v-for="(item,index) in assignment_method_option_list" :key="index"
           >{{ item.label }}
           <el-popover
             width="300px"
             v-if="item.value == 'ref_variables'"
             class="box-item"
             placement="top-start"
+            :persistent="false"
           >
             {{ $t('dynamicsForm.AssignmentMethod.ref_variables.popover') }}:<br />
             [<br />
@@ -243,5 +244,4 @@ onMounted(() => {
     top: -35px;
   }
 }
-
 </style>

ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue

@@ -8,13 +8,14 @@
 
     <el-row style="width: 100%" :gutter="10">
       <el-radio-group @change="formValue.option_list = []" v-model="formValue.assignment_method">
-        <el-radio :value="item.value" size="large" v-for="item in assignment_method_option_list"
+        <el-radio :value="item.value" size="large" v-for="(item,index) in assignment_method_option_list" :key="index"
           >{{ item.label }}
           <el-popover
             width="300px"
             v-if="item.value == 'ref_variables'"
             class="box-item"
             placement="top-start"
+            :persistent="false"
           >
             {{ $t('dynamicsForm.AssignmentMethod.ref_variables.popover') }}:<br />
             [<br />

ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue

@@ -8,13 +8,18 @@
 
     <el-row style="width: 100%" :gutter="10">
       <el-radio-group @change="formValue.option_list = []" v-model="formValue.assignment_method">
-        <el-radio :value="item.value" size="large" v-for="item in assignment_method_option_list"
+        <el-radio
+          :value="item.value"
+          size="large"
+          v-for="(item, index) in assignment_method_option_list"
+          :key="index"
           >{{ item.label }}
           <el-popover
             width="300px"
             v-if="item.value == 'ref_variables'"
             class="box-item"
             placement="top-start"
+            :persistent="false"
           >
             {{ $t('dynamicsForm.AssignmentMethod.ref_variables.popover') }}:<br />
             [<br />
@@ -177,9 +182,7 @@ const default_ref_variables_value_rule = {
   validator: (rule: any, value: any, callback: any) => {
     console.log(value.length)
     if (!(Array.isArray(value) && value.length > 1)) {
-      callback(
-        t('workflow.variable.Referencing') + t('common.required'),
-      )
+      callback(t('workflow.variable.Referencing') + t('common.required'))
     }
 
     return true

ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue

@@ -8,13 +8,18 @@
 
     <el-row style="width: 100%" :gutter="10">
       <el-radio-group @change="formValue.option_list = []" v-model="formValue.assignment_method">
-        <el-radio :value="item.value" size="large" v-for="item in assignment_method_option_list"
+        <el-radio
+          :value="item.value"
+          size="large"
+          v-for="(item, index) in assignment_method_option_list"
+          :key="index"
           >{{ item.label }}
           <el-popover
             width="300px"
             v-if="item.value == 'ref_variables'"
             class="box-item"
             placement="top-start"
+            :persistent="false"
           >
             {{ $t('dynamicsForm.AssignmentMethod.ref_variables.popover') }}:<br />
             [<br />
@@ -31,8 +36,9 @@
             default: {{ $t('dynamicsForm.AssignmentMethod.ref_variables.popover_default') }}
             <template #reference>
               <el-icon><InfoFilled /></el-icon>
-            </template> </el-popover
-        ></el-radio>
+            </template>
+          </el-popover>
+        </el-radio>
       </el-radio-group>
     </el-row>
   </el-form-item>
@@ -119,11 +125,7 @@
       />
     </div>
 
-    <el-select
-      v-model="formValue.default_value"
-      :teleported="false"
-      popper-class="max-w-350"
-    >
+    <el-select v-model="formValue.default_value" :teleported="false" popper-class="max-w-350">
       <el-option
         v-for="(option, index) in formValue.option_list"
         :key="index"
@@ -238,5 +240,4 @@ onMounted(() => {
     top: -35px;
   }
 }
-
 </style>

ui/src/components/dynamics-form/items/table/ProgressTableItem.vue

@@ -1,6 +1,12 @@
 <template>
   <div class="progress-table-item">
-    <el-popover placement="top-start" :title="row[text_field]" :width="200" trigger="hover">
+    <el-popover
+      placement="top-start"
+      :title="row[text_field]"
+      :width="200"
+      trigger="hover"
+      :persistent="false"
+    >
       <template #reference>
         <el-progress v-bind="$attrs" :percentage="row[value_field]"></el-progress
       ></template>

ui/src/components/resource_mapping/index.vue

@@ -94,7 +94,6 @@
       :maxTableHeight="200"
       :row-key="(row: any) => row.id"
       v-loading="loading"
-
     >
       <el-table-column prop="name" :label="$t('common.name')" min-width="130" show-overflow-tooltip>
         <template #default="{ row }">
@@ -151,7 +150,12 @@
         <template #header>
           <div>
             <span>{{ $t('views.workspace.title') }}</span>
-            <el-popover :width="200" trigger="click" :visible="workspaceVisible">
+            <el-popover
+              :width="200"
+              trigger="click"
+              :visible="workspaceVisible"
+              :persistent="false"
+            >
               <template #reference>
                 <el-button
                   style="margin-top: -2px"

ui/src/components/tag-group/index.vue

@@ -7,6 +7,7 @@
       placement="bottom"
       :disabled="tooltipDisabled"
       :popper-style="{ width: 'auto', maxWidth: '300px' }"
+      :persistent="false"
     >
       <template #reference>
         <el-tag :size="props.size" class="info-tag ml-4 cursor" v-if="props.tags?.length > 1">