service-flow-designer 2.1.96 → 2.2.4

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

@@ -1,7 +1,7 @@
 import e from "./datatable-select.vue2.js";
 import "./datatable-select.vue3.js";
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = t(e, [["__scopeId", "data-v-b53b2895"]]);
+const a = t(e, [["__scopeId", "data-v-d588a716"]]);
 export {
   a as default
 };

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

@@ -1,4 +1,4 @@
-import { ElOption as e, ElSelect as l, ElInput as t, ElButton as a, ElHeader as o, ElTableColumn as s, ElTable as n, ElPagination as u, ElContainer as r, ElDialog as i } from "element-plus/es";
+import { ElOption as e, ElSelect as l, ElInput as a, ElButton as t, ElHeader as o, ElTableColumn as s, ElTable as n, ElPagination as u, ElContainer as r, ElDialog as i } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/dialog/style/css";
 import "element-plus/es/components/container/style/css";
@@ -25,9 +25,9 @@ const N = { class: "dialog-footer" }, T = p({ name: "DatatableSelect", inheritAt
   function j(e2) {
     B.value = { name: "" };
     const l2 = { code: "MMS_MODULE_PAGE", pagination: { currentPage: E.value.currentPage, pageSize: E.value.pageSize, showTotal: true }, searchForm: [], dynamicColumnInfo: [] };
-    I.value.searchCode && l2.searchForm.push({ leftBracket: "", rightBracket: "", joinSign: "and", propName: "code", operator: "CONTAIN", dataType: "TEXT", propValue: I.value.searchCode }), I.value.searchName && l2.searchForm.push({ leftBracket: "", rightBracket: "", joinSign: "and", propName: "name", operator: "CONTAIN", dataType: "TEXT", propValue: I.value.searchName });
-    const t2 = e2 || P.systemCode;
-    S.post(window.$vueApp.config.globalProperties.baseAPI + "/mms/data-tables/list/" + t2 + "/0/" + P.systemVersion, l2).then((e3) => {
+    I.value.searchCode && l2.searchForm.push({ leftBracket: "", rightBracket: "", joinSign: "and", propName: "name", operator: "CONTAIN", dataType: "TEXT", propValue: I.value.searchCode }), I.value.searchName && l2.searchForm.push({ leftBracket: "", rightBracket: "", joinSign: "and", propName: "alias", operator: "CONTAIN", dataType: "TEXT", propValue: I.value.searchName });
+    const a2 = e2 || P.systemCode;
+    S.post(window.$vueApp.config.globalProperties.baseAPI + "/mms/data-tables/list/" + a2 + "/0/" + P.systemVersion, l2).then((e3) => {
       U.value = e3.data, E.value.pageSize = e3.size, E.value.total = e3.total;
     });
   }
@@ -55,11 +55,13 @@ const N = { class: "dialog-footer" }, T = p({ name: "DatatableSelect", inheritAt
     });
   });
   return (p3, m2) => {
-    const c2 = e, S2 = l, k2 = t, T3 = a, _2 = o, P2 = s, B2 = n, q = u, G = r, H = i;
-    return d(), v(H, { "destroy-on-close": "", modelValue: x.value, "onUpdate:modelValue": m2[6] || (m2[6] = (e2) => x.value = e2), title: "选择数据表", width: "60%", "before-close": X }, { footer: g(() => [h("div", N, [f(T3, { size: "small", onClick: m2[5] || (m2[5] = (e2) => x.value = false) }, { default: g(() => [y("返回")]), _: 1 }), f(T3, { size: "small", type: "primary", onClick: R }, { default: g(() => [y(" 确定 ")]), _: 1 })])]), default: g(() => [f(G, { style: { height: "400px" } }, { default: g(() => [f(_2, { style: { padding: "0", height: "50px" } }, { default: g(() => [f(S2, { modelValue: $.value, "onUpdate:modelValue": m2[0] || (m2[0] = (e2) => $.value = e2), onChange: D, "value-key": "code", size: "small", style: { width: "240px" } }, { default: g(() => [(d(true), b(z, null, C(A.value, (e2) => (d(), v(c2, { key: e2.code, label: e2.name, value: e2.code }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), f(k2, { size: "small", modelValue: I.value.searchCode, "onUpdate:modelValue": m2[1] || (m2[1] = (e2) => I.value.searchCode = e2), placeholder: "编码", style: { width: "100px" } }, null, 8, ["modelValue"]), f(k2, { size: "small", modelValue: I.value.searchName, "onUpdate:modelValue": m2[2] || (m2[2] = (e2) => I.value.searchName = e2), placeholder: "名称", style: { width: "100px" } }, null, 8, ["modelValue"]), f(T3, { size: "small", icon: w(V), onClick: j }, { default: g(() => [y("查询")]), _: 1 }, 8, ["icon"])]), _: 1 }), f(B2, { ref_key: "tableRef", ref: M, "current-row-key": "code", "row-key": "code", onRowClick: O, data: U.value, "highlight-current-row": "", style: { width: "100%" } }, { default: g(() => [f(P2, { type: "index", width: "50" }), f(P2, { prop: "name", label: "编码" }), f(P2, { prop: "alias", label: "名称" }), f(P2, { prop: "modifierName", label: "修改人" }), f(P2, { prop: "modifiedTime", formatter: (e2) => ((e3) => {
+    const c2 = e, S2 = l, k2 = a, T3 = t, _2 = o, P2 = s, B2 = n, q = u, G = r, H = i;
+    return d(), v(H, { "destroy-on-close": "", modelValue: x.value, "onUpdate:modelValue": m2[7] || (m2[7] = (e2) => x.value = e2), title: "选择数据表", width: "60%", "before-close": X }, { footer: g(() => [h("div", N, [f(T3, { size: "small", onClick: m2[6] || (m2[6] = (e2) => x.value = false) }, { default: g(() => [y("返回")]), _: 1 }), f(T3, { size: "small", type: "primary", onClick: R }, { default: g(() => [y(" 确定 ")]), _: 1 })])]), default: g(() => [f(G, { style: { height: "400px" } }, { default: g(() => [f(_2, { style: { padding: "0", height: "50px" } }, { default: g(() => [f(S2, { modelValue: $.value, "onUpdate:modelValue": m2[0] || (m2[0] = (e2) => $.value = e2), onChange: D, "value-key": "code", size: "small", style: { width: "240px" } }, { default: g(() => [(d(true), b(z, null, C(A.value, (e2) => (d(), v(c2, { key: e2.code, label: e2.name, value: e2.code }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), f(k2, { size: "small", clearable: "", modelValue: I.value.searchCode, "onUpdate:modelValue": m2[1] || (m2[1] = (e2) => I.value.searchCode = e2), placeholder: "编码", style: { width: "100px" } }, null, 8, ["modelValue"]), f(k2, { size: "small", clearable: "", modelValue: I.value.searchName, "onUpdate:modelValue": m2[2] || (m2[2] = (e2) => I.value.searchName = e2), placeholder: "名称", style: { width: "100px" } }, null, 8, ["modelValue"]), f(T3, { size: "small", icon: w(V), onClick: m2[3] || (m2[3] = (e2) => {
+      j($.value);
+    }) }, { default: g(() => [y("查询")]), _: 1 }, 8, ["icon"])]), _: 1 }), f(B2, { ref_key: "tableRef", ref: M, "current-row-key": "code", "row-key": "code", onRowClick: O, data: U.value, "highlight-current-row": "", style: { width: "100%" } }, { default: g(() => [f(P2, { type: "index", width: "50" }), f(P2, { prop: "name", label: "编码" }), f(P2, { prop: "alias", label: "名称" }), f(P2, { prop: "modifierName", label: "修改人" }), f(P2, { prop: "modifiedTime", formatter: (e2) => ((e3) => {
       let l2 = new Date(e3);
       return `${l2.getFullYear()}-${("0" + (l2.getMonth() + 1)).slice(-2)}-${("0" + l2.getDate()).slice(-2)} ${("0" + l2.getHours()).slice(-2)}:${("0" + l2.getMinutes()).slice(-2)}:${("0" + l2.getSeconds()).slice(-2)}`;
-    })(e2.modifiedTime), label: "修改时间" }, null, 8, ["formatter"])]), _: 1 }, 8, ["data"]), f(q, { "current-page": E.value.currentPage, "onUpdate:currentPage": m2[3] || (m2[3] = (e2) => E.value.currentPage = e2), "page-size": E.value.pageSize, "onUpdate:pageSize": m2[4] || (m2[4] = (e2) => E.value.pageSize = e2), "page-sizes": [20, 30, 50, 100], small: "", background: "", layout: "total, sizes, prev, pager, next, jumper", total: E.value.total, onSizeChange: F, onCurrentChange: F }, null, 8, ["current-page", "page-size", "total"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]);
+    })(e2.modifiedTime), label: "修改时间" }, null, 8, ["formatter"])]), _: 1 }, 8, ["data"]), f(q, { "current-page": E.value.currentPage, "onUpdate:currentPage": m2[4] || (m2[4] = (e2) => E.value.currentPage = e2), "page-size": E.value.pageSize, "onUpdate:pageSize": m2[5] || (m2[5] = (e2) => E.value.pageSize = e2), "page-sizes": [20, 30, 50, 100], small: "", background: "", layout: "total, sizes, prev, pager, next, jumper", total: E.value.total, onSizeChange: F, onCurrentChange: F }, null, 8, ["current-page", "page-size", "total"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]);
   };
 } });
 export {

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

@@ -1,7 +1,7 @@
 import e from "./service-node-config.vue2.js";
 import "./service-node-config.vue3.js";
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const r = o(e, [["__scopeId", "data-v-d5185214"]]);
+const r = o(e, [["__scopeId", "data-v-016f2775"]]);
 export {
   r as default
 };

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

@@ -1,8 +1,8 @@
 import { ElDrawer as e } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/drawer/style/css";
-import { defineComponent as t, ref as o, openBlock as a, createBlock as l, unref as n, withCtx as r, createElementVNode as d, normalizeClass as i, toDisplayString as c, resolveDynamicComponent as s } from "vue";
-import { getServiceNodeByType as u, getConfigByType as p } from "../service-components/index.js";
+import { defineComponent as t, ref as o, openBlock as a, createBlock as l, unref as n, withCtx as r, createElementVNode as d, normalizeClass as i, toDisplayString as u, resolveDynamicComponent as c } from "vue";
+import { getServiceNodeByType as s, getConfigByType as p } from "../service-components/index.js";
 const v = ["id"], w = t({ __name: "service-node-config", props: { service: { type: Object, default: () => ({}) }, currentNode: { type: Object, default: () => ({}) }, logicFlowInstance: { type: Object, default: () => ({}) }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onConfigChange", "update:currentNode"], setup(t2, { expose: w2, emit: f }) {
   const g = t2, h = o({}), m = o(false), y = o({}), C = o(), N = o({ withHeader: true, drawerWidth: "" }), I = f;
   let W = { configComponent: null, drawerWidth: "50%" };
@@ -10,22 +10,25 @@ const v = ["id"], w = t({ __name: "service-node-config", props: { service: { typ
     m.value = false, I("update:currentNode", null);
   }
   function b() {
-    C.value && C.value.hasOwnProperty("onClose") && "function" == typeof C.value.onClose && C.value.onClose(), ["start", "end"].includes(g.currentNode.type) || (C.value.hasOwnProperty("getData") && "function" == typeof C.value.getData ? g.logicFlowInstance && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id) && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(C.value.getData()) : g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(h.value));
+    x(), I("update:currentNode", null);
   }
-  function x(e2) {
+  function x() {
+    C.value && C.value.hasOwnProperty("onClose") && "function" == typeof C.value.onClose && C.value.onClose(), g.currentNode && (["start", "end"].includes(g.currentNode.type) || (C.value && C.value.hasOwnProperty("getData") && "function" == typeof C.value.getData ? g.logicFlowInstance && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id) && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(C.value.getData()) : g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(h.value)));
+  }
+  function O(e2) {
     e2 ? (false === e2.withHeader ? N.value.withHeader = false : N.value.withHeader = true, e2.drawerWidth ? N.value.drawerWidth = e2.drawerWidth : N.value.drawerWidth = "100%") : N.value.drawerWidth = "100%";
   }
   return w2({ onBlankClick: function() {
-    m.value && (b(), F());
+    m.value && (x(), F());
   }, onNodeClick: function(e2) {
-    ["start", "end"].includes(e2.data.type) ? (b(), F()) : (1 == m.value ? (b(), y.value = u(e2.data.type)) : (m.value = true, y.value = u(e2.data.type)), W = p(e2.data.type)), h.value = e2.data.properties;
+    ["start", "end"].includes(e2.data.type) ? (x(), F()) : (1 == m.value ? (x(), y.value = s(e2.data.type)) : (m.value = true, y.value = s(e2.data.type)), W = p(e2.data.type)), h.value = e2.data.properties;
   }, onLogicChange: function() {
     F();
   }, onDeleteNode: function() {
     F();
-  }, closeDrawer: F }), (o2, u2) => {
+  }, closeDrawer: F }), (o2, s2) => {
     const p2 = e;
-    return a(), l(p2, { modelValue: m.value, "onUpdate:modelValue": u2[0] || (u2[0] = (e2) => m.value = e2), "append-to-body": false, "close-on-press-escape": false, "destroy-on-close": "", "with-header": N.value.withHeader, "modal-class": "el-overlay", modal: true, title: y.value.label, direction: "rtl", size: N.value.drawerWidth ? N.value.drawerWidth : n(W).drawerWidth ? n(W).drawerWidth : "50%" }, { header: r(({ close: e2, titleId: t3, titleClass: o3 }) => [d("h4", { id: t3, class: i(o3) }, c(y.value.label), 11, v)]), default: r(() => [(a(), l(s(n(W).configComponent), { ref_key: "configComponentRef", ref: C, logicFlowInstance: t2.logicFlowInstance, currentNode: t2.currentNode, properties: h.value, service: t2.service, pageContext: t2.pageContext, onFullScreen: x }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service", "pageContext"]))]), _: 1 }, 8, ["modelValue", "with-header", "title", "size"]);
+    return a(), l(p2, { modelValue: m.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => m.value = e2), "append-to-body": false, "close-on-press-escape": false, "destroy-on-close": "", "with-header": N.value.withHeader, "modal-class": "el-overlay", modal: true, title: y.value.label, direction: "rtl", size: N.value.drawerWidth ? N.value.drawerWidth : n(W).drawerWidth ? n(W).drawerWidth : "50%", onClose: b }, { header: r(({ close: e2, titleId: t3, titleClass: o3 }) => [d("h4", { id: t3, class: i(o3) }, u(y.value.label), 11, v)]), default: r(() => [(a(), l(c(n(W).configComponent), { ref_key: "configComponentRef", ref: C, logicFlowInstance: t2.logicFlowInstance, currentNode: t2.currentNode, properties: h.value, service: t2.service, pageContext: t2.pageContext, onFullScreen: O }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service", "pageContext"]))]), _: 1 }, 8, ["modelValue", "with-header", "title", "size"]);
   };
 } });
 export {

package/dist/es/style.css

@@ -1,27 +1,3 @@
-.serviceflow-container-left[data-v-7117ba9e] {
-  width: 260px;
-  padding-right: 20px;
-  overflow-y: auto;
-}
-.serviceflow-container-main[data-v-7117ba9e] {
-  padding: 0 10px 0 0;
-}
-.serviceflow-container-main[data-v-7117ba9e]::-webkit-scrollbar {
-  width: 1px;
-}
-.serviceflow-container-attr[data-v-7117ba9e] {
-  width: 300px;
-  padding-left: 20px;
-}
-/**
-解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
- */
-[data-v-7117ba9e]:v-deep(.el-drawer__header) {
-  margin-bottom: 0 !important;
-}
-[data-v-7117ba9e] .el-overlay {
-  position: static;
-}
 
 .amb-design-assembly-content[data-v-59e0837d] {
   background: #ffffff;
@@ -63,6 +39,30 @@
 .amb-design-assembly-list[data-v-59e0837d] {
   padding-top: 80px;
 }
+.serviceflow-container-left[data-v-7117ba9e] {
+  width: 260px;
+  padding-right: 20px;
+  overflow-y: auto;
+}
+.serviceflow-container-main[data-v-7117ba9e] {
+  padding: 0 10px 0 0;
+}
+.serviceflow-container-main[data-v-7117ba9e]::-webkit-scrollbar {
+  width: 1px;
+}
+.serviceflow-container-attr[data-v-7117ba9e] {
+  width: 300px;
+  padding-left: 20px;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-7117ba9e]:v-deep(.el-drawer__header) {
+  margin-bottom: 0 !important;
+}
+[data-v-7117ba9e] .el-overlay {
+  position: static;
+}
 .serviceflow-design-content[data-v-04746c34] {
   overflow: auto;
   display: block;
@@ -167,10 +167,6 @@
   border-color: transparent transparent var(--el-skeleton-color) transparent;
 }
 
-.el-alert + .el-form-item[data-v-a158f309] {
-  margin-top: 10px;
-}
-
 .editorTool[data-v-d55ab098] {
   margin-left: auto;
 }
@@ -184,84 +180,8 @@
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
-[data-v-f9e164ec] .el-radio {
-  margin: 0;
-}
-.el-radio + .el-radio[data-v-f9e164ec] {
-  margin-left: 10px;
-}
-.serviceflow-attr-base-content[data-v-8bad091d] {
-  background: #ffffff;
-  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
-  height: 100%;
-  padding-left: 10px;
-  padding-right: 10px;
-  overflow: auto;
-}
-.serviceflow-attr-item[data-v-8bad091d] {
-  margin-bottom: 8px;
-}
-.serviceflow-attr-group-header > button[data-v-8bad091d] {
-  background: #f5f6f8;
-  padding-left: 10px;
-  font-size: 14px;
-  height: 42px;
-}
-.serviceflow-attr-content[data-v-8bad091d] {
-  background: #ffffff;
-  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
-  height: 100%;
-  padding-left: 10px;
-  padding-right: 10px;
-  overflow: auto;
-  position: relative;
-}
-.serviceflow-attr-header-search[data-v-8bad091d] {
-  margin-top: 16px;
-}
-.serviceflow-attr-header-select[data-v-8bad091d] {
-  width: 90px;
-  height: 36px;
-}
-.serviceflow-page-param-row[data-v-8bad091d] {
-  height: 34px;
-}
-.el-table__cell > .cell[data-v-8bad091d] {
-  white-space: nowrap !important;
-}
-.serviceflow-item[data-v-8bad091d] {
-  background: rgba(88, 147, 239, 0.06);
-  border: 1px dashed rgba(88, 147, 239, 0.06);
-  border-radius: 4px 4px 4px 4px;
-  text-align: center;
-  margin-top: 12px;
-  padding: 10px 5px 10px 5px;
-  font-size: 12px;
-  cursor: move;
-  height: 60px;
-  overflow: hidden;
-  box-sizing: border-box;
-  color: #333333;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  -webkit-user-select: none; /* Safari */
-  -moz-user-select: none; /* Firefox */
-  -ms-user-select: none; /* Internet Explorer/Edge */
-  user-select: none; /* 标准语法 */
-}
-.serviceflow-item[data-v-8bad091d]:hover {
-  background: rgba(11, 45, 101, 0.105);
-  border: 1px dashed rgba(11, 45, 101, 0.227);
-}
-.amb-assembly-item-drag[data-v-8bad091d] {
-  opacity: 1 !important;
-}
-
-.el-alert + .el-form-item[data-v-32875028] {
+.el-alert + .el-form-item[data-v-a158f309] {
   margin-top: 10px;
-}
-.el-alert + .el-table[data-v-32875028] {
-  margin: 10px 0;
 }
 .serviceflow-control-item[data-v-a2bd7452] {
   top: -5px;
@@ -395,6 +315,33 @@
   margin-left: 50px;
 }
 
+.el-alert + .el-table[data-v-028fb838] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-028fb838] {
+  margin: 10px 0;
+}
+
+.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-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;
 }
@@ -405,21 +352,16 @@
   margin-top: 10px;
 }
 
-[data-v-dac15197] .el-radio {
+[data-v-f9e164ec] .el-radio {
   margin: 0;
 }
-.el-radio + .el-radio[data-v-dac15197] {
+.el-radio + .el-radio[data-v-f9e164ec] {
   margin-left: 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-dialog__wrapper[data-v-7d8d63a2] {
+  overflow: hidden !important;
+  padding-right: 0 !important;
 }
 
 [data-v-da8fc67a] .el-table__row {
@@ -458,55 +400,134 @@
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
+[data-v-dac15197] .el-radio {
+  margin: 0;
+}
+.el-radio + .el-radio[data-v-dac15197] {
+  margin-left: 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-drawer__header {
   margin-bottom: 0 !important;
 }
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-d5185214] .el-overlay {
+[data-v-016f2775] .el-overlay {
   position: static;
 }
 
-.editorTool[data-v-684c1f08] {
-  margin-left: auto;
-}
-.editorOption[data-v-684c1f08] {
-  margin-right: 10px;
-  cursor: pointer;
+.el-tabs + .el-alert[data-v-08737620] {
+  margin-top: 10px;
 }
-.pppp[data-v-684c1f08] {
-  display: flex; /* 使用Flex布局 */
-  justify-content: flex-start;
-  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+.el-alert + .el-form-item[data-v-08737620] {
+  margin-top: 10px;
 }
 
-.el-alert + .el-table[data-v-028fb838] {
+.el-alert + .el-table[data-v-82e0dfef] {
   margin-top: 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-82e0dfef] {
+  margin-top: 10px;
+}
+.serviceflow-attr-base-content[data-v-8bad091d] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+}
+.serviceflow-attr-item[data-v-8bad091d] {
+  margin-bottom: 8px;
+}
+.serviceflow-attr-group-header > button[data-v-8bad091d] {
+  background: #f5f6f8;
+  padding-left: 10px;
+  font-size: 14px;
+  height: 42px;
+}
+.serviceflow-attr-content[data-v-8bad091d] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+  position: relative;
+}
+.serviceflow-attr-header-search[data-v-8bad091d] {
+  margin-top: 16px;
+}
+.serviceflow-attr-header-select[data-v-8bad091d] {
+  width: 90px;
+  height: 36px;
+}
+.serviceflow-page-param-row[data-v-8bad091d] {
+  height: 34px;
+}
+.el-table__cell > .cell[data-v-8bad091d] {
+  white-space: nowrap !important;
+}
+.serviceflow-item[data-v-8bad091d] {
+  background: rgba(88, 147, 239, 0.06);
+  border: 1px dashed rgba(88, 147, 239, 0.06);
+  border-radius: 4px 4px 4px 4px;
+  text-align: center;
+  margin-top: 12px;
+  padding: 10px 5px 10px 5px;
+  font-size: 12px;
+  cursor: move;
+  height: 60px;
+  overflow: hidden;
+  box-sizing: border-box;
+  color: #333333;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none; /* Safari */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none; /* 标准语法 */
+}
+.serviceflow-item[data-v-8bad091d]:hover {
+  background: rgba(11, 45, 101, 0.105);
+  border: 1px dashed rgba(11, 45, 101, 0.227);
 }
-.el-alert + .el-form-item[data-v-08737620] {
-  margin-top: 10px;
-}
-
-.el-dialog__wrapper[data-v-7d8d63a2] {
-  overflow: hidden !important;
-  padding-right: 0 !important;
+.amb-assembly-item-drag[data-v-8bad091d] {
+  opacity: 1 !important;
 }
 
-.el-alert + .el-table[data-v-82e0dfef] {
-  margin-top: 10px;
+.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;
 }
-.el-alert + .el-form-item[data-v-82e0dfef] {
-  margin-top: 10px;
+.content[data-v-669b618f] {
+  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-42ce3f17] {
+.serviceflow-nodeView[data-v-91a913ff] {
   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-42ce3f17] {
+.serviceflow-nodeTitle[data-v-91a913ff] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -531,7 +552,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-42ce3f17] {
+.serviceflow-nodeContent[data-v-91a913ff] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -547,19 +568,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-42ce3f17] {
+.serviceflow-nodeContent-desc[data-v-91a913ff] {
 }
-.el-divider--horizontal[data-v-42ce3f17] {
+.el-divider--horizontal[data-v-91a913ff] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-42ce3f17] {
+.serviceflow-nodeView[data-v-91a913ff] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-42ce3f17] {
+.serviceflow-nodeTitle[data-v-91a913ff] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-1519c141] {
+.serviceflow-nodeView[data-v-9770119b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -568,7 +589,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-1519c141] {
+.serviceflow-nodeTitle[data-v-9770119b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -584,7 +605,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-1519c141] {
+.serviceflow-nodeContent[data-v-9770119b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -600,19 +621,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-1519c141] {
+.serviceflow-nodeContent-desc[data-v-9770119b] {
 }
-.el-divider--horizontal[data-v-1519c141] {
+.el-divider--horizontal[data-v-9770119b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-1519c141] {
+.serviceflow-nodeView[data-v-9770119b] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-1519c141] {
+.serviceflow-nodeTitle[data-v-9770119b] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-b04d3f8b] {
+.serviceflow-nodeView[data-v-418f1558] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -621,7 +642,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-b04d3f8b] {
+.serviceflow-nodeTitle[data-v-418f1558] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -637,7 +658,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-b04d3f8b] {
+.serviceflow-nodeContent[data-v-418f1558] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -653,17 +674,18 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-b04d3f8b] {
+.serviceflow-nodeContent-desc[data-v-418f1558] {
 }
-.el-divider--horizontal[data-v-b04d3f8b] {
+.el-divider--horizontal[data-v-418f1558] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-b04d3f8b] {
+.serviceflow-nodeView[data-v-418f1558] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.serviceflow-nodeTitle[data-v-b04d3f8b] {
-  width: 80px;
+.serviceflow-nodeContent[data-v-418f1558] {
 }
 .serviceflow-nodeView[data-v-4d28d77b] {
   box-sizing: border-box;
@@ -718,7 +740,7 @@
 .serviceflow-nodeTitle[data-v-4d28d77b] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-23f1c97b] {
+.serviceflow-nodeView[data-v-1519c141] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -727,7 +749,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-23f1c97b] {
+.serviceflow-nodeTitle[data-v-1519c141] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -743,7 +765,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-23f1c97b] {
+.serviceflow-nodeContent[data-v-1519c141] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -759,40 +781,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-23f1c97b] {
+.serviceflow-nodeContent-desc[data-v-1519c141] {
 }
-.el-divider--horizontal[data-v-23f1c97b] {
+.el-divider--horizontal[data-v-1519c141] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-23f1c97b] {
+.serviceflow-nodeView[data-v-1519c141] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-23f1c97b] {
+.serviceflow-nodeTitle[data-v-1519c141] {
   width: 80px;
 }
-
-.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-91a913ff] {
+.serviceflow-nodeView[data-v-23f1c97b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -801,7 +802,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-91a913ff] {
+.serviceflow-nodeTitle[data-v-23f1c97b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -817,7 +818,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-91a913ff] {
+.serviceflow-nodeContent[data-v-23f1c97b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -833,19 +834,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-91a913ff] {
+.serviceflow-nodeContent-desc[data-v-23f1c97b] {
 }
-.el-divider--horizontal[data-v-91a913ff] {
+.el-divider--horizontal[data-v-23f1c97b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-91a913ff] {
+.serviceflow-nodeView[data-v-23f1c97b] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-91a913ff] {
+.serviceflow-nodeTitle[data-v-23f1c97b] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-418f1558] {
+.serviceflow-nodeView[data-v-3c23a172] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -854,7 +855,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-418f1558] {
+.serviceflow-nodeTitle[data-v-3c23a172] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -870,7 +871,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-418f1558] {
+.serviceflow-nodeContent[data-v-3c23a172] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -886,18 +887,18 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-418f1558] {
+.serviceflow-nodeContent-desc[data-v-3c23a172] {
 }
-.el-divider--horizontal[data-v-418f1558] {
+.el-divider--horizontal[data-v-3c23a172] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-418f1558] {
+.serviceflow-nodeView[data-v-3c23a172] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
   width: 180px;
   min-height: 95px;
 }
-.serviceflow-nodeContent[data-v-418f1558] {
+.serviceflow-nodeContent[data-v-3c23a172] {
 }
 .serviceflow-nodeView[data-v-1ce8de44] {
   box-sizing: border-box;
@@ -953,7 +954,7 @@
 }
 .serviceflow-nodeContent[data-v-1ce8de44] {
 }
-.serviceflow-nodeView[data-v-3c23a172] {
+.serviceflow-nodeView[data-v-08d9d211] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -962,7 +963,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-3c23a172] {
+.serviceflow-nodeTitle[data-v-08d9d211] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -978,7 +979,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-3c23a172] {
+.serviceflow-nodeContent[data-v-08d9d211] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -994,28 +995,27 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-3c23a172] {
+.serviceflow-nodeContent-desc[data-v-08d9d211] {
 }
-.el-divider--horizontal[data-v-3c23a172] {
+.el-divider--horizontal[data-v-08d9d211] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-3c23a172] {
+.serviceflow-nodeView[data-v-08d9d211] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
+  background: #eef3fe;
 }
-.serviceflow-nodeContent[data-v-3c23a172] {
+.serviceflow-nodeTitle[data-v-08d9d211] {
+  width: 80px;
 }
 
-.node-content[data-v-669b618f] {
-  width: 120px;
-  height: 44px;
+.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-669b618f] {
+.content[data-v-8bd72b80] {
   width: 28px;
   height: 15px;
   font-weight: 400;
@@ -1025,8 +1025,7 @@
   text-align: left;
   font-style: normal;
   text-transform: none;
-  padding: 5px 0px 4px 10px;
-	box-sizing: content-box;
+  padding: 5px 0px 4px 10px;
 }
 .serviceflow-nodeView[data-v-96d149c1] {
   box-sizing: border-box;
@@ -1081,7 +1080,7 @@
 .serviceflow-nodeTitle[data-v-96d149c1] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-6b34f36c] {
+.serviceflow-nodeView[data-v-b04d3f8b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1090,7 +1089,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-6b34f36c] {
+.serviceflow-nodeTitle[data-v-b04d3f8b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1106,7 +1105,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-6b34f36c] {
+.serviceflow-nodeContent[data-v-b04d3f8b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1122,27 +1121,27 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-6b34f36c] {
+.serviceflow-nodeContent-desc[data-v-b04d3f8b] {
 }
-.el-divider--horizontal[data-v-6b34f36c] {
+.el-divider--horizontal[data-v-b04d3f8b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-6b34f36c] {
+.serviceflow-nodeView[data-v-b04d3f8b] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-6b34f36c] {
+.serviceflow-nodeTitle[data-v-b04d3f8b] {
   width: 80px;
 }
 
-.aaa[data-v-8bd72b80] {
-  width: 300px;
-  height: 200px;
+.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-8bd72b80] {
+.content[data-v-117d4091] {
   width: 28px;
   height: 15px;
   font-weight: 400;
@@ -1152,9 +1151,10 @@
   text-align: left;
   font-style: normal;
   text-transform: none;
-  padding: 5px 0px 4px 10px;
+  padding: 5px 0px 4px 10px;
+  box-sizing: content-box;
 }
-.serviceflow-nodeView[data-v-08d9d211] {
+.serviceflow-nodeView[data-v-6b34f36c] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1163,7 +1163,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-08d9d211] {
+.serviceflow-nodeTitle[data-v-6b34f36c] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1179,7 +1179,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-08d9d211] {
+.serviceflow-nodeContent[data-v-6b34f36c] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1195,19 +1195,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-08d9d211] {
+.serviceflow-nodeContent-desc[data-v-6b34f36c] {
 }
-.el-divider--horizontal[data-v-08d9d211] {
+.el-divider--horizontal[data-v-6b34f36c] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-08d9d211] {
+.serviceflow-nodeView[data-v-6b34f36c] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-08d9d211] {
+.serviceflow-nodeTitle[data-v-6b34f36c] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-9770119b] {
+.serviceflow-nodeView[data-v-42ce3f17] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1216,7 +1216,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-9770119b] {
+.serviceflow-nodeTitle[data-v-42ce3f17] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1232,7 +1232,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-9770119b] {
+.serviceflow-nodeContent[data-v-42ce3f17] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1248,43 +1248,43 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-9770119b] {
+.serviceflow-nodeContent-desc[data-v-42ce3f17] {
 }
-.el-divider--horizontal[data-v-9770119b] {
+.el-divider--horizontal[data-v-42ce3f17] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-9770119b] {
+.serviceflow-nodeView[data-v-42ce3f17] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-9770119b] {
+.serviceflow-nodeTitle[data-v-42ce3f17] {
   width: 80px;
 }
 
-.el-select + .el-input[data-v-b53b2895] {
+.el-select + .el-input[data-v-7fcf8a84] {
   margin-left: 10px;
 }
-.el-input + .el-input[data-v-b53b2895] {
+.el-input + .el-input[data-v-7fcf8a84] {
   margin-left: 10px;
 }
-.el-input + .el-button[data-v-b53b2895] {
+.el-input + .el-button[data-v-7fcf8a84] {
   margin-left: 10px;
 }
 
-.el-radio[data-v-1bbd6187] {
-  margin-right: 10px;
-}
-
-.el-select + .el-input[data-v-7fcf8a84] {
+.el-select + .el-input[data-v-d588a716] {
   margin-left: 10px;
 }
-.el-input + .el-input[data-v-7fcf8a84] {
+.el-input + .el-input[data-v-d588a716] {
   margin-left: 10px;
 }
-.el-input + .el-button[data-v-7fcf8a84] {
+.el-input + .el-button[data-v-d588a716] {
   margin-left: 10px;
 }
 
+.el-radio[data-v-1bbd6187] {
+  margin-right: 10px;
+}
+
 .el-radio[data-v-1ee0eb33] {
   margin-right: 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.96",
+  "version": "2.2.4",
   "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.1.2",
+    "agilebuilder-ui": "1.1.4",
     "codemirror": "^6.0.1",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",