From 2f6b725a2da1ec1b26d0e3a2cd4de1786a74e33c Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Fri, 21 Jun 2024 10:58:15 +0800
Subject: [PATCH] =?UTF-8?q?=20feat:=20=E8=8A=82=E7=82=B9=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E6=A1=86=E9=9A=8F=E8=8A=82=E7=82=B9=E7=BC=A9=E6=94=BE=E8=80=8C?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/application/flow/workflow_manage.py      |  8 +------
 ui/src/workflow/common/NodeCascader.vue       |  8 ++++++-
 ui/src/workflow/common/NodeContainer.vue      |  6 ++---
 ui/src/workflow/common/app-node.ts            |  5 +++++
 ui/src/workflow/nodes/ai-chat-node/index.vue  |  1 +
 .../workflow/nodes/condition-node/index.vue   | 22 ++++++++++++++-----
 ui/src/workflow/nodes/question-node/index.vue |  1 +
 7 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/apps/application/flow/workflow_manage.py b/apps/application/flow/workflow_manage.py
index 82647c41b..7b49bcc3e 100644
--- a/apps/application/flow/workflow_manage.py
+++ b/apps/application/flow/workflow_manage.py
@@ -94,13 +94,7 @@ class Flow:
                                   f'不存在的下一个节点')
         return node_list
 
-    def is_valid(self):
-        """
-        校验工作流数据
-        """
-        self.is_valid_start_node()
-        self.is_valid_base_node()
-        self.is_valid_work_flow()
+
 
     def is_valid_work_flow(self, up_node=None):
         if up_node is None:
diff --git a/ui/src/workflow/common/NodeCascader.vue b/ui/src/workflow/common/NodeCascader.vue
index 25ff6ee77..b76ef01f5 100644
--- a/ui/src/workflow/common/NodeCascader.vue
+++ b/ui/src/workflow/common/NodeCascader.vue
@@ -1,5 +1,11 @@
 <template>
-  <el-cascader :options="options" @visible-change="visibleChange" v-bind="$attrs" separator=" > ">
+  <el-cascader
+    :teleported="false"
+    :options="options"
+    @visible-change="visibleChange"
+    v-bind="$attrs"
+    separator=" > "
+  >
     <template #default="{ node, data }">
       <span class="flex align-center">
         <component :is="iconComponent(`${data.type}-icon`)" class="mr-8" :size="18" />{{
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index c62dc6214..a7d470cdf 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="workflow-node-container p-16">
-    <div class="step-container p-16">
+  <div class="workflow-node-container p-16" style="overflow: visible">
+    <div class="step-container p-16" style="overflow: visible">
       <div v-resize="resizeStepContainer">
         <div class="flex-between mb-16">
           <div class="flex align-center">
@@ -8,7 +8,7 @@
             <h4>{{ nodeModel.properties.stepName }}</h4>
           </div>
           <div @click.stop v-if="showOperate(nodeModel.type)">
-            <el-dropdown trigger="click">
+            <el-dropdown :teleported="false" trigger="click">
               <el-button text @click.stop>
                 <el-icon class="color-secondary"><MoreFilled /></el-icon>
               </el-button>
diff --git a/ui/src/workflow/common/app-node.ts b/ui/src/workflow/common/app-node.ts
index a46b7ee2a..24ad6bb45 100644
--- a/ui/src/workflow/common/app-node.ts
+++ b/ui/src/workflow/common/app-node.ts
@@ -75,6 +75,11 @@ class AppNode extends HtmlResize.view {
 }
 
 class AppNodeModel extends HtmlResize.model {
+  getNodeStyle() {
+    return {
+      overflow: 'visible'
+    }
+  }
   getOutlineStyle() {
     const style = super.getOutlineStyle()
     style.stroke = 'none'
diff --git a/ui/src/workflow/nodes/ai-chat-node/index.vue b/ui/src/workflow/nodes/ai-chat-node/index.vue
index abedf11bd..ceac6e778 100644
--- a/ui/src/workflow/nodes/ai-chat-node/index.vue
+++ b/ui/src/workflow/nodes/ai-chat-node/index.vue
@@ -25,6 +25,7 @@
           }"
         >
           <el-select
+            :teleported="false"
             v-model="chat_data.model_id"
             placeholder="请选择 AI 模型"
             class="w-full"
diff --git a/ui/src/workflow/nodes/condition-node/index.vue b/ui/src/workflow/nodes/condition-node/index.vue
index 838ad756d..390c44cc1 100644
--- a/ui/src/workflow/nodes/condition-node/index.vue
+++ b/ui/src/workflow/nodes/condition-node/index.vue
@@ -14,7 +14,7 @@
     >
       <template v-for="(item, index) in form_data.branch" :key="item.id">
         <el-card
-          v-resize="(wh:any) => resizeCondition(wh, item, index)"
+          v-resize="(wh: any) => resizeCondition(wh, item, index)"
           shadow="never"
           class="card-never mb-8"
           style="--el-card-padding: 12px"
@@ -23,7 +23,12 @@
             {{ item.type }}
             <div class="info" v-if="item.conditions.length > 1">
               <span>符合以下</span>
-              <el-select v-model="item.condition" size="small" style="width: 60px; margin: 0 8px">
+              <el-select
+                :teleported="false"
+                v-model="item.condition"
+                size="small"
+                style="width: 60px; margin: 0 8px"
+              >
                 <el-option label="所有" value="and" />
                 <el-option label="任一" value="or" />
               </el-select>
@@ -60,7 +65,12 @@
                       trigger: 'change'
                     }"
                   >
-                    <el-select v-model="condition.compare" placeholder="请选择条件" clearable>
+                    <el-select
+                      :teleported="false"
+                      v-model="condition.compare"
+                      placeholder="请选择条件"
+                      clearable
+                    >
                       <template v-for="(item, index) in compareList" :key="index">
                         <el-option :label="item.label" :value="item.value" />
                       </template>
@@ -236,14 +246,14 @@ function deleteCondition(index: number, cIndex: number) {
   if (list[index]['conditions'].length === 0) {
     const delete_edge = list.splice(index, 1)
     const delete_target_anchor_id_list = delete_edge.map(
-      (item:any) => props.nodeModel.id + '_' + item.id + '_right'
+      (item: any) => props.nodeModel.id + '_' + item.id + '_right'
     )
 
     props.nodeModel.graphModel.eventCenter.emit(
       'delete_edge',
       props.nodeModel.outgoing.edges
-        .filter((item:any) => delete_target_anchor_id_list.includes(item.sourceAnchorId))
-        .map((item:any) => item.id)
+        .filter((item: any) => delete_target_anchor_id_list.includes(item.sourceAnchorId))
+        .map((item: any) => item.id)
     )
     refreshBranchAnchor(list, false)
   }
diff --git a/ui/src/workflow/nodes/question-node/index.vue b/ui/src/workflow/nodes/question-node/index.vue
index 68c9bd376..558844ffa 100644
--- a/ui/src/workflow/nodes/question-node/index.vue
+++ b/ui/src/workflow/nodes/question-node/index.vue
@@ -25,6 +25,7 @@
           }"
         >
           <el-select
+            :teleported="false"
             v-model="form_data.model_id"
             placeholder="请选择 AI 模型"
             class="w-full"