service-flow-designer 2.1.36 → 2.1.43

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

@@ -111,6 +111,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    function columnNameChange(row) {
+      if (!row.alias) {
+        row.alias = row.name;
+      }
+    }
     const getNewItem = () => {
       return {
         code: v4(),
@@ -162,8 +167,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 modelValue: scope.row.name,
                 "onUpdate:modelValue": ($event) => scope.row.name = $event,
                 placeholder: "",
-                style: { "margin-right": "10px" }
-              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"]))
+                style: { "margin-right": "10px" },
+                onChange: ($event) => columnNameChange(scope.row)
+              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "onChange"]))
             ]),
             _: 1
           }),

package/dist/es/style.css

@@ -184,6 +184,76 @@
   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-drawer__header {
+  margin-bottom: 0 !important;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-d5185214] .el-overlay {
+  position: static;
+}
+
+.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;
+}
+
+[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-alert + .el-table[data-v-028fb838] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-028fb838] {
+  margin: 10px 0;
+}
+
 [data-v-6fdf85a5] .el-radio {
   margin: 0;
 }
@@ -191,6 +261,23 @@
   margin-left: 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-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;
+}
+
 .editorTool[data-v-684c1f08] {
   margin-left: auto;
 }
@@ -203,21 +290,6 @@
   justify-content: flex-start;
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
-
-.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-7a4cbbaf] {
-  overflow: hidden !important;
-  padding-right: 0 !important;
-}
 .serviceflow-attr-base-content[data-v-8bad091d] {
   background: #ffffff;
   box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -285,71 +357,23 @@
   opacity: 1 !important;
 }
 
