fix: Workflow node search for several errors

Author: shaohuzhang1

ui/src/workflow/common/NodeSearch.vue

@@ -98,20 +98,22 @@ const getSelectNodes = (kw: string) => {
   const graph_data = props.lf?.getGraphData()
   graph_data.nodes.filter((node: any) => {
     if (node.properties.stepName.includes(kw)) {
-      result.push({
-        ...node,
-        order: 1,
-        focusOn: () => {
-          focusOn(node)
-          props.lf?.graphModel.getNodeModelById(node.id).focusOn(searchText.value)
-        },
-        selectOn: () => {
-          props.lf?.graphModel.getNodeModelById(node.id).selectOn(searchText.value)
-        },
-        clearSelectOn: () => {
-          props.lf?.graphModel.getNodeModelById(node.id).clearSelectOn(searchText.value)
-        },
-      })
+      if (node.type !== 'loop-body-node') {
+        result.push({
+          ...node,
+          order: 1,
+          focusOn: () => {
+            focusOn(node)
+            props.lf?.graphModel.getNodeModelById(node.id)?.focusOn(searchText.value)
+          },
+          selectOn: () => {
+            props.lf?.graphModel.getNodeModelById(node.id)?.selectOn(searchText.value)
+          },
+          clearSelectOn: () => {
+            props.lf?.graphModel.getNodeModelById(node.id)?.clearSelectOn(searchText.value)
+          },
+        })
+      }
     }
     if (node.type == 'loop-body-node') {
       const nodeModel = props.lf?.graphModel
@@ -154,7 +156,7 @@ const next = () => {
 const up = () => {
   if (selectedNodes.value && selectedNodes.value.length > 0) {
     selectedNodes.value[currentIndex.value]?.selectOn()
-    if (currentIndex.value - 1 <= 0) {
+    if (currentIndex.value - 1 < 0) {
       currentIndex.value = selectedNodes.value.length - 1
     } else {
       currentIndex.value--
@@ -214,7 +216,10 @@ const handleSearch = (kw: string) => {
     onSearch?.(searchText.value)
   }
 }
-
+const reSearch = () => {
+  console.log('ss')
+  handleSearch(searchText.value)
+}
 // 生命周期
 onMounted(() => {
   window.addEventListener('keydown', handleKeyDown)
@@ -223,6 +228,7 @@ onMounted(() => {
 onUnmounted(() => {
   window.removeEventListener('keydown', handleKeyDown)
 })
+defineExpose({ reSearch })
 </script>
 
 <style scoped>

ui/src/workflow/index.vue

@@ -3,7 +3,7 @@
   <!-- 辅助工具栏 -->
   <Control class="workflow-control" v-if="lf" :lf="lf"></Control>
   <TeleportContainer :flow-id="flowId" />
-  <NodeSearch :lf="lf"></NodeSearch>
+  <NodeSearch :lf="lf" ref="nodeSearchRef"></NodeSearch>
 </template>
 <script setup lang="ts">
 import LogicFlow from '@logicflow/core'
@@ -23,7 +23,7 @@ import NodeSearch from '@/workflow/common/NodeSearch.vue'
 const nodes: any = import.meta.glob('./nodes/**/index.ts', { eager: true })
 const workflow_mode = inject('workflowMode') || WorkflowMode.Application
 const loop_workflow_mode = inject('loopWorkflowMode') || WorkflowMode.ApplicationLoop
-
+const nodeSearchRef = ref<InstanceType<typeof NodeSearch>>()
 defineOptions({ name: 'WorkFlow' })
 const TeleportContainer = getTeleport()
 const flowId = ref('')
@@ -87,6 +87,9 @@ const renderGraphData = (data?: any) => {
     lf.value.on('graph:rendered', () => {
       flowId.value = lf.value.graphModel.flowId
     })
+    lf.value.on('node:delete', () => {
+      nodeSearchRef.value?.reSearch()
+    })
     initDefaultShortcut(lf.value, lf.value.graphModel)
     lf.value.batchRegister([
       ...Object.keys(nodes).map((key) => nodes[key].default),