From d2da078b40578cf72901442c7a2b878dfc34cae5 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期五, 13 十二月 2024 12:10:00 +0800
Subject: [PATCH] feat(flow): 新增执行功能节点并优化流程画布
---
src/views/project/yw/systemManage/flowApp/components/Sidebar.vue | 48 +++++++-----------------------------------------
1 files changed, 7 insertions(+), 41 deletions(-)
diff --git a/src/views/project/yw/systemManage/flowApp/components/Sidebar.vue b/src/views/project/yw/systemManage/flowApp/components/Sidebar.vue
index e5c1ec9..bd07db3 100644
--- a/src/views/project/yw/systemManage/flowApp/components/Sidebar.vue
+++ b/src/views/project/yw/systemManage/flowApp/components/Sidebar.vue
@@ -1,16 +1,16 @@
<template>
- <div class="w-44 bg-white rounded-lg mt-2 py-2 px-2">
+ <div class="bg-white rounded-lg mt-2 py-2 px-2">
<div
- v-for="item in sidebarList"
+ v-for="item in VueFlowConfig.nodeStyleMap.values()"
class="cursor-grab rounded-md bg-white py-3 px-2 hover:bg-gray-100"
:draggable="true"
@dragstart="handleOnDragStart($event, item.type)"
>
<div class="flex items-center justify-between">
- <h3 class="flex items-center gap-x-2">
- <img :src="item.img" class="h-4 w-4" alt="LLM icon" />
+ <span class="flex items-center gap-x-2">
+ <YWIcon :name="item.icon" :fontSize="item.fontSize" :color="item.color" class="rounded-lg p-1.5" :class="item.class" />
{{ item.title }}
- </h3>
+ </span>
<!-- <plus-icon class="text-primary" /> -->
</div>
</div>
@@ -18,9 +18,8 @@
</template>
<script setup lang="ts">
-import llmImg from '/@/components/vue-flow/ui/assets/images/icon_LLM.png';
-import startImg from '/@/components/vue-flow/ui/assets/images/icon_Start.png';
-import endImg from '/@/components/vue-flow/ui/assets/images/icon_End.png';
+import YWIcon from '/@/components/icon/index.vue';
+import { VueFlowConfig } from '/@/components/vue-flow/ui/VueFlowConfig';
import { NodeType, nodeTypeMap } from '/@/components/vue-flow/vueFlowEnum';
const emit = defineEmits(['dragstart']);
@@ -29,38 +28,5 @@
emit('dragstart', e, type);
};
-const sidebarList = [
- {
- type: NodeType.Start,
- title: nodeTypeMap[NodeType.Start],
- img: startImg,
- },
- {
- type: NodeType.End,
- title: nodeTypeMap[NodeType.End],
- img: endImg,
- },
- {
- type: NodeType.Condition,
- title: nodeTypeMap[NodeType.Condition],
- img: llmImg,
- },
- {
- type: NodeType.LLM,
- title: nodeTypeMap[NodeType.LLM],
- img: llmImg,
- },
- {
- type: NodeType.Output,
- title: nodeTypeMap[NodeType.Output],
- img: llmImg,
- },
- {
- type: NodeType.Agent,
- title: nodeTypeMap[NodeType.Agent],
- img: llmImg,
- },
-
-];
</script>
<style scoped lang="scss"></style>
--
Gitblit v1.9.3