-.el-alert + .el-table[data-v-028fb838] {
+.el-alert + .el-form-item[data-v-32875028] {
   margin-top: 10px;
 }
-.el-table + .el-alert[data-v-028fb838] {
+.el-alert + .el-table[data-v-32875028] {
   margin: 10px 0;
 }
 
-.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-alert + .el-table[data-v-e27c4c1e] {
-  margin-top: 10px;
-}
-.el-table + .el-alert[data-v-e27c4c1e] {
-  margin: 10px 0;
+[data-v-dac15197] .el-radio {
+  margin: 0;
 }
-.el-alert + .el-form-item[data-v-e27c4c1e] {
-  margin-top: 10px;
+.el-radio + .el-radio[data-v-dac15197] {
+  margin-left: 10px;
 }
 
-.el-tabs + .el-alert[data-v-08737620] {
-  margin-top: 10px;
-}
-.el-alert + .el-form-item[data-v-08737620] {
-  margin-top: 10px;
+.el-dialog__wrapper[data-v-7a4cbbaf] {
+  overflow: hidden !important;
+  padding-right: 0 !important;
 }
 .serviceflow-control-item[data-v-a2bd7452] {
   top: -5px;
@@ -482,31 +506,7 @@
   outline: none;
   margin-left: 50px;
 }
-
-[data-v-dac15197] .el-radio {
-  margin: 0;
-}
-.el-radio + .el-radio[data-v-dac15197] {
-  margin-left: 10px;
-}
-
-.el-alert + .el-form-item[data-v-32875028] {
-  margin-top: 10px;
-}
-.el-alert + .el-table[data-v-32875028] {
-  margin: 10px 0;
-}
-
-.el-drawer__header {
-  margin-bottom: 0 !important;
-}
-/**
-解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
- */
-[data-v-d5185214] .el-overlay {
-  position: static;
-}
-.serviceflow-nodeView[data-v-418f1558] {
+.serviceflow-nodeView[data-v-9770119b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -515,7 +515,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-418f1558] {
+.serviceflow-nodeTitle[data-v-9770119b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -531,7 +531,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-418f1558] {
+.serviceflow-nodeContent[data-v-9770119b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -547,41 +547,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-418f1558] {
+.serviceflow-nodeContent-desc[data-v-9770119b] {
 }
-.el-divider--horizontal[data-v-418f1558] {
+.el-divider--horizontal[data-v-9770119b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-418f1558] {
+.serviceflow-nodeView[data-v-9770119b] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
-}
-.serviceflow-nodeContent[data-v-418f1558] {
-}
-
-.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-9770119b] {
+  width: 80px;
 }
-.serviceflow-nodeView[data-v-4d28d77b] {
+.serviceflow-nodeView[data-v-b04d3f8b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -590,7 +568,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-4d28d77b] {
+.serviceflow-nodeTitle[data-v-b04d3f8b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -606,7 +584,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-4d28d77b] {
+.serviceflow-nodeContent[data-v-b04d3f8b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -622,19 +600,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-4d28d77b] {
+.serviceflow-nodeContent-desc[data-v-b04d3f8b] {
 }
-.el-divider--horizontal[data-v-4d28d77b] {
+.el-divider--horizontal[data-v-b04d3f8b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-4d28d77b] {
+.serviceflow-nodeView[data-v-b04d3f8b] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-4d28d77b] {
+.serviceflow-nodeTitle[data-v-b04d3f8b] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-3c23a172] {
+.serviceflow-nodeView[data-v-91a913ff] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -643,7 +621,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-3c23a172] {
+.serviceflow-nodeTitle[data-v-91a913ff] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -659,7 +637,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-3c23a172] {
+.serviceflow-nodeContent[data-v-91a913ff] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -675,20 +653,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-3c23a172] {
+.serviceflow-nodeContent-desc[data-v-91a913ff] {
 }
-.el-divider--horizontal[data-v-3c23a172] {
+.el-divider--horizontal[data-v-91a913ff] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-3c23a172] {
+.serviceflow-nodeView[data-v-91a913ff] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
+  background: #eef3fe;
 }
-.serviceflow-nodeContent[data-v-3c23a172] {
+.serviceflow-nodeTitle[data-v-91a913ff] {
+  width: 80px;
 }
-.serviceflow-nodeView[data-v-23f1c97b] {
+.serviceflow-nodeView[data-v-1ce8de44] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -697,7 +674,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-23f1c97b] {
+.serviceflow-nodeTitle[data-v-1ce8de44] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -713,7 +690,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-23f1c97b] {
+.serviceflow-nodeContent[data-v-1ce8de44] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -729,19 +706,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-23f1c97b] {
+.serviceflow-nodeContent-desc[data-v-1ce8de44] {
 }
-.el-divider--horizontal[data-v-23f1c97b] {
+.el-divider--horizontal[data-v-1ce8de44] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-23f1c97b] {
+.serviceflow-nodeView[data-v-1ce8de44] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.serviceflow-nodeTitle[data-v-23f1c97b] {
-  width: 80px;
+.serviceflow-nodeContent[data-v-1ce8de44] {
 }
-.serviceflow-nodeView[data-v-b04d3f8b] {
+.serviceflow-nodeView[data-v-08d9d211] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -750,7 +728,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-b04d3f8b] {
+.serviceflow-nodeTitle[data-v-08d9d211] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -766,7 +744,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-b04d3f8b] {
+.serviceflow-nodeContent[data-v-08d9d211] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -782,16 +760,16 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-b04d3f8b] {
+.serviceflow-nodeContent-desc[data-v-08d9d211] {
 }
-.el-divider--horizontal[data-v-b04d3f8b] {
+.el-divider--horizontal[data-v-08d9d211] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-b04d3f8b] {
+.serviceflow-nodeView[data-v-08d9d211] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-b04d3f8b] {
+.serviceflow-nodeTitle[data-v-08d9d211] {
   width: 80px;
 }
 .serviceflow-nodeView[data-v-6b34f36c] {
@@ -848,14 +826,14 @@
   width: 80px;
 }
 
-.node-content[data-v-669b618f] {
+.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-669b618f] {
+.content[data-v-117d4091] {
   width: 28px;
   height: 15px;
   font-weight: 400;
@@ -866,9 +844,9 @@
   font-style: normal;
   text-transform: none;
   padding: 5px 0px 4px 10px;
-	box-sizing: content-box;
+  box-sizing: content-box;
 }
-.serviceflow-nodeView[data-v-91a913ff] {
+.serviceflow-nodeView[data-v-3c23a172] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -877,7 +855,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-91a913ff] {
+.serviceflow-nodeTitle[data-v-3c23a172] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -893,7 +871,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-91a913ff] {
+.serviceflow-nodeContent[data-v-3c23a172] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -909,19 +887,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-91a913ff] {
+.serviceflow-nodeContent-desc[data-v-3c23a172] {
 }
-.el-divider--horizontal[data-v-91a913ff] {
+.el-divider--horizontal[data-v-3c23a172] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-91a913ff] {
+.serviceflow-nodeView[data-v-3c23a172] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.serviceflow-nodeTitle[data-v-91a913ff] {
-  width: 80px;
+.serviceflow-nodeContent[data-v-3c23a172] {
 }
-.serviceflow-nodeView[data-v-08d9d211] {
+.serviceflow-nodeView[data-v-4d28d77b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -930,7 +909,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-08d9d211] {
+.serviceflow-nodeTitle[data-v-4d28d77b] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -946,7 +925,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-08d9d211] {
+.serviceflow-nodeContent[data-v-4d28d77b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -962,39 +941,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-08d9d211] {
+.serviceflow-nodeContent-desc[data-v-4d28d77b] {
 }
-.el-divider--horizontal[data-v-08d9d211] {
+.el-divider--horizontal[data-v-4d28d77b] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-08d9d211] {
+.serviceflow-nodeView[data-v-4d28d77b] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-08d9d211] {
+.serviceflow-nodeTitle[data-v-4d28d77b] {
   width: 80px;
 }
-
-.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-96d149c1] {
+.serviceflow-nodeView[data-v-418f1558] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1003,7 +962,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-96d149c1] {
+.serviceflow-nodeTitle[data-v-418f1558] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1019,7 +978,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-96d149c1] {
+.serviceflow-nodeContent[data-v-418f1558] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1035,19 +994,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-96d149c1] {
+.serviceflow-nodeContent-desc[data-v-418f1558] {
 }
-.el-divider--horizontal[data-v-96d149c1] {
+.el-divider--horizontal[data-v-418f1558] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-96d149c1] {
+.serviceflow-nodeView[data-v-418f1558] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.serviceflow-nodeTitle[data-v-96d149c1] {
-  width: 80px;
+.serviceflow-nodeContent[data-v-418f1558] {
 }
-.serviceflow-nodeView[data-v-1ce8de44] {
+.serviceflow-nodeView[data-v-23f1c97b] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1056,7 +1016,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;
@@ -1072,7 +1032,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-1ce8de44] {
+.serviceflow-nodeContent[data-v-23f1c97b] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1088,20 +1048,19 @@
   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;
+  background: #eef3fe;
 }
-.serviceflow-nodeContent[data-v-1ce8de44] {
+.serviceflow-nodeTitle[data-v-23f1c97b] {
+  width: 80px;
 }
-.serviceflow-nodeView[data-v-1519c141] {
+.serviceflow-nodeView[data-v-96d149c1] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1110,7 +1069,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-1519c141] {
+.serviceflow-nodeTitle[data-v-96d149c1] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1126,7 +1085,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-1519c141] {
+.serviceflow-nodeContent[data-v-96d149c1] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1142,19 +1101,40 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-1519c141] {
+.serviceflow-nodeContent-desc[data-v-96d149c1] {
 }
-.el-divider--horizontal[data-v-1519c141] {
+.el-divider--horizontal[data-v-96d149c1] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-1519c141] {
+.serviceflow-nodeView[data-v-96d149c1] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-1519c141] {
+.serviceflow-nodeTitle[data-v-96d149c1] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-42ce3f17] {
+
+.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;
+}
+.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-1519c141] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1163,7 +1143,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeTitle[data-v-42ce3f17] {
+.serviceflow-nodeTitle[data-v-1519c141] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1179,7 +1159,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent[data-v-42ce3f17] {
+.serviceflow-nodeContent[data-v-1519c141] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1195,19 +1175,39 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.serviceflow-nodeContent-desc[data-v-42ce3f17] {
+.serviceflow-nodeContent-desc[data-v-1519c141] {
 }
-.el-divider--horizontal[data-v-42ce3f17] {
+.el-divider--horizontal[data-v-1519c141] {
   margin: 12px 0;
 }
-.serviceflow-nodeView[data-v-42ce3f17] {
+.serviceflow-nodeView[data-v-1519c141] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.serviceflow-nodeTitle[data-v-42ce3f17] {
+.serviceflow-nodeTitle[data-v-1519c141] {
   width: 80px;
 }
-.serviceflow-nodeView[data-v-9770119b] {
+
+.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-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,31 +1248,28 @@
   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] {
-  margin-left: 10px;
-}
-.el-input + .el-input[data-v-b53b2895] {
-  margin-left: 10px;
-}
-.el-input + .el-button[data-v-b53b2895] {
-  margin-left: 10px;
+.el-radio[data-v-1bbd6187] {
+  margin-right: 10px;
 }
 
-.el-radio[data-v-1bbd6187] {
+.el-radio[data-v-1ee0eb33] {
   margin-right: 10px;
+}
+[data-v-1ee0eb33] .el-empty__description {
+  margin-top: 0px;
 }
 
 .el-select + .el-input[data-v-7fcf8a84] {
@@ -1285,11 +1282,14 @@
   margin-left: 10px;
 }
 
-.el-radio[data-v-1ee0eb33] {
-  margin-right: 10px;
+.el-select + .el-input[data-v-b53b2895] {
+  margin-left: 10px;
 }
-[data-v-1ee0eb33] .el-empty__description {
-  margin-top: 0px;
+.el-input + .el-input[data-v-b53b2895] {
+  margin-left: 10px;
+}
+.el-input + .el-button[data-v-b53b2895] {
+  margin-left: 10px;
 }
 
 [data-v-9cc733d7] .el-cascader-menu {
@@ -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.36",
+  "version": "2.1.43",
   "description": "AgileBuilder Service Flow Designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -61,9 +61,10 @@
     "@logicflow/layout": "1.2.0-alpha.16",
     "@uiw/codemirror-themes-all": "^4.21.25",
     "@vueuse/core": "^10.9.0",
-    "agilebuilder-ui": "1.0.71",
+    "agilebuilder-ui": "1.0.82",
     "codemirror": "^6.0.1",
     "nprogress": "^0.2.0",
+    "pinia": "^2.1.7",
     "quill": "^2.0.2",
     "quill-delta": "5.1.0",
     "uuid": "^8.2.0"