service-flow-designer 2.0.24 → 2.0.33

package/dist/es/designer/service-flow-view/view-index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./view-index.vue2.js";
 import "./view-index.vue3.js";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ServiceFlowView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ff04c7d7"]]);
+const ServiceFlowView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4ef30f9"]]);
 export {
   ServiceFlowView as default
 };

package/dist/es/designer/service-flow-view/view-index.vue2.js

@@ -18,7 +18,7 @@ import "../service-components/index.js";
 import { findServcieByCode, isDeepEqual } from "../common/util/node-util.js";
 import { useServiceFlowStore } from "../../stores/page-store.js";
 import { ElMessageBox, ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-ff04c7d7"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-c4ef30f9"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   class: "amb-design-content",
   ref: "ambServiceFlowContent"
@@ -223,7 +223,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         saveService2.log = JSON.stringify(saveService2.log);
         saveService2.flow = JSON.stringify(saveService2.flow);
         saveService2.returnValues = JSON.stringify(saveService2.returnValues);
-        http.post("/component/super-page-design/service-flow", { designLog: description, appServiceFlow: saveService2 }).then((res) => {
+        http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/service-flow", {
+          designLog: description,
+          appServiceFlow: saveService2
+        }).then((res) => {
           if (res) {
             ElMessage({
               message: "保存成功",

package/dist/es/designer/service-panel/service-list.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./service-list.vue2.js";
 import "./service-list.vue3.js";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ServiceList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2badb0bb"]]);
+const ServiceList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-286d914e"]]);
 export {
   ServiceList as default
 };

package/dist/es/designer/service-panel/service-list.vue2.js

@@ -15,8 +15,8 @@ import { v4 } from "uuid";
 import http from "agilebuilder-ui/src/utils/request";
 import { findServcieByCode } from "../common/util/node-util.js";
 import { useServiceFlowStore } from "../../stores/page-store.js";
-import { ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-2badb0bb"), n = n(), popScopeId(), n);
+import { ElMessage, ElMessageBox } from "element-plus";
+const _withScopeId = (n) => (pushScopeId("data-v-286d914e"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "custom-tree-node" };
 const _hoisted_2 = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } };
 const _hoisted_3 = { class: "dialog-footer" };
@@ -108,9 +108,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ElMessage.warning("名称不能为空");
         return;
       }
-      if (!serviceFlow.value.customCode) {
-        ElMessage.warning("自定义编码不能为空");
-        return;
+      if ("MENU" !== serviceFlow.value.type) {
+        if (!serviceFlow.value.customCode) {
+          ElMessage.warning("自定义编码不能为空");
+          return;
+        }
       }
       console.log("保存服务基本信息：", serviceFlow.value);
       if (!serviceFlow.value.systemCode) {
@@ -150,6 +152,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ElMessage.warning("该节点下存在子节点，不能删除！");
         return;
       }
+      ElMessageBox.confirm("确定要删除吗?", "确认", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(({ value }) => {
+        _deleteService();
+      });
+    };
+    const _deleteService = () => {
       http.delete(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/service-flow", {
         data: [contextMenuData.value.id]
       }).then((res) => {
@@ -247,6 +258,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: serviceTreeRef,
           data: __props.serviceTreeData,
           props: treeProps,
+          "expand-on-click-node": false,
           "default-expand-all": true,
           "check-strictly": true,
           "highlight-current": "",
@@ -308,18 +320,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createVNode(_component_el_form_item, {
-              label: "名称：",
-              required: true
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_input, {
-                  modelValue: serviceFlow.value.name,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => serviceFlow.value.name = $event)
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            }),
             editType.value === "SERVICE" ? (openBlock(), createBlock(_component_el_form_item, {
               key: 0,
               label: "自定义编码：",
@@ -329,11 +329,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(_component_el_input, {
                   disabled: serviceFlow.value.id,
                   modelValue: serviceFlow.value.customCode,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => serviceFlow.value.customCode = $event)
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => serviceFlow.value.customCode = $event)
                 }, null, 8, ["disabled", "modelValue"])
               ]),
               _: 1
-            })) : createCommentVNode("", true)
+            })) : createCommentVNode("", true),
+            createVNode(_component_el_form_item, {
+              label: "          名称：",
+              required: true
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: serviceFlow.value.name,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => serviceFlow.value.name = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
           ]),
           _: 1
         }, 8, ["modelValue", "title"]),

