service-flow-designer 2.0.84-beta3 → 2.0.85

package/dist/es/designer/service-components/base/end-node/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const Start = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b28923f3"]]);
+const Start = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-669b618f"]]);
 export {
   Start as default
 };

package/dist/es/designer/service-components/base/end-node/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, pushScopeId, popScopeId, createElementVNode } from "vue";
 import _imports_0 from "../../../../assets/icon/end.svg.js";
-const _withScopeId = (n) => (pushScopeId("data-v-b28923f3"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-669b618f"), n = n(), popScopeId(), n);
 const _hoisted_1 = { style: { "padding": "10px" } };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "node-content" }, [
   /* @__PURE__ */ createElementVNode("div", { style: { "padding": "8px 27px", "display": "flex", "align-items": "center" } }, [

package/dist/es/designer/service-components/base/start-node/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const Start = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69a854a3"]]);
+const Start = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-117d4091"]]);
 export {
   Start as default
 };

package/dist/es/designer/service-components/base/start-node/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, pushScopeId, popScopeId, createElementVNode } from "vue";
 import _imports_0 from "../../../../assets/icon/start.png.js";
-const _withScopeId = (n) => (pushScopeId("data-v-69a854a3"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-117d4091"), n = n(), popScopeId(), n);
 const _hoisted_1 = { style: { "padding": "10px" } };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "node-content" }, [
   /* @__PURE__ */ createElementVNode("div", { style: { "padding": "8px 27px", "display": "flex", "align-items": "center" } }, [

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

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

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

@@ -4,7 +4,7 @@ import "element-plus/es/components/drawer/style/css";
 import "element-plus/es/components/timeline/style/css";
 import "element-plus/es/components/skeleton/style/css";
 import "element-plus/es/components/skeleton-item/style/css";
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, withDirectives, createVNode, normalizeStyle, vShow, withCtx, pushScopeId, popScopeId } from "vue";
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, withDirectives, createVNode, normalizeStyle, vShow, withCtx, pushScopeId, popScopeId, nextTick } from "vue";
 import serviceNodeConfig from "./service-node-config.vue.js";
 import serviceUpdateLog from "./service-update-log.vue.js";
 import serviceFlowTool from "./service-flow-tool.vue.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-ec238f50"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-d89ee0ea"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   class: "serviceflow-design-content",
   ref: "ambServiceFlowContent"
@@ -98,6 +98,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const loadFlowView = (service) => {
       lf.value = newLogicFlow(logicFlowContainer.value);
+      nextTick(() => {
+        if (logicFlowContainer.value) {
+          const rect = logicFlowContainer.value.getBoundingClientRect();
+          if (rect.y || rect.y === 0) {
+            logicFlowContainerHeight.value = window.innerHeight - rect.y - 60 - 20 + "px";
+          }
+        }
+      });
       lf.value.extension.menu.setMenuConfig({
         nodeMenu: [],
         // 覆盖默认的节点右键菜单

package/dist/es/style.css

@@ -35,14 +35,14 @@
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
-.node-content[data-v-69a854a3] {
+.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-69a854a3] {
+.content[data-v-117d4091] {
   width: 28px;
   height: 15px;
   font-weight: 400;
@@ -52,17 +52,18 @@
   text-align: left;
   font-style: normal;
   text-transform: none;
-  padding: 5px 0px 4px 10px;
+  padding: 5px 0px 4px 10px;
+  box-sizing: content-box;
 }
 
-.node-content[data-v-b28923f3] {
+.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-b28923f3] {
+.content[data-v-669b618f] {
   width: 28px;
   height: 15px;
   font-weight: 400;
@@ -72,7 +73,8 @@
   text-align: left;
   font-style: normal;
   text-transform: none;
-  padding: 5px 0px 4px 10px;
+  padding: 5px 0px 4px 10px;
+	box-sizing: content-box;
 }
 
 .aaa[data-v-8bd72b80] {
@@ -103,13 +105,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-4d28d77b] *,
-.serviceflow-nodeView[data-v-4d28d77b] *:after,
-.serviceflow-nodeView[data-v-4d28d77b] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-4d28d77b] {
   width: 90px;
   height: 15px;
@@ -136,6 +131,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -161,13 +157,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-1ce8de44] *,
-.serviceflow-nodeView[data-v-1ce8de44] *:after,
-.serviceflow-nodeView[data-v-1ce8de44] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-1ce8de44] {
   width: 90px;
   height: 15px;
@@ -194,6 +183,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -220,13 +210,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-418f1558] *,
-.serviceflow-nodeView[data-v-418f1558] *:after,
-.serviceflow-nodeView[data-v-418f1558] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-418f1558] {
   width: 90px;
   height: 15px;
@@ -253,6 +236,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -279,13 +263,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-3c23a172] *,
-.serviceflow-nodeView[data-v-3c23a172] *:after,
-.serviceflow-nodeView[data-v-3c23a172] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-3c23a172] {
   width: 90px;
   height: 15px;
@@ -312,6 +289,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -338,13 +316,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-9770119b] *,
-.serviceflow-nodeView[data-v-9770119b] *:after,
-.serviceflow-nodeView[data-v-9770119b] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-9770119b] {
   width: 90px;
   height: 15px;
@@ -371,6 +342,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -396,13 +368,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-91a913ff] *,
-.serviceflow-nodeView[data-v-91a913ff] *:after,
-.serviceflow-nodeView[data-v-91a913ff] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-91a913ff] {
   width: 90px;
   height: 15px;
@@ -429,6 +394,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -454,13 +420,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-b04d3f8b] *,
-.serviceflow-nodeView[data-v-b04d3f8b] *:after,
-.serviceflow-nodeView[data-v-b04d3f8b] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-b04d3f8b] {
   width: 90px;
   height: 15px;
@@ -487,6 +446,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -512,13 +472,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-08d9d211] *,
-.serviceflow-nodeView[data-v-08d9d211] *:after,
-.serviceflow-nodeView[data-v-08d9d211] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-08d9d211] {
   width: 90px;
   height: 15px;
@@ -545,6 +498,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -570,13 +524,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-1519c141] *,
-.serviceflow-nodeView[data-v-1519c141] *:after,
-.serviceflow-nodeView[data-v-1519c141] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-1519c141] {
   width: 90px;
   height: 15px;
@@ -603,6 +550,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -628,13 +576,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-42ce3f17] *,
-.serviceflow-nodeView[data-v-42ce3f17] *:after,
-.serviceflow-nodeView[data-v-42ce3f17] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-42ce3f17] {
   width: 90px;
   height: 15px;
@@ -661,6 +602,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -686,13 +628,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-23f1c97b] *,
-.serviceflow-nodeView[data-v-23f1c97b] *:after,
-.serviceflow-nodeView[data-v-23f1c97b] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-23f1c97b] {
   width: 90px;
   height: 15px;
@@ -719,6 +654,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -744,13 +680,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-6b34f36c] *,
-.serviceflow-nodeView[data-v-6b34f36c] *:after,
-.serviceflow-nodeView[data-v-6b34f36c] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-6b34f36c] {
   width: 90px;
   height: 15px;
@@ -777,6 +706,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -802,13 +732,6 @@
   border-radius: 2px 2px 2px 2px;
   padding: 20px 10px;
 }
