service-flow-designer 2.0.53 → 2.0.57

package/dist/es/style.css

@@ -183,6 +183,27 @@
   margin-top: 10px;
 }
 
+.el-tabs + .el-alert[data-v-08737620] {
+  margin-top: 10px;
+}
+.el-alert + .el-form-item[data-v-08737620] {
+  margin-top: 10px;
+}
+
+.el-alert + .el-table[data-v-028fb838] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-028fb838] {
+  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-808a13e1] .el-radio {
   margin: 0;
 }
@@ -190,6 +211,16 @@
   margin-left: 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;
+}
+
 [data-v-65e38bfb] .el-radio {
   margin: 0;
 }
@@ -210,40 +241,31 @@
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
-.el-alert + .el-table[data-v-82e0dfef] {
-  margin-top: 10px;
-}
-.el-alert + .el-form-item[data-v-82e0dfef] {
-  margin-top: 10px;
-}
-
-.el-alert + .el-table[data-v-028fb838] {
+.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-e27c4c1e] {
+.el-alert + .el-table[data-v-d978e7dc] {
   margin-top: 10px;
 }
-.el-table + .el-alert[data-v-e27c4c1e] {
+.el-table + .el-alert[data-v-d978e7dc] {
   margin: 10px 0;
 }
-.el-alert + .el-form-item[data-v-e27c4c1e] {
+.el-alert + .el-form-item[data-v-d978e7dc] {
   margin-top: 10px;
 }
 
-.el-dialog__wrapper[data-v-d41cb0ad] {
-  overflow: hidden !important;
-  padding-right: 0 !important;
+.el-drawer__header {
+  margin-bottom: 0 !important;
 }
-
-.el-alert + .el-form-item[data-v-32875028] {
-  margin-top: 10px;
-}
-.el-alert + .el-table[data-v-32875028] {
-  margin: 10px 0;
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-c51cce99] .el-overlay {
+  position: static;
 }
 .control-item[data-v-fdc6ec07] {
   top: -5px;
@@ -376,135 +398,11 @@
   margin-left: 50px;
 }
 
-.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-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-c51cce99] .el-overlay {
-  position: static;
-}
-
-[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; /* 子元素在交叉轴（垂直方向）上居中对齐 */
-}
-.amb-design-attr-base-content[data-v-ce167986] {
-  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-attr-item[data-v-ce167986] {
-  margin-bottom: 8px;
-}
-.amb-design-attr-group-header > button[data-v-ce167986] {
-  background: #f5f6f8;
-  padding-left: 10px;
-  font-size: 14px;
-  height: 42px;
-}
-.amb-design-attr-content[data-v-ce167986] {
-  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;
-}
-.amb-design-attr-header-search[data-v-ce167986] {
-  margin-top: 16px;
-}
-.amb-design-attr-header-select[data-v-ce167986] {
-  width: 90px;
-  height: 36px;
-}
-.amb-design-page-param-row[data-v-ce167986] {
-  height: 34px;
-}
-.el-table__cell > .cell[data-v-ce167986] {
-  white-space: nowrap !important;
-}
-.serviceflow-item[data-v-ce167986] {
-  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-ce167986]:hover {
-  background: rgba(11, 45, 101, 0.105);
-  border: 1px dashed rgba(11, 45, 101, 0.227);
-}
-.amb-assembly-item-drag[data-v-ce167986] {
-  opacity: 1 !important;
+.el-dialog__wrapper[data-v-d41cb0ad] {
+  overflow: hidden !important;
+  padding-right: 0 !important;
 }
-.nodeView[data-v-9fff2753] {
+.nodeView[data-v-5911272d] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -513,7 +411,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-9fff2753] {
+.nodeTitle[data-v-5911272d] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -528,7 +426,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-9fff2753] {
+.nodeContent[data-v-5911272d] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -543,19 +441,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-9fff2753]{
+.nodeContent-desc[data-v-5911272d]{
 }
-.el-divider--horizontal[data-v-9fff2753] {
+.el-divider--horizontal[data-v-5911272d] {
   margin: 12px 0;
 }
-.nodeView[data-v-9fff2753] {
+.nodeView[data-v-5911272d] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-9fff2753] {
+.nodeTitle[data-v-5911272d] {
   width: 80px;
 }
-.nodeView[data-v-6d0cd280] {
+.nodeView[data-v-bd32480c] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -564,7 +462,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-6d0cd280] {
+.nodeTitle[data-v-bd32480c] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -579,7 +477,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-6d0cd280] {
+.nodeContent[data-v-bd32480c] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -594,19 +492,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-6d0cd280]{
+.nodeContent-desc[data-v-bd32480c]{
 }
-.el-divider--horizontal[data-v-6d0cd280] {
+.el-divider--horizontal[data-v-bd32480c] {
   margin: 12px 0;
 }
-.nodeView[data-v-6d0cd280] {
+.nodeView[data-v-bd32480c] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.nodeTitle[data-v-6d0cd280] {
-  width: 80px;
+.nodeContent[data-v-bd32480c] {
 }
-.nodeView[data-v-b604c489] {
+.nodeView[data-v-4c6dfa4a] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -615,7 +514,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-b604c489] {
+.nodeTitle[data-v-4c6dfa4a] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -630,7 +529,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-b604c489] {
+.nodeContent[data-v-4c6dfa4a] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -645,19 +544,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-b604c489]{
+.nodeContent-desc[data-v-4c6dfa4a]{
 }
-.el-divider--horizontal[data-v-b604c489] {
+.el-divider--horizontal[data-v-4c6dfa4a] {
   margin: 12px 0;
 }
-.nodeView[data-v-b604c489] {
+.nodeView[data-v-4c6dfa4a] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
 }
-.nodeTitle[data-v-b604c489] {
-  width: 80px;
+.nodeContent[data-v-4c6dfa4a] {
 }
-.nodeView[data-v-c176feb6] {
+.nodeView[data-v-9fff2753] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -666,7 +566,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-c176feb6] {
+.nodeTitle[data-v-9fff2753] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -681,7 +581,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-c176feb6] {
+.nodeContent[data-v-9fff2753] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -696,20 +596,39 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-c176feb6]{
+.nodeContent-desc[data-v-9fff2753]{
 }
-.el-divider--horizontal[data-v-c176feb6] {
+.el-divider--horizontal[data-v-9fff2753] {
   margin: 12px 0;
 }
-.nodeView[data-v-c176feb6] {
+.nodeView[data-v-9fff2753] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
+  background: #eef3fe;
 }
-.nodeContent[data-v-c176feb6] {
+.nodeTitle[data-v-9fff2753] {
+  width: 80px;
 }
-.nodeView[data-v-221a60f8] {
+
+.aaa[data-v-8bd72b80] {
+  width: 300px;
+  height: 200px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-8bd72b80] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}
+.nodeView[data-v-df366d04] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -718,7 +637,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-221a60f8] {
+.nodeTitle[data-v-df366d04] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -733,7 +652,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-221a60f8] {
+.nodeContent[data-v-df366d04] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -748,19 +667,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-221a60f8]{
+.nodeContent-desc[data-v-df366d04]{
 }
-.el-divider--horizontal[data-v-221a60f8] {
+.el-divider--horizontal[data-v-df366d04] {
   margin: 12px 0;
 }
-.nodeView[data-v-221a60f8] {
+.nodeView[data-v-df366d04] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-221a60f8] {
+.nodeTitle[data-v-df366d04] {
   width: 80px;
 }
-.nodeView[data-v-b1d2a966] {
+.nodeView[data-v-221a60f8] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -769,7 +688,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-b1d2a966] {
+.nodeTitle[data-v-221a60f8] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -784,7 +703,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-b1d2a966] {
+.nodeContent[data-v-221a60f8] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -799,19 +718,75 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-b1d2a966]{
+.nodeContent-desc[data-v-221a60f8]{
 }
-.el-divider--horizontal[data-v-b1d2a966] {
+.el-divider--horizontal[data-v-221a60f8] {
   margin: 12px 0;
 }
-.nodeView[data-v-b1d2a966] {
+.nodeView[data-v-221a60f8] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-b1d2a966] {
+.nodeTitle[data-v-221a60f8] {
   width: 80px;
 }
-.nodeView[data-v-faa5a940] {
+
+[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; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}
+
+.node-content[data-v-b28923f3] {
+  width: 120px;
+  height: 44px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-b28923f3] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}
+.nodeView[data-v-b1d2a966] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -820,7 +795,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-faa5a940] {
+.nodeTitle[data-v-b1d2a966] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -835,7 +810,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-faa5a940] {
+.nodeContent[data-v-b1d2a966] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -850,39 +825,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-faa5a940]{
+.nodeContent-desc[data-v-b1d2a966]{
 }
-.el-divider--horizontal[data-v-faa5a940] {
+.el-divider--horizontal[data-v-b1d2a966] {
   margin: 12px 0;
 }
-.nodeView[data-v-faa5a940] {
+.nodeView[data-v-b1d2a966] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-faa5a940] {
+.nodeTitle[data-v-b1d2a966] {
   width: 80px;
 }
-
-.node-content[data-v-69a854a3] {
-  width: 120px;
-  height: 44px;
-  background: #ffffff;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-}
-.content[data-v-69a854a3] {
-  width: 28px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 5px 0px 4px 10px;
-}
-.nodeView[data-v-df366d04] {
+.nodeView[data-v-b604c489] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -891,7 +846,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-df366d04] {
+.nodeTitle[data-v-b604c489] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -906,7 +861,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-df366d04] {
+.nodeContent[data-v-b604c489] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -921,19 +876,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-df366d04]{
+.nodeContent-desc[data-v-b604c489]{
 }
-.el-divider--horizontal[data-v-df366d04] {
+.el-divider--horizontal[data-v-b604c489] {
   margin: 12px 0;
 }
-.nodeView[data-v-df366d04] {
+.nodeView[data-v-b604c489] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-df366d04] {
+.nodeTitle[data-v-b604c489] {
   width: 80px;
 }
-.nodeView[data-v-4c6dfa4a] {
+.nodeView[data-v-c176feb6] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -942,7 +897,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-4c6dfa4a] {
+.nodeTitle[data-v-c176feb6] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -957,7 +912,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-4c6dfa4a] {
+.nodeContent[data-v-c176feb6] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -972,20 +927,20 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-4c6dfa4a]{
+.nodeContent-desc[data-v-c176feb6]{
 }
-.el-divider--horizontal[data-v-4c6dfa4a] {
+.el-divider--horizontal[data-v-c176feb6] {
   margin: 12px 0;
 }
-.nodeView[data-v-4c6dfa4a] {
+.nodeView[data-v-c176feb6] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
   width: 180px;
   min-height: 95px;
 }
-.nodeContent[data-v-4c6dfa4a] {
+.nodeContent[data-v-c176feb6] {
 }
-.nodeView[data-v-5911272d] {
+.nodeView[data-v-6d0cd280] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -994,7 +949,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-5911272d] {
+.nodeTitle[data-v-6d0cd280] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1009,7 +964,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-5911272d] {
+.nodeContent[data-v-6d0cd280] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1024,19 +979,105 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-5911272d]{
+.nodeContent-desc[data-v-6d0cd280]{
 }
-.el-divider--horizontal[data-v-5911272d] {
+.el-divider--horizontal[data-v-6d0cd280] {
   margin: 12px 0;
 }
-.nodeView[data-v-5911272d] {
+.nodeView[data-v-6d0cd280] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-5911272d] {
+.nodeTitle[data-v-6d0cd280] {
   width: 80px;
 }
-.nodeView[data-v-b01d3a50] {
+.amb-design-attr-base-content[data-v-ce167986] {
+  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-attr-item[data-v-ce167986] {
+  margin-bottom: 8px;
+}
+.amb-design-attr-group-header > button[data-v-ce167986] {
+  background: #f5f6f8;
+  padding-left: 10px;
+  font-size: 14px;
+  height: 42px;
+}
+.amb-design-attr-content[data-v-ce167986] {
+  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;
+}
+.amb-design-attr-header-search[data-v-ce167986] {
+  margin-top: 16px;
+}
+.amb-design-attr-header-select[data-v-ce167986] {
+  width: 90px;
+  height: 36px;
+}
+.amb-design-page-param-row[data-v-ce167986] {
+  height: 34px;
+}
+.el-table__cell > .cell[data-v-ce167986] {
+  white-space: nowrap !important;
+}
+.serviceflow-item[data-v-ce167986] {
+  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-ce167986]:hover {
+  background: rgba(11, 45, 101, 0.105);
+  border: 1px dashed rgba(11, 45, 101, 0.227);
+}
+.amb-assembly-item-drag[data-v-ce167986] {
+  opacity: 1 !important;
+}
+
+.node-content[data-v-69a854a3] {
+  width: 120px;
+  height: 44px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-69a854a3] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}
+.nodeView[data-v-faa5a940] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1045,7 +1086,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-b01d3a50] {
+.nodeTitle[data-v-faa5a940] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1060,7 +1101,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-b01d3a50] {
+.nodeContent[data-v-faa5a940] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1075,19 +1116,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-b01d3a50]{
+.nodeContent-desc[data-v-faa5a940]{
 }
-.el-divider--horizontal[data-v-b01d3a50] {
+.el-divider--horizontal[data-v-faa5a940] {
   margin: 12px 0;
 }
-.nodeView[data-v-b01d3a50] {
+.nodeView[data-v-faa5a940] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-b01d3a50] {
+.nodeTitle[data-v-faa5a940] {
   width: 80px;
 }
-.nodeView[data-v-bd32480c] {
+.nodeView[data-v-7702fcdb] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1096,7 +1137,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-bd32480c] {
+.nodeTitle[data-v-7702fcdb] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1111,7 +1152,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-bd32480c] {
+.nodeContent[data-v-7702fcdb] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1126,60 +1167,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-bd32480c]{
+.nodeContent-desc[data-v-7702fcdb]{
 }
-.el-divider--horizontal[data-v-bd32480c] {
+.el-divider--horizontal[data-v-7702fcdb] {
   margin: 12px 0;
 }
-.nodeView[data-v-bd32480c] {
+.nodeView[data-v-7702fcdb] {
   border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
-}
-.nodeContent[data-v-bd32480c] {
-}
-
-.node-content[data-v-b28923f3] {
-  width: 120px;
-  height: 44px;
-  background: #ffffff;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-}
-.content[data-v-b28923f3] {
-  width: 28px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 5px 0px 4px 10px;
-}
-
-.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;
+.nodeTitle[data-v-7702fcdb] {
+  width: 80px;
 }
-.nodeView[data-v-7702fcdb] {
+.nodeView[data-v-b01d3a50] {
   box-sizing: border-box;
   margin: 10px 10px;
   width: 180px;
@@ -1188,7 +1188,7 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.nodeTitle[data-v-7702fcdb] {
+.nodeTitle[data-v-b01d3a50] {
   width: 90px;
   height: 15px;
   font-weight: 400;
@@ -1203,7 +1203,7 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent[data-v-7702fcdb] {
+.nodeContent[data-v-b01d3a50] {
   /* width: 100%; */
   height: 15px;
   font-weight: 400;
@@ -1218,33 +1218,19 @@
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
 }
-.nodeContent-desc[data-v-7702fcdb]{
+.nodeContent-desc[data-v-b01d3a50]{
 }
-.el-divider--horizontal[data-v-7702fcdb] {
+.el-divider--horizontal[data-v-b01d3a50] {
   margin: 12px 0;
 }
-.nodeView[data-v-7702fcdb] {
+.nodeView[data-v-b01d3a50] {
   border: 1px solid #5a90f9;
   background: #eef3fe;
 }
-.nodeTitle[data-v-7702fcdb] {
+.nodeTitle[data-v-b01d3a50] {
   width: 80px;
 }
 
-.el-radio[data-v-1bbd6187] {
-  margin-right: 10px;
-}
-
-.el-select + .el-input[data-v-3918f594] {
-  margin-left: 10px;
-}
-.el-input + .el-input[data-v-3918f594] {
-  margin-left: 10px;
-}
-.el-input + .el-button[data-v-3918f594] {
-  margin-left: 10px;
-}
-
 .el-radio[data-v-1ee0eb33] {
   margin-right: 10px;
 }
@@ -1262,6 +1248,20 @@
   margin-left: 10px;
 }
 
+.el-select + .el-input[data-v-3918f594] {
+  margin-left: 10px;
+}
+.el-input + .el-input[data-v-3918f594] {
+  margin-left: 10px;
+}
+.el-input + .el-button[data-v-3918f594] {
+  margin-left: 10px;
+}
+
+.el-radio[data-v-1bbd6187] {
+  margin-right: 10px;
+}
+
 [data-v-9cc733d7] .el-cascader-menu {
   min-width: 120px !important;
 }
@@ -1276,13 +1276,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.0.53",
+  "version": "2.0.57",
   "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.41",
+    "agilebuilder-ui": "1.0.46",
     "codemirror": "^6.0.1",
     "nprogress": "^0.2.0",
     "quill": "^2.0.2",