fix: Switching data sources during debugging of multiple Feishu data sources in the knowledge base workflow may result in the inability to obtain the document list (#4417)

Author: shaohuzhang1

ui/src/components/dynamics-form/index.vue

@@ -36,7 +36,7 @@
 import type { Dict } from '@/api/type/common'
 import FormItem from '@/components/dynamics-form/FormItem.vue'
 import type { FormField } from '@/components/dynamics-form/type'
-import { ref, onBeforeMount, watch, type Ref, computed } from 'vue'
+import { ref, onBeforeMount, watch, type Ref, nextTick } from 'vue'
 import type { FormInstance } from 'element-plus'
 import type Result from '@/request/Result'
 import _ from 'lodash'
@@ -215,31 +215,34 @@ const render = (
     | (() => Promise<Result<Array<FormField>>>),
   data?: Dict<any>,
 ) => {
-  if (typeof render_data == 'string') {
-    get(render_data, {}, loading).then((ok) => {
-      formFieldList.value = ok.data
-    })
-  } else if (render_data instanceof Array) {
-    formFieldList.value = render_data
-  } else if (typeof render_data === 'function') {
-    render_data().then((ok: any) => {
-      formFieldList.value = ok.data
-      const form_data = data ? data : {}
-      if (form_data) {
-        const value = getFormDefaultValue(formFieldList.value, form_data)
-        formValue.value = _.cloneDeep(value)
-      }
-    })
-  } else {
-    render_data.then((ok) => {
-      formFieldList.value = ok.data
-    })
-  }
-  const form_data = data ? data : {}
-  if (form_data) {
-    const value = getFormDefaultValue(formFieldList.value, form_data)
-    formValue.value = _.cloneDeep(value)
-  }
+  formFieldList.value = []
+  nextTick(() => {
+    if (typeof render_data == 'string') {
+      get(render_data, {}, loading).then((ok) => {
+        formFieldList.value = ok.data
+      })
+    } else if (render_data instanceof Array) {
+      formFieldList.value = render_data
+    } else if (typeof render_data === 'function') {
+      render_data().then((ok: any) => {
+        formFieldList.value = ok.data
+        const form_data = data ? data : {}
+        if (form_data) {
+          const value = getFormDefaultValue(formFieldList.value, form_data)
+          formValue.value = _.cloneDeep(value)
+        }
+      })
+    } else {
+      render_data.then((ok) => {
+        formFieldList.value = ok.data
+      })
+    }
+    const form_data = data ? data : {}
+    if (form_data) {
+      const value = getFormDefaultValue(formFieldList.value, form_data)
+      formValue.value = _.cloneDeep(value)
+    }
+  })
 }
 const getFormDefaultValue = (fieldList: Array<any>, form_data?: any) => {
   form_data = form_data ? form_data : {}

ui/src/workflow/nodes/data-source-local-node/index.vue

@@ -10,12 +10,7 @@
         label-width="auto"
       >
         <el-form-item
-          :label="
-            $t(
-              'views.workflow.nodes.dataSourceLocalNode.fileFormat.label',
-              '支持的文件格式',
-            )
-          "
+          :label="$t('views.workflow.nodes.dataSourceLocalNode.fileFormat.label', '支持的文件格式')"
           :rules="{
             type: 'array',
             required: true,
@@ -37,6 +32,8 @@
             style="width: 240px"
             clearable
             multiple
+            filterable
+            allow-create
           >
             <template #label="{ label, value }">
               <span>{{ label }} </span>
@@ -51,10 +48,7 @@
         </el-form-item>
         <el-form-item
           :label="
-            $t(
-              'views.workflow.nodes.dataSourceLocalNode.maxFileNumber.label',
-              '每次上传最大文件数',
-            )
+            $t('views.workflow.nodes.dataSourceLocalNode.maxFileNumber.label', '每次上传最大文件数')
           "
           :rules="{
             type: 'array',