-.serviceflow-nodeView[data-v-96d149c1] *,
-.serviceflow-nodeView[data-v-96d149c1] *:after,
-.serviceflow-nodeView[data-v-96d149c1] *:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
 .serviceflow-nodeTitle[data-v-96d149c1] {
   width: 90px;
   height: 15px;
@@ -835,6 +758,7 @@
   font-style: normal;
   text-transform: none;
   padding: 0px 0px;
+  box-sizing: content-box;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 隐藏超出div宽度的文本 */
   text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
@@ -1040,7 +964,8 @@
   padding-top: 10px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   border-radius: 6px 6px 6px 6px;
-  z-index: 0;
+  z-index: 0;
+  box-sizing: content-box;
 }
 .serviceflow-page-type[data-v-5c1076ee] {
   padding-top: 11px;
@@ -1124,7 +1049,7 @@
 [data-v-9cc733d7] .el-input-group__append {
   cursor: pointer;
 }
-.serviceflow-design-content[data-v-ec238f50] {
+.serviceflow-design-content[data-v-d89ee0ea] {
   overflow: auto;
   display: block;
   flex: none;
@@ -1132,10 +1057,10 @@
   width: 100%;
   height: 100%;
 }
-.serviceflow-design-content[data-v-ec238f50]::-webkit-scrollbar {
+.serviceflow-design-content[data-v-d89ee0ea]::-webkit-scrollbar {
   width: 1px;
 }
-.serviceflow-design-tool[data-v-ec238f50] {
+.serviceflow-design-tool[data-v-d89ee0ea] {
   position: -webkit-sticky; /**Safari */
   position: sticky;
   width: 100%;
@@ -1146,9 +1071,10 @@
   padding-top: 10px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   border-radius: 6px 6px 6px 6px;
-  z-index: 0;
+  z-index: 0;
+  box-sizing: content-box;
 }
-.serviceflow-page-type[data-v-ec238f50] {
+.serviceflow-page-type[data-v-d89ee0ea] {
   padding-top: 11px;
   padding-left: 6px;
   padding-right: 6px;
@@ -1156,14 +1082,14 @@
   border-radius: 4px 4px 4px 4px;
   cursor: pointer;
 }
-.serviceflow-page-type[data-v-ec238f50]:hover {
+.serviceflow-page-type[data-v-d89ee0ea]:hover {
   background: rgba(11, 45, 101, 0.105);
 }
-.serviceflow-page-type.selected[data-v-ec238f50] {
+.serviceflow-page-type.selected[data-v-d89ee0ea] {
   background: #5893ef;
   color: #ffffff;
 }
-.serviceflow-page-type > label[data-v-ec238f50] {
+.serviceflow-page-type > label[data-v-d89ee0ea] {
   font-size: 14px;
   padding-left: 6px;
   padding-right: 6px;
@@ -1172,11 +1098,11 @@
   position: relative;
   cursor: pointer;
 }
-.serviceflow-design-tool-split[data-v-ec238f50] {
+.serviceflow-design-tool-split[data-v-d89ee0ea] {
   height: 25px;
   margin-top: -12px;
 }
-.serviceflow-design-board[data-v-ec238f50] {
+.serviceflow-design-board[data-v-d89ee0ea] {
   margin: 0 auto;
   margin-top: 28px;
   overflow-y: auto;
@@ -1186,24 +1112,24 @@
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 20px;
 }
-.container[data-v-ec238f50] {
+.container[data-v-d89ee0ea] {
   height: 100%;
   width: 100%;
 }
-.amb-item-ghost[data-v-ec238f50] {
+.amb-item-ghost[data-v-d89ee0ea] {
   background-color: #5893ef;
   height: 5px;
   line-height: 5px;
   overflow: hidden;
 }
 /* 将你的自定义样式添加到这里 */
-.draggable-placeholder[data-v-ec238f50] {
+.draggable-placeholder[data-v-d89ee0ea] {
   background-color: red;
   border: 1px dashed #ddd;
   margin: 5px;
   padding: 10px;
 }
-#LF-view[data-v-ec238f50] {
+#LF-view[data-v-d89ee0ea] {
   width: calc(100% - 100px);
   height: 80%;
   outline: none;
@@ -1215,10 +1141,10 @@
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-ec238f50] .el-overlay {
+[data-v-d89ee0ea] .el-overlay {
   position: static !important;
 }
-.triangle[data-v-ec238f50] {
+.triangle[data-v-d89ee0ea] {
   display: inline-block;
   width: 0;
   height: 0;
@@ -1237,13 +1163,6 @@
 .serviceflow-container-main[data-v-1ad0c7c5]::-webkit-scrollbar {
   width: 1px;
 }
-.serviceflow-container-main[data-v-1ad0c7c5] *,
-.serviceflow-container-main[data-v-1ad0c7c5] *:after,
-.serviceflow-container-main[data-v-1ad0c7c5] *:before {
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
 .serviceflow-container-attr[data-v-1ad0c7c5] {
   width: 300px;
   padding-left: 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "service-flow-designer",
-  "version": "2.0.84-beta3",
+  "version": "2.0.85",
   "description": "AgileBuilder Service Flow Designer",
   "license": "ISC",
   "main": "dist/es/index.js",