service-flow-designer 2.1.26 → 2.1.32

package/dist/es/designer/common/components/datatable-select.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./datatable-select.vue2.js";
 import "./datatable-select.vue3.js";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const DatatableSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f20126f5"]]);
+const DatatableSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b53b2895"]]);
 export {
   DatatableSelect as default
 };

package/dist/es/designer/common/components/datatable-select.vue2.js

@@ -78,15 +78,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
         systemOptions.value = res;
-        loadDataTableList(null);
+        loadDataTableList(selectedSystemCode.value);
       });
     }
     function selectedSystemChange(value) {
       tableListData.value = [];
       pagination.value.currentPage = 1;
       pagination.value.total = 0;
+      selectedSystemCode.value = value;
       loadDataTableList(value);
     }
+    function paginationChange() {
+      loadDataTableList(selectedSystemCode.value);
+    }
     function loadDataTableList(systemCode) {
       selectRow.value = { name: "" };
       const param = {
@@ -293,8 +297,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 background: "",
                 layout: "total, sizes, prev, pager, next, jumper",
                 total: pagination.value.total,
-                onSizeChange: loadDataTableList,
-                onCurrentChange: loadDataTableList
+                onSizeChange: paginationChange,
+                onCurrentChange: paginationChange
               }, null, 8, ["current-page", "page-size", "total"])
             ]),
             _: 1

package/dist/es/designer/service-components/database/aggregate-query/config.vue.js

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

package/dist/es/designer/service-components/database/aggregate-query/config.vue2.js

@@ -28,7 +28,7 @@ import _sfc_main$4 from "./filter-conditions.vue.js";
 import _sfc_main$5 from "./sort-conditions.vue.js";
 import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
 import "element-plus/es/components/message/style/css";
-const _withScopeId = (n) => (pushScopeId("data-v-808a13e1"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-ac2ec342"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
 const _hoisted_3 = { style: { "display": "flex" } };
@@ -55,6 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props, { expose: __expose }) {
+    var _a;
     const serviceFlowStoreUtil = useServiceFlowStore();
     const props = __props;
     if (!props.properties.result) {
@@ -62,6 +63,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const showSelectTable = ref(false);
     const systemCode = ref(serviceFlowStoreUtil.pageContext.systemCode);
+    if ((_a = props.properties) == null ? void 0 : _a.dataTableSystemCode) {
+      systemCode.value = props.properties.dataTableSystemCode;
+    }
     const systemVersion = ref(serviceFlowStoreUtil.pageContext.systemVersion);
     const dataTableColumns = ref([]);
     const groupColumns = ref([]);
@@ -99,6 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.properties.dataTable = result.dataTable.name;
       props.properties.dataTableSystemCode = result.system.code;
       props.properties.dataTableSystemVersion = result.system.publishVersion;
+      systemCode.value = props.properties.dataTableSystemCode;
       updateTableColumns();
     };
     const statisticsColumnChange = (value) => {

package/dist/es/designer/service-components/service/custom-bean/config.vue2.js

@@ -1,12 +1,14 @@
-import { ElInput, ElFormItem, ElAlert, ElForm } from "element-plus/es";
+import { ElInput, ElText, ElFormItem, ElAlert, ElForm } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/form/style/css";
 import "element-plus/es/components/alert/style/css";
 import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/text/style/css";
 import "element-plus/es/components/input/style/css";
-import { defineComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, unref } from "vue";
 import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
 import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
+import "@element-plus/icons-vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "config",
   props: {
@@ -21,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({});
     return (_ctx, _cache) => {
       const _component_el_input = ElInput;
+      const _component_el_text = ElText;
       const _component_el_form_item = ElFormItem;
       const _component_el_alert = ElAlert;
       const _component_el_form = ElForm;
@@ -37,7 +40,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.beanName = $event),
                 placeholder: "",
                 style: { "width": "85%" }
-              }, null, 8, ["modelValue"])
+              }, null, 8, ["modelValue"]),
+              createVNode(_component_el_text, {
+                style: { "margin-top": "10px", "margin-bottom": "10px", "display": "block" },
+                type: "success"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 说明：自定义bean需实现cn.ambitionq.serivceflow.core.ServiceNodeHandler接口重写execute方法 ")
+                ]),
+                _: 1
+              })
             ]),
             _: 1
           }),

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