package/dist/es/style.css

@@ -22,48 +22,7 @@
 [data-v-a35a4385] .el-overlay {
   position: static;
 }
-
-.amb-design-assembly-content[data-v-59e0837d] {
-  background: #ffffff;
-  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
-  height: 100%;
-  padding-left: 10px;
-  padding-right: 10px;
-  overflow: auto;
-}
-/*控制滚动条宽度*/
-.amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
-  width: 1px;
-}
-.amb-assembly-header[data-v-59e0837d] {
-  position: absolute;
-  width: 220px;
-  text-align: center;
-  padding: 18px 0px 10px 0px;
-  padding-bottom: 14px;
-  background-color: #ffffff;
-}
-.amb-assembly-header-type[data-v-59e0837d] {
-  border-radius: 100px 100px 100px 100px;
-  background: #ffffff;
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-  padding: 10px;
-  padding-bottom: 12px;
-}
-.amb-assembly-header-type > label[data-v-59e0837d] {
-  padding: 4px 14px;
-  cursor: pointer;
-  font-size: 14px;
-}
-.amb-assembly-header-type > label.selected[data-v-59e0837d] {
-  border-radius: 100px 100px 100px 100px;
-  background: #5893ef;
-  color: #ffffff;
-}
-.amb-design-assembly-list[data-v-59e0837d] {
-  padding-top: 80px;
-}
-.amb-design-content[data-v-ff04c7d7] {
+.amb-design-content[data-v-c4ef30f9] {
   overflow: auto;
   display: block;
   flex: none;
@@ -71,10 +30,10 @@
   width: 100%;
   height: 100%;
 }
-.amb-design-content[data-v-ff04c7d7]::-webkit-scrollbar {
+.amb-design-content[data-v-c4ef30f9]::-webkit-scrollbar {
   width: 1px;
 }
-.amb-design-tool[data-v-ff04c7d7] {
+.amb-design-tool[data-v-c4ef30f9] {
   position: -webkit-sticky; /**Safari */
   position: sticky;
   width: 100%;
@@ -87,7 +46,7 @@
   border-radius: 6px 6px 6px 6px;
   z-index: 0;
 }
-.amb-page-type[data-v-ff04c7d7] {
+.amb-page-type[data-v-c4ef30f9] {
   padding-top: 11px;
   padding-left: 6px;
   padding-right: 6px;
@@ -95,14 +54,14 @@
   border-radius: 4px 4px 4px 4px;
   cursor: pointer;
 }
-.amb-page-type[data-v-ff04c7d7]:hover {
+.amb-page-type[data-v-c4ef30f9]:hover {
   background: rgba(11, 45, 101, 0.105);
 }
-.amb-page-type.selected[data-v-ff04c7d7] {
+.amb-page-type.selected[data-v-c4ef30f9] {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-type > label[data-v-ff04c7d7] {
+.amb-page-type > label[data-v-c4ef30f9] {
   font-size: 14px;
   padding-left: 6px;
   padding-right: 6px;
@@ -111,11 +70,11 @@
   position: relative;
   cursor: pointer;
 }
-.amb-design-tool-split[data-v-ff04c7d7] {
+.amb-design-tool-split[data-v-c4ef30f9] {
   height: 25px;
   margin-top: -12px;
 }
-.amb-design-board[data-v-ff04c7d7] {
+.amb-design-board[data-v-c4ef30f9] {
   margin: 0 auto;
   margin-top: 28px;
   overflow-y: auto;
@@ -125,24 +84,24 @@
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 20px;
 }
-.container[data-v-ff04c7d7] {
+.container[data-v-c4ef30f9] {
   height: 100%;
   width: 100%;
 }
-.amb-item-ghost[data-v-ff04c7d7] {
+.amb-item-ghost[data-v-c4ef30f9] {
   background-color: #5893ef;
   height: 5px;
   line-height: 5px;
   overflow: hidden;
 }
 /* 将你的自定义样式添加到这里 */
-.draggable-placeholder[data-v-ff04c7d7] {
+.draggable-placeholder[data-v-c4ef30f9] {
   background-color: red;
   border: 1px dashed #ddd;
   margin: 5px;
   padding: 10px;
 }
-#LF-view[data-v-ff04c7d7] {
+#LF-view[data-v-c4ef30f9] {
   width: calc(100% - 100px);
   height: 80%;
   outline: none;
@@ -154,10 +113,10 @@
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-ff04c7d7] .el-overlay {
+[data-v-c4ef30f9] .el-overlay {
   position: static !important;
 }
-.triangle[data-v-ff04c7d7] {
+.triangle[data-v-c4ef30f9] {
   display: inline-block;
   width: 0;
   height: 0;
@@ -166,6 +125,47 @@
   border-color: transparent transparent var(--el-skeleton-color) transparent;
 }
 
+.amb-design-assembly-content[data-v-59e0837d] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+}
+/*控制滚动条宽度*/
+.amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
+  width: 1px;
+}
+.amb-assembly-header[data-v-59e0837d] {
+  position: absolute;
+  width: 220px;
+  text-align: center;
+  padding: 18px 0px 10px 0px;
+  padding-bottom: 14px;
+  background-color: #ffffff;
+}
+.amb-assembly-header-type[data-v-59e0837d] {
+  border-radius: 100px 100px 100px 100px;
+  background: #ffffff;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
+  padding: 10px;
+  padding-bottom: 12px;
+}
+.amb-assembly-header-type > label[data-v-59e0837d] {
+  padding: 4px 14px;
+  cursor: pointer;
+  font-size: 14px;
+}
+.amb-assembly-header-type > label.selected[data-v-59e0837d] {
+  border-radius: 100px 100px 100px 100px;
+  background: #5893ef;
+  color: #ffffff;
+}
+.amb-design-assembly-list[data-v-59e0837d] {
+  padding-top: 80px;
+}
+
 .editorTool[data-v-d55ab098] {
   margin-left: auto;
 }
@@ -183,6 +183,20 @@
   margin-top: 10px;
 }
 
+[data-v-65e38bfb] .el-radio {
+  margin: 0;
+}
+.el-radio + .el-radio[data-v-65e38bfb] {
+  margin-left: 10px;
+}
+
+[data-v-808a13e1] .el-radio {
+  margin: 0;
+}
+.el-radio + .el-radio[data-v-808a13e1] {
+  margin-left: 10px;
+}
+
 .editorTool[data-v-684c1f08] {
   margin-left: auto;
 }
@@ -196,11 +210,73 @@
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
-[data-v-65e38bfb] .el-radio {
-  margin: 0;
+.el-alert + .el-table[data-v-028fb838] {
+  margin-top: 10px;
 }
-.el-radio + .el-radio[data-v-65e38bfb] {
-  margin-left: 10px;
+.el-table + .el-alert[data-v-028fb838] {
+  margin: 10px 0;
+}
+
+.el-tabs + .el-alert[data-v-08737620] {
+  margin-top: 10px;
+}
+.el-alert + .el-form-item[data-v-08737620] {
+  margin-top: 10px;
+}
+
+.el-alert + .el-table[data-v-82e0dfef] {
+  margin-top: 10px;
+}
+.el-alert + .el-form-item[data-v-82e0dfef] {
+  margin-top: 10px;
+}
+
+[data-v-286d914e] .el-table__row {
+  cursor: pointer;
+}
+/** 右键菜单样式 */
+.context-menu[data-v-286d914e] {
+  position: absolute;
+  background: #fff;
+  z-index: 999;
+  margin: 5;
+  padding: 8px 8px;
+  box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
+  border: 1px solid #bbbbbb;
+  border-radius: 10px;
+  font-size: 14px;
+}
+.context-menu li[data-v-286d914e] {
+  list-style-type: none;
+  min-width: 75px;
+  line-height: 28px;
+  text-align: left;
+  border-radius: 5px;
+  padding-left: 5px;
+  cursor: pointer;
+}
+.context-menu li[data-v-286d914e]:hover {
+  background: #0165e1;
+  color: #fff;
+}
+/** 右键菜单样式 */
+.custom-tree-node[data-v-286d914e] {
+  font-size: 14px;
+  padding-right: 8px;
+  display: flex; /* 使用Flex布局 */
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}
+
+.el-dialog__wrapper[data-v-d41cb0ad] {
+  overflow: hidden !important;
+  padding-right: 0 !important;
+}
+
+.el-alert + .el-form-item[data-v-32875028] {
+  margin-top: 10px;
+}
+.el-alert + .el-table[data-v-32875028] {
+  margin: 10px 0;
 }
 
 .el-alert + .el-table[data-v-e27c4c1e] {
@@ -278,6 +354,16 @@
 .amb-assembly-item-drag[data-v-ce167986] {
   opacity: 1 !important;
 }
+
+.el-drawer__header {
+  margin-bottom: 0 !important;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-c51cce99] .el-overlay {
+  position: static;
+}
 .control-item[data-v-fdc6ec07] {
   top: -5px;
   position: relative;
@@ -418,113 +504,7 @@
 .el-alert + .el-form-item[data-v-d978e7dc] {
   margin-top: 10px;
 }
-
-.el-tabs + .el-alert[data-v-08737620] {
-  margin-top: 10px;
-}
-.el-alert + .el-form-item[data-v-08737620] {
-  margin-top: 10px;
-}
-
-.el-alert + .el-table[data-v-82e0dfef] {
-  margin-top: 10px;
-}
-.el-alert + .el-form-item[data-v-82e0dfef] {
-  margin-top: 10px;
-}
-
-.el-alert + .el-table[data-v-028fb838] {
-  margin-top: 10px;
-}
-.el-table + .el-alert[data-v-028fb838] {
-  margin: 10px 0;
-}
-
-[data-v-808a13e1] .el-radio {
-  margin: 0;
-}
-.el-radio + .el-radio[data-v-808a13e1] {
-  margin-left: 10px;
-}
-
-.el-drawer__header {
-  margin-bottom: 0 !important;
-}
-/**
-解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
- */
-[data-v-c51cce99] .el-overlay {
-  position: static;
-}
-
-[data-v-2badb0bb] .el-table__row {
-  cursor: pointer;
-}
-/** 右键菜单样式 */
-.context-menu[data-v-2badb0bb] {
-  position: absolute;
-  background: #fff;
-  z-index: 999;
-  margin: 5;
-  padding: 8px 8px;
-  box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
-  border: 1px solid #bbbbbb;
-  border-radius: 10px;
-  font-size: 14px;
-}
-.context-menu li[data-v-2badb0bb] {
-  list-style-type: none;
-  min-width: 75px;
-  line-height: 28px;
-  text-align: left;
-  border-radius: 5px;
-  padding-left: 5px;
-  cursor: pointer;
-}
-.context-menu li[data-v-2badb0bb]:hover {
-  background: #0165e1;
-  color: #fff;
-}
-/** 右键菜单样式 */
-.custom-tree-node[data-v-2badb0bb] {
-  font-size: 14px;
-  padding-right: 8px;
-  display: flex; /* 使用Flex布局 */
-  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
-}
-
-.el-alert + .el-form-item[data-v-32875028] {
-  margin-top: 10px;
-}
-.el-alert + .el-table[data-v-32875028] {
-  margin: 10px 0;
-}
-
-.el-dialog__wrapper[data-v-d41cb0ad] {
-  overflow: hidden !important;
-  padding-right: 0 !important;
-}
-
-.node-content[data-v-b28923f3] {
-  width: 120px;
-  height: 44px;
-  background: #ffffff;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-}
-.content[data-v-b28923f3] {
-  width: 28px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 5px 0px 4px 10px;
-}
-.nodeView[data-v-221a60f8] {
+.nodeView[data-v-9fff2753] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -533,7 +513,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-221a60f8] {
+.nodeTitle[data-v-9fff2753] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -548,7 +528,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-221a60f8] {
+.nodeContent[data-v-9fff2753] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -563,19 +543,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-221a60f8]{
+.nodeContent-desc[data-v-9fff2753]{
 }
-.el-divider--horizontal[data-v-221a60f8] {
+.el-divider--horizontal[data-v-9fff2753] {
   margin: 12px 0;
 }
-.nodeView[data-v-221a60f8] {
+.nodeView[data-v-9fff2753] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-221a60f8] {
+.nodeTitle[data-v-9fff2753] {
   width: 80px;
 }
-.nodeView[data-v-b604c489] {
+.nodeView[data-v-b1d2a966] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -584,7 +564,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-b604c489] {
+.nodeTitle[data-v-b1d2a966] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -599,7 +579,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-b604c489] {
+.nodeContent[data-v-b1d2a966] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -614,19 +594,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-b604c489]{
+.nodeContent-desc[data-v-b1d2a966]{
 }
-.el-divider--horizontal[data-v-b604c489] {
+.el-divider--horizontal[data-v-b1d2a966] {
   margin: 12px 0;
 }
-.nodeView[data-v-b604c489] {
+.nodeView[data-v-b1d2a966] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-b604c489] {
+.nodeTitle[data-v-b1d2a966] {
   width: 80px;
 }
-.nodeView[data-v-6d0cd280] {
+.nodeView[data-v-4c6dfa4a] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -635,7 +615,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-6d0cd280] {
+.nodeTitle[data-v-4c6dfa4a] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -650,7 +630,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-6d0cd280] {
+.nodeContent[data-v-4c6dfa4a] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -665,71 +645,40 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-6d0cd280]{
+.nodeContent-desc[data-v-4c6dfa4a]{
 }
-.el-divider--horizontal[data-v-6d0cd280] {
+.el-divider--horizontal[data-v-4c6dfa4a] {
   margin: 12px 0;
 }
-.nodeView[data-v-6d0cd280] {
+.nodeView[data-v-4c6dfa4a] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.nodeTitle[data-v-6d0cd280] {
-  width: 80px;
+.nodeContent[data-v-4c6dfa4a] {
 }
-.nodeView[data-v-c176feb6] {
-  box-sizing: border-box;
-  margin: 10px 10px;
-  width: 180px;
-  height: 95px;
+
+.node-content[data-v-69a854a3] {
+  width: 120px;
+  height: 44px;
+  background: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-  padding: 20px 10px;
-}
-.nodeTitle[data-v-c176feb6] {
-  width: 90px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 16px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0px 24px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+  border-radius: 2px 2px 2px 2px;
 }
-.nodeContent[data-v-c176feb6] {
-  /* width: 100%; */
+.content[data-v-69a854a3] {
+  width: 28px;
   height: 15px;
   font-weight: 400;
   font-size: 14px;
-  color: #666666;
+  color: #333333;
   line-height: 14px;
   text-align: left;
   font-style: normal;
   text-transform: none;
-  padding: 0px 0px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.nodeContent-desc[data-v-c176feb6]{
-}
-.el-divider--horizontal[data-v-c176feb6] {
-  margin: 12px 0;
-}
-.nodeView[data-v-c176feb6] {
-  border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
-}
-.nodeContent[data-v-c176feb6] {
+  padding: 5px 0px 4px 10px;
 }
-.nodeView[data-v-b01d3a50] {
+.nodeView[data-v-bd32480c] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -738,7 +687,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-b01d3a50] {
+.nodeTitle[data-v-bd32480c] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -753,7 +702,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-b01d3a50] {
+.nodeContent[data-v-bd32480c] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -768,17 +717,18 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-b01d3a50]{
+.nodeContent-desc[data-v-bd32480c]{
 }
-.el-divider--horizontal[data-v-b01d3a50] {
+.el-divider--horizontal[data-v-bd32480c] {
   margin: 12px 0;
 }
-.nodeView[data-v-b01d3a50] {
+.nodeView[data-v-bd32480c] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.nodeTitle[data-v-b01d3a50] {
-  width: 80px;
+.nodeContent[data-v-bd32480c] {
 }
 .nodeView[data-v-5911272d] {
   box-sizing: border-box;
@@ -831,7 +781,7 @@
 .nodeTitle[data-v-5911272d] {
   width: 80px;
 }
-.nodeView[data-v-7702fcdb] {
+.nodeView[data-v-6d0cd280] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -840,7 +790,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-7702fcdb] {
+.nodeTitle[data-v-6d0cd280] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -855,7 +805,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-7702fcdb] {
+.nodeContent[data-v-6d0cd280] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -870,19 +820,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-7702fcdb]{
+.nodeContent-desc[data-v-6d0cd280]{
 }
-.el-divider--horizontal[data-v-7702fcdb] {
+.el-divider--horizontal[data-v-6d0cd280] {
   margin: 12px 0;
 }
-.nodeView[data-v-7702fcdb] {
+.nodeView[data-v-6d0cd280] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-7702fcdb] {
+.nodeTitle[data-v-6d0cd280] {
   width: 80px;
 }
-.nodeView[data-v-b1d2a966] {
+.nodeView[data-v-b604c489] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -891,7 +841,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-b1d2a966] {
+.nodeTitle[data-v-b604c489] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -906,7 +856,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-b1d2a966] {
+.nodeContent[data-v-b604c489] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -921,27 +871,27 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-b1d2a966]{
+.nodeContent-desc[data-v-b604c489]{
 }
-.el-divider--horizontal[data-v-b1d2a966] {
+.el-divider--horizontal[data-v-b604c489] {
   margin: 12px 0;
 }
-.nodeView[data-v-b1d2a966] {
+.nodeView[data-v-b604c489] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-b1d2a966] {
+.nodeTitle[data-v-b604c489] {
   width: 80px;
 }
 
-.node-content[data-v-69a854a3] {
+.node-content[data-v-b28923f3] {
   width: 120px;
   height: 44px;
   background: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
   border-radius: 2px 2px 2px 2px;
 }
-.content[data-v-69a854a3] {
+.content[data-v-b28923f3] {
   width: 28px;
   height: 15px;
   font-weight: 400;
@@ -953,7 +903,7 @@
   text-transform: none;
   padding: 5px 0px 4px 10px;
 }
-.nodeView[data-v-faa5a940] {
+.nodeView[data-v-df366d04] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -962,7 +912,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-faa5a940] {
+.nodeTitle[data-v-df366d04] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -977,7 +927,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-faa5a940] {
+.nodeContent[data-v-df366d04] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -992,19 +942,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-faa5a940]{
+.nodeContent-desc[data-v-df366d04]{
 }
-.el-divider--horizontal[data-v-faa5a940] {
+.el-divider--horizontal[data-v-df366d04] {
   margin: 12px 0;
 }
-.nodeView[data-v-faa5a940] {
+.nodeView[data-v-df366d04] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-faa5a940] {
+.nodeTitle[data-v-df366d04] {
   width: 80px;
 }
-.nodeView[data-v-bd32480c] {
+.nodeView[data-v-7702fcdb] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1013,7 +963,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-bd32480c] {
+.nodeTitle[data-v-7702fcdb] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1028,7 +978,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-bd32480c] {
+.nodeContent[data-v-7702fcdb] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1043,40 +993,70 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-bd32480c]{
+.nodeContent-desc[data-v-7702fcdb]{
 }
-.el-divider--horizontal[data-v-bd32480c] {
+.el-divider--horizontal[data-v-7702fcdb] {
   margin: 12px 0;
 }
-.nodeView[data-v-bd32480c] {
+.nodeView[data-v-7702fcdb] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
+  background: #eef3fe;
 }
-.nodeContent[data-v-bd32480c] {
+.nodeTitle[data-v-7702fcdb] {
+  width: 80px;
 }
-
-.aaa[data-v-8bd72b80] {
-  width: 300px;
-  height: 200px;
-  background: #ffffff;
+.nodeView[data-v-221a60f8] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
 }
-.content[data-v-8bd72b80] {
-  width: 28px;
+.nodeTitle[data-v-221a60f8] {
+  width: 90px;
   height: 15px;
   font-weight: 400;
-  font-size: 14px;
+  font-size: 16px;
   color: #333333;
   line-height: 14px;
   text-align: left;
   font-style: normal;
   text-transform: none;
-  padding: 5px 0px 4px 10px;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-221a60f8] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-221a60f8]{
+}
+.el-divider--horizontal[data-v-221a60f8] {
+  margin: 12px 0;
+}
+.nodeView[data-v-221a60f8] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-221a60f8] {
+  width: 80px;
 }
-.nodeView[data-v-9fff2753] {
+.nodeView[data-v-b01d3a50] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1085,7 +1065,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-9fff2753] {
+.nodeTitle[data-v-b01d3a50] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1100,7 +1080,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-9fff2753] {
+.nodeContent[data-v-b01d3a50] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1115,19 +1095,39 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-9fff2753]{
+.nodeContent-desc[data-v-b01d3a50]{
 }
-.el-divider--horizontal[data-v-9fff2753] {
+.el-divider--horizontal[data-v-b01d3a50] {
   margin: 12px 0;
 }
-.nodeView[data-v-9fff2753] {
+.nodeView[data-v-b01d3a50] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-9fff2753] {
+.nodeTitle[data-v-b01d3a50] {
   width: 80px;
 }
-.nodeView[data-v-df366d04] {
+
+.aaa[data-v-8bd72b80] {
+  width: 300px;
+  height: 200px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-8bd72b80] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}
+.nodeView[data-v-c176feb6] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1136,7 +1136,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-df366d04] {
+.nodeTitle[data-v-c176feb6] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1151,7 +1151,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-df366d04] {
+.nodeContent[data-v-c176feb6] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1166,19 +1166,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-df366d04]{
+.nodeContent-desc[data-v-c176feb6]{
 }
-.el-divider--horizontal[data-v-df366d04] {
+.el-divider--horizontal[data-v-c176feb6] {
   margin: 12px 0;
 }
-.nodeView[data-v-df366d04] {
+.nodeView[data-v-c176feb6] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.nodeTitle[data-v-df366d04] {
-  width: 80px;
+.nodeContent[data-v-c176feb6] {
 }
-.nodeView[data-v-4c6dfa4a] {
+.nodeView[data-v-faa5a940] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1187,7 +1188,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-4c6dfa4a] {
+.nodeTitle[data-v-faa5a940] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1202,7 +1203,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-4c6dfa4a] {
+.nodeContent[data-v-faa5a940] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1217,28 +1218,21 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-4c6dfa4a]{
+.nodeContent-desc[data-v-faa5a940]{
 }
-.el-divider--horizontal[data-v-4c6dfa4a] {
+.el-divider--horizontal[data-v-faa5a940] {
   margin: 12px 0;
 }
-.nodeView[data-v-4c6dfa4a] {
+.nodeView[data-v-faa5a940] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
+  background: #eef3fe;
 }
-.nodeContent[data-v-4c6dfa4a] {
+.nodeTitle[data-v-faa5a940] {
+  width: 80px;
 }
 
-.el-select + .el-input[data-v-7fcf8a84] {
-  margin-left: 10px;
-}
-.el-input + .el-input[data-v-7fcf8a84] {
-  margin-left: 10px;
-}
-.el-input + .el-button[data-v-7fcf8a84] {
-  margin-left: 10px;
+.el-radio[data-v-1bbd6187] {
+  margin-right: 10px;
 }
 
 .el-select + .el-input[data-v-3918f594] {
@@ -1251,10 +1245,6 @@
   margin-left: 10px;
 }
 
-.el-radio[data-v-1bbd6187] {
-  margin-right: 10px;
-}
-
 .el-radio[data-v-1ee0eb33] {
   margin-right: 10px;
 }
@@ -1276,6 +1266,16 @@
   cursor: pointer;
 }
 
+.el-select + .el-input[data-v-7fcf8a84] {
+  margin-left: 10px;
+}
+.el-input + .el-input[data-v-7fcf8a84] {
+  margin-left: 10px;
+}
+.el-input + .el-button[data-v-7fcf8a84] {
+  margin-left: 10px;
+}
+
 [data-v-2d06523b] .el-upload {
   width: 100%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "service-flow-designer",
-  "version": "2.0.24",
+  "version": "2.0.33",
   "description": "AgileBuilder Service Flow Designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -61,7 +61,7 @@
     "@logicflow/layout": "1.2.0-alpha.16",
     "@uiw/codemirror-themes-all": "^4.21.25",
     "@vueuse/core": "^10.9.0",
-    "agilebuilder-ui": "1.0.19",
+    "agilebuilder-ui": "1.0.23",
     "codemirror": "^6.0.1",
     "nprogress": "^0.2.0",
     "quill": "^2.0.2",