@@ -18,6 +18,7 @@ import _sfc_main$2 from "../../common/components/json-view/json-view.vue.js";
 import { vscodeDark } from "@uiw/codemirror-themes-all";
 import _sfc_main$1 from "./request-params.vue.js";
 import { getSystemBackendUrl } from "agilebuilder-ui/src/utils/common-util";
+import { getRuntimeJson } from "../flow-util.js";
 const _hoisted_1 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "service-test",
@@ -151,6 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       const data = JSON.parse(JSON.stringify(props.cloneService));
       data.flow = (_a = props.lf) == null ? void 0 : _a.getGraphData();
+      data.runtimeJson = JSON.stringify(getRuntimeJson(data));
       data.variables = JSON.stringify(data.variables);
       data.log = JSON.stringify(data.log);
       data.flow = JSON.stringify(data.flow);

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-0ca3e4c5"]]);
+const ServiceFlowView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e9e3ee6"]]);
 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-0ca3e4c5"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-5e9e3ee6"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   class: "serviceflow-design-content",
   ref: "ambServiceFlowContent"
@@ -226,8 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!lf.value) {
         return;
       }
-      const gdata = lf.value.getGraphData();
-      cloneService.value.flow = gdata;
+      cloneService.value.flow = lf.value.getGraphData();
       if (sourceService.value) {
         cloneService.value.runtimeJson = JSON.stringify(getRuntimeJson(cloneService.value));
         const saveService2 = JSON.parse(JSON.stringify(cloneService.value));

package/dist/es/style.css

@@ -22,48 +22,7 @@
 [data-v-7117ba9e] .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;
-}
-.serviceflow-design-content[data-v-0ca3e4c5] {
+.serviceflow-design-content[data-v-5e9e3ee6] {
   overflow: auto;
   display: block;
   flex: none;
@@ -71,10 +30,10 @@
   width: 100%;
   height: 100%;
 }
-.serviceflow-design-content[data-v-0ca3e4c5]::-webkit-scrollbar {
+.serviceflow-design-content[data-v-5e9e3ee6]::-webkit-scrollbar {
   width: 1px;
 }
-.serviceflow-design-tool[data-v-0ca3e4c5] {
+.serviceflow-design-tool[data-v-5e9e3ee6] {
   position: -webkit-sticky; /**Safari */
   position: sticky;
   width: 100%;
@@ -88,7 +47,7 @@
   z-index: 0;
   box-sizing: content-box;
 }
-.serviceflow-page-type[data-v-0ca3e4c5] {
+.serviceflow-page-type[data-v-5e9e3ee6] {
   padding-top: 11px;
   padding-left: 6px;
   padding-right: 6px;
@@ -96,14 +55,14 @@
   border-radius: 4px 4px 4px 4px;
   cursor: pointer;
 }
-.serviceflow-page-type[data-v-0ca3e4c5]:hover {
+.serviceflow-page-type[data-v-5e9e3ee6]:hover {
   background: rgba(11, 45, 101, 0.105);
 }
-.serviceflow-page-type.selected[data-v-0ca3e4c5] {
+.serviceflow-page-type.selected[data-v-5e9e3ee6] {
   background: #5893ef;
   color: #ffffff;
 }
-.serviceflow-page-type > label[data-v-0ca3e4c5] {
+.serviceflow-page-type > label[data-v-5e9e3ee6] {
   font-size: 14px;
   padding-left: 6px;
   padding-right: 6px;
@@ -112,11 +71,11 @@
   position: relative;
   cursor: pointer;
 }
-.serviceflow-design-tool-split[data-v-0ca3e4c5] {
+.serviceflow-design-tool-split[data-v-5e9e3ee6] {
   height: 25px;
   margin-top: -12px;
 }
-.serviceflow-design-board[data-v-0ca3e4c5] {
+.serviceflow-design-board[data-v-5e9e3ee6] {
   margin: 0 auto;
   margin-top: 28px;
   overflow-y: auto;
@@ -126,24 +85,24 @@
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 20px;
 }
-.container[data-v-0ca3e4c5] {
+.container[data-v-5e9e3ee6] {
   height: 100%;
   width: 100%;
 }
-.amb-item-ghost[data-v-0ca3e4c5] {
+.amb-item-ghost[data-v-5e9e3ee6] {
   background-color: #5893ef;
   height: 5px;
   line-height: 5px;
   overflow: hidden;
 }
 /* 将你的自定义样式添加到这里 */
-.draggable-placeholder[data-v-0ca3e4c5] {
+.draggable-placeholder[data-v-5e9e3ee6] {
   background-color: red;
   border: 1px dashed #ddd;
   margin: 5px;
   padding: 10px;
 }
-#LF-view[data-v-0ca3e4c5] {
+#LF-view[data-v-5e9e3ee6] {
   width: calc(100% - 100px);
   height: 80%;
   outline: none;
@@ -155,10 +114,10 @@
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-0ca3e4c5] .el-overlay {
+[data-v-5e9e3ee6] .el-overlay {
   position: static !important;
 }
-.triangle[data-v-0ca3e4c5] {
+.triangle[data-v-5e9e3ee6] {
   display: inline-block;
   width: 0;
   height: 0;
@@ -167,81 +126,61 @@
   border-color: transparent transparent var(--el-skeleton-color) transparent;
 }
 
-.el-alert + .el-form-item[data-v-a158f309] {
-  margin-top: 10px;
+.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;
 }
-
-.editorTool[data-v-d55ab098] {
-  margin-left: auto;
+/*控制滚动条宽度*/
+.amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
+  width: 1px;
 }
-.editorOption[data-v-d55ab098] {
-  margin-right: 10px;
-  cursor: pointer;
+.amb-assembly-header[data-v-59e0837d] {
+  position: absolute;
+  width: 220px;
+  text-align: center;
+  padding: 18px 0px 10px 0px;
+  padding-bottom: 14px;
+  background-color: #ffffff;
 }
-.pppp[data-v-d55ab098] {
-  display: flex; /* 使用Flex布局 */
-  justify-content: flex-start;
-  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
-}
-
-[data-v-65e38bfb] .el-radio {
-  margin: 0;
+.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;
 }
-.el-radio + .el-radio[data-v-65e38bfb] {
-  margin-left: 10px;
-}
-
-[data-v-808a13e1] .el-radio {
-  margin: 0;
+.amb-assembly-header-type > label[data-v-59e0837d] {
+  padding: 4px 14px;
+  cursor: pointer;
+  font-size: 14px;
 }
-.el-radio + .el-radio[data-v-808a13e1] {
-  margin-left: 10px;
+.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-684c1f08] {
+.editorTool[data-v-d55ab098] {
   margin-left: auto;
 }
-.editorOption[data-v-684c1f08] {
+.editorOption[data-v-d55ab098] {
   margin-right: 10px;
   cursor: pointer;
 }
-.pppp[data-v-684c1f08] {
+.pppp[data-v-d55ab098] {
   display: flex; /* 使用Flex布局 */
   justify-content: flex-start;
   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-alert + .el-table[data-v-e27c4c1e] {
-  margin-top: 10px;
-}
-.el-table + .el-alert[data-v-e27c4c1e] {
-  margin: 10px 0;
-}
-.el-alert + .el-form-item[data-v-e27c4c1e] {
-  margin-top: 10px;
-}
-
-.el-alert + .el-table[data-v-d978e7dc] {
-  margin-top: 10px;
-}
-.el-table + .el-alert[data-v-d978e7dc] {
-  margin: 10px 0;
-}
-.el-alert + .el-form-item[data-v-d978e7dc] {
-  margin-top: 10px;
-}
-
-.el-alert + .el-table[data-v-82e0dfef] {
-  margin-top: 10px;
-}
-.el-alert + .el-form-item[data-v-82e0dfef] {
+.el-alert + .el-form-item[data-v-a158f309] {
   margin-top: 10px;
 }
 
@@ -252,11 +191,11 @@
   margin-top: 10px;
 }
 
-.el-alert + .el-table[data-v-028fb838] {
-  margin-top: 10px;
+[data-v-ac2ec342] .el-radio {
+  margin: 0;
 }
-.el-table + .el-alert[data-v-028fb838] {
-  margin: 10px 0;
+.el-radio + .el-radio[data-v-ac2ec342] {
+  margin-left: 10px;
 }
 .serviceflow-attr-base-content[data-v-8bad091d] {
   background: #ffffff;
@@ -325,6 +264,18 @@
   opacity: 1 !important;
 }
 
+[data-v-65e38bfb] .el-radio {
+  margin: 0;
+}
+.el-radio + .el-radio[data-v-65e38bfb] {
+  margin-left: 10px;
+}
+
+.el-dialog__wrapper[data-v-d41cb0ad] {
+  overflow: hidden !important;
+  padding-right: 0 !important;
+}
+
 [data-v-286d914e] .el-table__row {
   cursor: pointer;
 }
@@ -361,6 +312,26 @@
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
+.editorTool[data-v-684c1f08] {
+  margin-left: auto;
+}
+.editorOption[data-v-684c1f08] {
+  margin-right: 10px;
+  cursor: pointer;
+}
+.pppp[data-v-684c1f08] {
+  display: flex; /* 使用Flex布局 */
+  justify-content: flex-start;
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}
+
+.el-alert + .el-table[data-v-028fb838] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-028fb838] {
+  margin: 10px 0;
+}
+
 .el-drawer__header {
   margin-bottom: 0 !important;
 }
@@ -371,9 +342,11 @@
   position: static;
 }
 
-.el-dialog__wrapper[data-v-d41cb0ad] {
-  overflow: hidden !important;
-  padding-right: 0 !important;
+.el-alert + .el-table[data-v-82e0dfef] {
+  margin-top: 10px;
+}
+.el-alert + .el-form-item[data-v-82e0dfef] {
+  margin-top: 10px;
 }
 .serviceflow-control-item[data-v-a2bd7452] {
   top: -5px;
@@ -506,7 +479,55 @@
   outline: none;
   margin-left: 50px;
 }
-.serviceflow-nodeView[data-v-9770119b] {
+
+.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-d978e7dc] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-d978e7dc] {
+  margin: 10px 0;
+}
+.el-alert + .el-form-item[data-v-d978e7dc] {
+  margin-top: 10px;
+}
+
+.el-alert + .el-table[data-v-e27c4c1e] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-e27c4c1e] {
+  margin: 10px 0;
+}
+.el-alert + .el-form-item[data-v-e27c4c1e] {
+  margin-top: 10px;
+}
+
+.node-content[data-v-117d4091] {
+  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-117d4091] {
+  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;
+  box-sizing: content-box;
+}
+.serviceflow-nodeView[data-v-418f1558] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -515,7 +536,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-9770119b] {
+.serviceflow-nodeTitle[data-v-418f1558] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -531,7 +552,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-9770119b] {
+.serviceflow-nodeContent[data-v-418f1558] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -547,19 +568,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-9770119b] {
+.serviceflow-nodeContent-desc[data-v-418f1558] {
 }
-.el-divider--horizontal[data-v-9770119b] {
+.el-divider--horizontal[data-v-418f1558] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-9770119b] {
+.serviceflow-nodeView[data-v-418f1558] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.serviceflow-nodeTitle[data-v-9770119b] {
-  width: 80px;
+.serviceflow-nodeContent[data-v-418f1558] {
 }
-.serviceflow-nodeView[data-v-23f1c97b] {
+.serviceflow-nodeView[data-v-9770119b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -568,7 +590,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-23f1c97b] {
+.serviceflow-nodeTitle[data-v-9770119b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -584,7 +606,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-23f1c97b] {
+.serviceflow-nodeContent[data-v-9770119b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -600,38 +622,70 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-23f1c97b] {
+.serviceflow-nodeContent-desc[data-v-9770119b] {
 }
-.el-divider--horizontal[data-v-23f1c97b] {
+.el-divider--horizontal[data-v-9770119b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-23f1c97b] {
+.serviceflow-nodeView[data-v-9770119b] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-23f1c97b] {
+.serviceflow-nodeTitle[data-v-9770119b] {
   width: 80px;
 }
-
-.node-content[data-v-669b618f] {
-  width: 120px;
-  height: 44px;
-  background: #ffffff;
+.serviceflow-nodeView[data-v-91a913ff] {
+  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-669b618f] {
-  width: 28px;
+.serviceflow-nodeTitle[data-v-91a913ff] {
+  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;
-	box-sizing: content-box;
+  padding: 0px 24px;
+	box-sizing: content-box;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.serviceflow-nodeContent[data-v-91a913ff] {
+  /* 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;
+  box-sizing: content-box;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.serviceflow-nodeContent-desc[data-v-91a913ff] {
+}
+.el-divider--horizontal[data-v-91a913ff] {
+  margin: 12px 0;
+}
+.serviceflow-nodeView[data-v-91a913ff] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.serviceflow-nodeTitle[data-v-91a913ff] {
+  width: 80px;
 }
 .serviceflow-nodeView[data-v-96d149c1] {
   box-sizing: border-box;
@@ -686,7 +740,7 @@
 .serviceflow-nodeTitle[data-v-96d149c1] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-418f1558] {
+.serviceflow-nodeView[data-v-b04d3f8b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -695,7 +749,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-418f1558] {
+.serviceflow-nodeTitle[data-v-b04d3f8b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -711,7 +765,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-418f1558] {
+.serviceflow-nodeContent[data-v-b04d3f8b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -727,18 +781,17 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-418f1558] {
+.serviceflow-nodeContent-desc[data-v-b04d3f8b] {
 }
-.el-divider--horizontal[data-v-418f1558] {
+.el-divider--horizontal[data-v-b04d3f8b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-418f1558] {
+.serviceflow-nodeView[data-v-b04d3f8b] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
+  background: #eef3fe;
 }
-.serviceflow-nodeContent[data-v-418f1558] {
+.serviceflow-nodeTitle[data-v-b04d3f8b] {
+  width: 80px;
 }
 .serviceflow-nodeView[data-v-4d28d77b] {
   box-sizing: border-box;
@@ -793,60 +846,28 @@
 .serviceflow-nodeTitle[data-v-4d28d77b] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-42ce3f17] {
-  box-sizing: border-box;
-  margin: 10px 10px;
-  width: 180px;
-  height: 95px;
+
+.node-content[data-v-669b618f] {
+  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;
-}
-.serviceflow-nodeTitle[data-v-42ce3f17] {
-  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;
-	box-sizing: content-box;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+  border-radius: 2px 2px 2px 2px;
 }
-.serviceflow-nodeContent[data-v-42ce3f17] {
-  /* width: 100%; */
+.content[data-v-669b618f] {
+  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;
-  box-sizing: content-box;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.serviceflow-nodeContent-desc[data-v-42ce3f17] {
-}
-.el-divider--horizontal[data-v-42ce3f17] {
-  margin: 12px 0;
-}
-.serviceflow-nodeView[data-v-42ce3f17] {
-  border: 1px solid #5a90f9;
-  background: #eef3fe;
-}
-.serviceflow-nodeTitle[data-v-42ce3f17] {
-  width: 80px;
+  padding: 5px 0px 4px 10px;
+	box-sizing: content-box;
 }
-.serviceflow-nodeView[data-v-91a913ff] {
+.serviceflow-nodeView[data-v-1ce8de44] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -855,7 +876,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-91a913ff] {
+.serviceflow-nodeTitle[data-v-1ce8de44] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -871,7 +892,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-91a913ff] {
+.serviceflow-nodeContent[data-v-1ce8de44] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -887,19 +908,40 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-91a913ff] {
+.serviceflow-nodeContent-desc[data-v-1ce8de44] {
 }
-.el-divider--horizontal[data-v-91a913ff] {
+.el-divider--horizontal[data-v-1ce8de44] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-91a913ff] {
+.serviceflow-nodeView[data-v-1ce8de44] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.serviceflow-nodeTitle[data-v-91a913ff] {
-  width: 80px;
+.serviceflow-nodeContent[data-v-1ce8de44] {
 }
-.serviceflow-nodeView[data-v-1519c141] {
+
+.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;
+}
+.serviceflow-nodeView[data-v-3c23a172] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -908,7 +950,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-1519c141] {
+.serviceflow-nodeTitle[data-v-3c23a172] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -924,7 +966,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-1519c141] {
+.serviceflow-nodeContent[data-v-3c23a172] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -940,19 +982,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-1519c141] {
+.serviceflow-nodeContent-desc[data-v-3c23a172] {
 }
-.el-divider--horizontal[data-v-1519c141] {
+.el-divider--horizontal[data-v-3c23a172] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-1519c141] {
+.serviceflow-nodeView[data-v-3c23a172] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.serviceflow-nodeTitle[data-v-1519c141] {
-  width: 80px;
+.serviceflow-nodeContent[data-v-3c23a172] {
 }
-.serviceflow-nodeView[data-v-b04d3f8b] {
+.serviceflow-nodeView[data-v-1519c141] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -961,7 +1004,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-b04d3f8b] {
+.serviceflow-nodeTitle[data-v-1519c141] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -977,7 +1020,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-b04d3f8b] {
+.serviceflow-nodeContent[data-v-1519c141] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -993,19 +1036,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-b04d3f8b] {
+.serviceflow-nodeContent-desc[data-v-1519c141] {
 }
-.el-divider--horizontal[data-v-b04d3f8b] {
+.el-divider--horizontal[data-v-1519c141] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-b04d3f8b] {
+.serviceflow-nodeView[data-v-1519c141] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-b04d3f8b] {
+.serviceflow-nodeTitle[data-v-1519c141] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-3c23a172] {
+.serviceflow-nodeView[data-v-6b34f36c] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1014,7 +1057,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-3c23a172] {
+.serviceflow-nodeTitle[data-v-6b34f36c] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1030,7 +1073,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-3c23a172] {
+.serviceflow-nodeContent[data-v-6b34f36c] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1046,40 +1089,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-3c23a172] {
+.serviceflow-nodeContent-desc[data-v-6b34f36c] {
 }
-.el-divider--horizontal[data-v-3c23a172] {
+.el-divider--horizontal[data-v-6b34f36c] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-3c23a172] {
+.serviceflow-nodeView[data-v-6b34f36c] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
-}
-.serviceflow-nodeContent[data-v-3c23a172] {
-}
-
-.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;
+  background: #eef3fe;
 }
-.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;
+.serviceflow-nodeTitle[data-v-6b34f36c] {
+  width: 80px;
 }
-.serviceflow-nodeView[data-v-6b34f36c] {
+.serviceflow-nodeView[data-v-42ce3f17] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1088,7 +1110,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-6b34f36c] {
+.serviceflow-nodeTitle[data-v-42ce3f17] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1104,7 +1126,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-6b34f36c] {
+.serviceflow-nodeContent[data-v-42ce3f17] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1120,19 +1142,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-6b34f36c] {
+.serviceflow-nodeContent-desc[data-v-42ce3f17] {
 }
-.el-divider--horizontal[data-v-6b34f36c] {
+.el-divider--horizontal[data-v-42ce3f17] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-6b34f36c] {
+.serviceflow-nodeView[data-v-42ce3f17] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-6b34f36c] {
+.serviceflow-nodeTitle[data-v-42ce3f17] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-1ce8de44] {
+.serviceflow-nodeView[data-v-23f1c97b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1141,7 +1163,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-1ce8de44] {
+.serviceflow-nodeTitle[data-v-23f1c97b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1157,7 +1179,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-1ce8de44] {
+.serviceflow-nodeContent[data-v-23f1c97b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1173,39 +1195,17 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-1ce8de44] {
+.serviceflow-nodeContent-desc[data-v-23f1c97b] {
 }
-.el-divider--horizontal[data-v-1ce8de44] {
+.el-divider--horizontal[data-v-23f1c97b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-1ce8de44] {
+.serviceflow-nodeView[data-v-23f1c97b] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
-}
-.serviceflow-nodeContent[data-v-1ce8de44] {
-}
-
-.node-content[data-v-117d4091] {
-  width: 120px;
-  height: 44px;
-  background: #ffffff;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
+  background: #eef3fe;
 }
-.content[data-v-117d4091] {
-  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;
-  box-sizing: content-box;
+.serviceflow-nodeTitle[data-v-23f1c97b] {
+  width: 80px;
 }
 .serviceflow-nodeView[data-v-08d9d211] {
   box-sizing: border-box;
@@ -1261,20 +1261,16 @@
   width: 80px;
 }
 
-.el-select + .el-input[data-v-f20126f5] {
+.el-select + .el-input[data-v-b53b2895] {
   margin-left: 10px;
 }
-.el-input + .el-input[data-v-f20126f5] {
+.el-input + .el-input[data-v-b53b2895] {
   margin-left: 10px;
 }
-.el-input + .el-button[data-v-f20126f5] {
+.el-input + .el-button[data-v-b53b2895] {
   margin-left: 10px;
 }
 
-.el-radio[data-v-1bbd6187] {
-  margin-right: 10px;
-}
-
 .el-radio[data-v-1ee0eb33] {
   margin-right: 10px;
 }
@@ -1282,6 +1278,10 @@
   margin-top: 0px;
 }
 
+.el-radio[data-v-1bbd6187] {
+  margin-right: 10px;
+}
+
 .el-select + .el-input[data-v-7fcf8a84] {
   margin-left: 10px;
 }
@@ -1306,13 +1306,13 @@
   cursor: pointer;
 }
 
+[data-v-9a3ee19e] .el-dropdown {
+  vertical-align: middle;
+}
+
 [data-v-2d06523b] .el-upload {
   width: 100%;
 }
 [data-v-2d06523b] .el-button {
   width: 100%;
 }
-
-[data-v-9a3ee19e] .el-dropdown {
-  vertical-align: middle;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "service-flow-designer",
-  "version": "2.1.26",
+  "version": "2.1.32",
   "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.66",
+    "agilebuilder-ui": "1.0.69",
     "codemirror": "^6.0.1",
     "nprogress": "^0.2.0",
     "quill": "^2.0.2",