service-flow-designer 2.2.56 → 2.2.60

package/dist/es/designer/desginer-index.vue.js

@@ -1,7 +1,7 @@
 import e from "./desginer-index.vue2.js";
 /* empty css                    */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const d = r(e, [["__scopeId", "data-v-373fda3d"]]);
+const i = r(e, [["__scopeId", "data-v-7117ba9e"]]);
 export {
-  d as default
+  i as default
 };

package/dist/es/designer/desginer-index.vue2.js

@@ -3,31 +3,38 @@ import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/container/style/css";
 import "element-plus/es/components/main/style/css";
 import "element-plus/es/components/aside/style/css";
-import { defineComponent as s, ref as n, createBlock as l, openBlock as a, withCtx as r, createVNode as i, normalizeStyle as c } from "vue";
-import p from "./service-panel/service-panel.vue.js";
-import u from "./service-flow-view/view-index.vue.js";
+import { defineComponent as n, ref as s, computed as l, onMounted as a, createElementBlock as r, openBlock as i, createVNode as c, withCtx as p, normalizeStyle as u } from "vue";
+import v from "./service-panel/service-panel.vue.js";
+import m from "./service-flow-view/view-index.vue.js";
 import "./service-components/index.js";
-import { useServiceFlowStore as m } from "../stores/page-store.js";
-import v from "agilebuilder-ui/src/utils/request";
-const g = s({ __name: "desginer-index", props: { pageContext: { type: Object, default: () => ({}) } }, setup(s2) {
-  const g2 = s2, d = n([]);
-  m().setPageContext(g2.pageContext);
-  const f = n(null), w = n(), y = () => {
-    v.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/tree/" + g2.pageContext.systemCode + "/" + g2.pageContext.systemVersion).then((e2) => {
-      e2 && (d.value = e2.children);
+import { useServiceFlowStore as g } from "../stores/page-store.js";
+import d from "agilebuilder-ui/src/utils/request";
+const f = n({ __name: "desginer-index", props: { pageContext: { type: Object, default: () => ({}) } }, setup(n2) {
+  const f2 = n2, w = s([]);
+  g().setPageContext(f2.pageContext);
+  const y = s(null), C = s(), x = s(), F = l(() => ({ height: x.value - 60 + "px" })), D = s();
+  a(() => {
+    if (I(), D.value) {
+      const e2 = D.value.getBoundingClientRect();
+      (e2.y || 0 === e2.y) && (x.value = window.innerHeight - e2.y);
+    }
+  });
+  const I = () => {
+    d.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/tree/" + f2.pageContext.systemCode + "/" + f2.pageContext.systemVersion).then((e2) => {
+      e2 && (w.value = e2.children);
     });
-  }, C = (e2) => {
-    w.value.onDragNode(e2);
-  }, x = (e2) => {
-    w.value.onServiceClick(e2);
-  }, F = () => {
-    w.value.clearFlowCanvas(), f.value = null;
+  }, _ = (e2) => {
+    C.value.onDragNode(e2);
+  }, b = (e2) => {
+    C.value.onServiceClick(e2);
+  }, T = () => {
+    C.value.clearFlowCanvas(), y.value = null;
   };
-  return (n2, m2) => {
-    const v2 = t, g3 = o, D = e;
-    return a(), l(D, { class: "amb-container" }, { default: r(() => [i(v2, { class: "serviceflow-container-left" }, { default: r(() => [i(p, { logicFlowInstance: f.value, "onUpdate:logicFlowInstance": m2[0] || (m2[0] = (e2) => f.value = e2), serviceTreeData: d.value, onServiceClick: x, onClearFlowCanvas: F, onLoadTreeData: y, onDragNode: C, style: c(n2.containerHeightStyle) }, null, 8, ["logicFlowInstance", "serviceTreeData", "style"])]), _: 1 }), i(g3, { class: "serviceflow-container-main", style: c(n2.containerHeightStyle) }, { default: r(() => [i(u, { logicFlowInstance: f.value, "onUpdate:logicFlowInstance": m2[1] || (m2[1] = (e2) => f.value = e2), serviceTreeData: d.value, pageContext: s2.pageContext, onLoadTreeData: y, ref_key: "serviceFlowViewRef", ref: w }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext"])]), _: 1 }, 8, ["style"])]), _: 1 });
+  return (s2, l2) => {
+    const a2 = t, g2 = o, d2 = e;
+    return i(), r("div", { ref_key: "serviceFlowContainerRef", ref: D }, [c(d2, { class: "amb-container" }, { default: p(() => [c(a2, { class: "serviceflow-container-left" }, { default: p(() => [c(v, { logicFlowInstance: y.value, "onUpdate:logicFlowInstance": l2[0] || (l2[0] = (e2) => y.value = e2), serviceTreeData: w.value, onServiceClick: b, onClearFlowCanvas: T, onLoadTreeData: I, onDragNode: _, style: u(F.value) }, null, 8, ["logicFlowInstance", "serviceTreeData", "style"])]), _: 1 }), c(g2, { class: "serviceflow-container-main", style: u(F.value) }, { default: p(() => [c(m, { logicFlowInstance: y.value, "onUpdate:logicFlowInstance": l2[1] || (l2[1] = (e2) => y.value = e2), serviceTreeData: w.value, pageContext: n2.pageContext, onLoadTreeData: I, ref_key: "serviceFlowViewRef", ref: C }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext"])]), _: 1 }, 8, ["style"])]), _: 1 })], 512);
   };
 } });
 export {
-  g as default
+  f as default
 };

package/dist/es/designer/service-panel/service-list.vue.js

@@ -1,7 +1,7 @@
 import e from "./service-list.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const t = r(e, [["__scopeId", "data-v-b5aa7226"]]);
+const t = r(e, [["__scopeId", "data-v-da8fc67a"]]);
 export {
   t as default
 };

package/dist/es/designer/service-panel/service-list.vue2.js

@@ -1,4 +1,4 @@
-import { ElRow as e, ElCol as l, ElInput as a, ElIcon as t, ElTooltip as o, ElButton as n, ElTree as s, ElDialog as u, ElFormItem as i } from "element-plus/es";
+import { ElRow as e, ElCol as l, ElInput as t, ElIcon as a, ElTooltip as n, ElButton as o, ElTree as s, ElDialog as i, ElFormItem as u } 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/form-item/style/css";
@@ -9,90 +9,79 @@ import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
 import "element-plus/es/components/input/style/css";
 import "element-plus/es/components/icon/style/css";
-import { defineComponent as d, ref as r, createElementBlock as p, openBlock as c, createVNode as m, withDirectives as v, withCtx as f, unref as y, createElementVNode as g, createTextVNode as h, createBlock as b, toDisplayString as w, createCommentVNode as C, vShow as _ } from "vue";
-import { Search as k, Plus as V, Menu as x, Promotion as E } from "@element-plus/icons-vue";
+import { defineComponent as r, ref as p, createElementBlock as c, openBlock as d, createVNode as m, withDirectives as v, withCtx as f, unref as y, createElementVNode as g, createTextVNode as h, createBlock as b, toDisplayString as w, createCommentVNode as k, vShow as C } from "vue";
+import { Search as x, Plus as _, Menu as V, Promotion as E } from "@element-plus/icons-vue";
 import { v4 as N } from "uuid";
 import U from "agilebuilder-ui/src/utils/request";
-import { findServcieByCode as O } from "../common/util/node-util.js";
-import { useServiceFlowStore as S } from "../../stores/page-store.js";
-import { ElMessage as A, ElMessageBox as T } from "element-plus";
-const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } }, z = { class: "dialog-footer" }, R = { class: "dialog-footer" }, $ = d({ __name: "service-list", props: { serviceTreeData: { type: Array, default: () => [] } }, emits: ["service-click", "clear-flow-canvas", "load-tree-data"], setup(d2, { emit: $2 }) {
-  const J = S(), M = $2, D = { id: "id", label: "name" }, L = d2, j = r(""), q = r(), F = r(), B = r(false), G = r({}), H = r(false), K = r(""), Q = r({}), W = r({}), X = r(false), Y = r({}), Z = (e2, l2, a2, t2) => {
-    G.value = l2, B.value = true;
-    const o2 = document.documentElement.scrollTop || document.body.scrollTop;
-    q.value.style.display = "block", q.value.style.left = e2.x + "px", q.value.style.top = e2.y + o2 - 60 - 10 + "px", document.addEventListener("click", ee);
+import { findServcieByCode as T } from "../common/util/node-util.js";
+import { useServiceFlowStore as O } from "../../stores/page-store.js";
+import { ElMessage as A, ElMessageBox as I } from "element-plus";
+const P = { class: "custom-tree-node" }, S = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } }, R = { class: "dialog-footer" }, $ = r({ __name: "service-list", props: { serviceTreeData: { type: Array, default: () => [] } }, emits: ["service-click", "clear-flow-canvas", "load-tree-data"], setup(r2, { emit: $2 }) {
+  const z = O(), M = $2, D = { id: "id", label: "name" }, L = r2, J = p(""), j = p(), F = p(), q = p(false), B = p({}), G = p(false), H = p(""), K = p({}), Q = p({}), W = (e2, l2, t2, a2) => {
+    B.value = l2, q.value = true;
+    const n2 = document.documentElement.scrollTop || document.body.scrollTop;
+    j.value.style.display = "block", j.value.style.left = e2.x + "px", j.value.style.top = e2.y + n2 - 60 - 10 + "px", document.addEventListener("click", X);
+  }, X = () => {
+    q.value = false, document.removeEventListener("click", X);
+  }, Y = () => {
+    H.value = "MENU", le("root");
+  }, Z = (e2) => {
+    H.value = e2, le("leaf");
   }, ee = () => {
-    B.value = false, document.removeEventListener("click", ee);
-  }, le = () => {
-    K.value = "MENU", oe("root");
-  }, ae = (e2) => {
-    K.value = e2, oe("leaf");
-  }, te = () => {
-    K.value = G.value.type, Q.value = JSON.parse(JSON.stringify(G.value)), Q.value.children && delete Q.value.children, H.value = true;
-  }, oe = (e2) => {
-    Q.value = { code: N(), name: "", customCode: "", type: K.value }, G.value.id && "leaf" === e2 && (Q.value.parentCode = G.value.code), H.value = true;
-  }, ne = r([]), se = (e2, l2, a2) => {
-    l2 ? (ne.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
-      -1 == ne.value.indexOf(e3.id) && ne.value.push(e3.id);
-    })) : (ne.value.splice(ne.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
-      let l3 = ne.value.indexOf(e3.id);
-      l3 > -1 && ne.value.splice(l3, 1);
+    H.value = B.value.type, K.value = JSON.parse(JSON.stringify(B.value)), K.value.children && delete K.value.children, G.value = true;
+  }, le = (e2) => {
+    K.value = { code: N(), name: "", customCode: "", type: H.value }, B.value.id && "leaf" === e2 && (K.value.parentCode = B.value.code), G.value = true;
+  }, te = p([]), ae = (e2, l2, t2) => {
+    l2 ? (te.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
+      -1 == te.value.indexOf(e3.id) && te.value.push(e3.id);
+    })) : (te.value.splice(te.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
+      let l3 = te.value.indexOf(e3.id);
+      l3 > -1 && te.value.splice(l3, 1);
     }));
-  }, ue = J.pageContext.systemCode, ie = J.pageContext.systemVersion, de = () => {
-    ne.value.length > 0 ? U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${ue}/${ie}`, method: "post", data: ne.value, responseType: "blob" }).then((e2) => {
-      let l2 = new Blob([e2], { type: "application/zip" }), a2 = document.createElement("a");
-      a2.href = window.URL.createObjectURL(l2), a2.download = "服务编排.zip", a2.click(), window.URL.revokeObjectURL(a2.href);
+  }, ne = z.pageContext.systemCode, oe = z.pageContext.systemVersion, se = () => {
+    te.value.length > 0 ? U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${ne}/${oe}`, method: "post", data: te.value, responseType: "blob" }).then((e2) => {
+      let l2 = new Blob([e2], { type: "application/zip" }), t2 = document.createElement("a");
+      t2.href = window.URL.createObjectURL(l2), t2.download = "服务编排.zip", t2.click(), window.URL.revokeObjectURL(t2.href);
     }) : A.warning("请选择服务或菜单");
-  }, re = r(null), pe = (e2) => {
-    re.value.click();
-  }, ce = () => {
-    const e2 = re.value.files[0];
+  }, ie = p(null), ue = (e2) => {
+    ie.value.click();
+  }, re = () => {
+    const e2 = ie.value.files[0];
     if (e2) {
-      re.value.value = null;
+      ie.value.value = null;
       const l2 = new FormData();
-      l2.append("multipartFile", e2), U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${ue}/${ie}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
+      l2.append("multipartFile", e2), U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${ne}/${oe}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
         A.success("导入成功"), M("load-tree-data");
       }).catch((e3) => {
       });
     } else A.warning("未选择文件");
-  }, me = () => {
-    Q.value.name ? "MENU" === Q.value.type || Q.value.customCode ? (Q.value.systemCode || (Q.value.systemCode = J.pageContext.systemCode), Q.value.publishVersion || (Q.value.publishVersion = J.pageContext.systemVersion), U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: Q.value }).then((e2) => {
-      e2 && (Q.value.id ? (M("load-tree-data"), Object.assign(G.value, e2)) : Q.value.parentCode ? (G.value.children || (G.value.children = []), G.value.children.push(e2)) : L.serviceTreeData.push(e2), G.value = {}, A.success("保存成功"), H.value = false, Q.value = {});
+  }, pe = () => {
+    K.value.name ? "MENU" === K.value.type || K.value.customCode ? (K.value.systemCode || (K.value.systemCode = z.pageContext.systemCode), K.value.publishVersion || (K.value.publishVersion = z.pageContext.systemVersion), U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: K.value }).then((e2) => {
+      e2 && (K.value.id ? (M("load-tree-data"), Object.assign(B.value, e2)) : K.value.parentCode ? (B.value.children || (B.value.children = []), B.value.children.push(e2)) : L.serviceTreeData.push(e2), B.value = {}, A.success("保存成功"), G.value = false, K.value = {});
     })) : A.warning("自定义编码不能为空") : A.warning("名称不能为空");
-  }, ve = () => {
-    G.value.children && G.value.children.length > 0 ? A.warning("该节点下存在子节点，不能删除！") : T.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
-      fe();
+  }, ce = () => {
+    B.value.children && B.value.children.length > 0 ? A.warning("该节点下存在子节点，不能删除！") : I.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
+      de();
     });
-  }, fe = () => {
-    U.delete(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { data: [G.value.id] }).then((e2) => {
-      if (A.success("删除成功"), M("load-tree-data"), G.value.parentCode) {
-        const e3 = O(G.value.parentCode, L.serviceTreeData), l2 = e3.children.findIndex((e4) => e4.id === G.value.id);
+  }, de = () => {
+    U.delete(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { data: [B.value.id] }).then((e2) => {
+      if (A.success("删除成功"), M("load-tree-data"), B.value.parentCode) {
+        const e3 = T(B.value.parentCode, L.serviceTreeData), l2 = e3.children.findIndex((e4) => e4.id === B.value.id);
         e3.children.splice(l2, 1);
       } else {
-        const e3 = L.serviceTreeData.findIndex((e4) => e4.id === G.value.id);
+        const e3 = L.serviceTreeData.findIndex((e4) => e4.id === B.value.id);
         L.serviceTreeData.splice(e3, 1);
       }
-      W.value.code === G.value.code && M("clear-flow-canvas"), G.value = {};
+      Q.value.code === B.value.code && M("clear-flow-canvas"), B.value = {};
     });
-  }, ye = (e2, l2, a2) => {
-    ee(), "SERVICE" === e2.type && U.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/" + e2.id).then((e3) => {
-      e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), W.value = e3, M("service-click", e3);
+  }, me = (e2, l2, t2) => {
+    X(), "SERVICE" === e2.type && U.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/" + e2.id).then((e3) => {
+      e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), Q.value = e3, M("service-click", e3);
     });
-  }, ge = () => {
-    K.value = G.value.type;
-    const e2 = JSON.parse(JSON.stringify(G.value));
-    Y.value = { sourceServiceCode: e2.code, publishVersion: e2.publishVersion, code: N() }, X.value = true;
-  }, he = () => {
-    Y.value.name ? Y.value.customCode ? U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/copy-service-flow", Y.value).then((e2) => {
-      if (e2) {
-        const l2 = F.value.getNode(G.value.id);
-        l2 && F.value.append(e2, l2.parent), G.value = {}, A.success("保存成功"), X.value = false;
-      }
-    }) : A.warning("自定义编码不能为空") : A.warning("名称不能为空");
   };
-  return (r2, N2) => {
-    const U2 = t, O2 = a, S2 = l, A2 = e, T2 = n, $3 = o, J2 = s, M2 = i, L2 = u;
-    return c(), p("div", null, [m(A2, { style: { "margin-bottom": "10px" } }, { default: f(() => [m(S2, { span: 24 }, { default: f(() => [m(O2, { modelValue: j.value, "onUpdate:modelValue": N2[0] || (N2[0] = (e2) => j.value = e2), placeholder: "搜索" }, { suffix: f(() => [m(U2, null, { default: f(() => [m(y(k))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), m(A2, null, { default: f(() => [m(S2, { span: 24 }, { default: f(() => [m($3, { effect: "dark", content: "导入", placement: "top" }, { default: f(() => [m(T2, { type: "primary", onClick: pe }, { default: f(() => [g("input", { ref_key: "processFile", ref: re, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: ce }, null, 544), N2[11] || (N2[11] = h(" 导入 "))]), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "导出", placement: "top" }, { default: f(() => [m(T2, { type: "primary", onClick: de }, { default: f(() => N2[12] || (N2[12] = [h("导出")])), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: f(() => [m(T2, { type: "primary", icon: y(V), onClick: le }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), m(J2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: F, data: d2.serviceTreeData, "node-key": "id", props: D, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: ye, onNodeContextmenu: Z, onCheckChange: se }, { default: f(({ node: e2, data: l2 }) => [g("span", I, ["MENU" === l2.type ? (c(), b(U2, { key: 0, size: 16 }, { default: f(() => [m(y(x))]), _: 1 })) : (c(), b(U2, { key: 1, size: 16 }, { default: f(() => [m(y(E))]), _: 1 })), g("span", P, w(e2.label), 1)])]), _: 1 }, 8, ["data"]), m(L2, { modelValue: H.value, "onUpdate:modelValue": N2[4] || (N2[4] = (e2) => H.value = e2), "append-to-body": true, title: "MENU" === K.value ? "菜单" : "服务", width: "500" }, { footer: f(() => [g("div", z, [m(T2, { size: "mini", onClick: N2[3] || (N2[3] = (e2) => H.value = false) }, { default: f(() => N2[13] || (N2[13] = [h("返回")])), _: 1 }), m(T2, { size: "mini", type: "primary", onClick: me }, { default: f(() => N2[14] || (N2[14] = [h(" 确定 ")])), _: 1 })])]), default: f(() => ["SERVICE" === K.value ? (c(), b(M2, { key: 0, label: "自定义编码：", required: true }, { default: f(() => [m(O2, { disabled: Q.value.id, modelValue: Q.value.customCode, "onUpdate:modelValue": N2[1] || (N2[1] = (e2) => Q.value.customCode = e2) }, null, 8, ["disabled", "modelValue"])]), _: 1 })) : C("", true), m(M2, { label: "          名称：", required: true }, { default: f(() => [m(O2, { modelValue: Q.value.name, "onUpdate:modelValue": N2[2] || (N2[2] = (e2) => Q.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue", "title"]), m(L2, { modelValue: X.value, "onUpdate:modelValue": N2[8] || (N2[8] = (e2) => X.value = e2), "append-to-body": true, title: "复制服务", width: "500" }, { footer: f(() => [g("div", R, [m(T2, { size: "mini", onClick: N2[7] || (N2[7] = (e2) => X.value = false) }, { default: f(() => N2[15] || (N2[15] = [h("返回")])), _: 1 }), m(T2, { size: "mini", type: "primary", onClick: he }, { default: f(() => N2[16] || (N2[16] = [h(" 确定 ")])), _: 1 })])]), default: f(() => [m(M2, { label: "自定义编码：", required: true }, { default: f(() => [m(O2, { modelValue: Y.value.customCode, "onUpdate:modelValue": N2[5] || (N2[5] = (e2) => Y.value.customCode = e2) }, null, 8, ["modelValue"])]), _: 1 }), m(M2, { label: "          名称：", required: true }, { default: f(() => [m(O2, { modelValue: Y.value.name, "onUpdate:modelValue": N2[6] || (N2[6] = (e2) => Y.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), v(g("div", null, [g("ul", { ref_key: "contxtMenuRef", ref: q, class: "context-menu" }, ["MENU" === G.value.type ? (c(), p("li", { key: 0, tabindex: "-1", class: "menu__item", onClick: N2[9] || (N2[9] = (e2) => ae("MENU")) }, N2[17] || (N2[17] = [g("span", null, "添加菜单", -1)]))) : C("", true), "MENU" === G.value.type ? (c(), p("li", { key: 1, tabindex: "-1", class: "menu__item", onClick: N2[10] || (N2[10] = (e2) => ae("SERVICE")) }, N2[18] || (N2[18] = [g("span", null, "添加服务", -1)]))) : C("", true), W.value.code !== G.value.code ? (c(), p("li", { key: 2, tabindex: "-1", class: "menu__item", onClick: te }, N2[19] || (N2[19] = [g("span", null, "修改", -1)]))) : C("", true), "SERVICE" === G.value.type ? (c(), p("li", { key: 3, tabindex: "-1", class: "menu__item", onClick: ge }, N2[20] || (N2[20] = [g("span", null, "复制", -1)]))) : C("", true), g("li", { tabindex: "-1", class: "menu__item", onClick: ve }, N2[21] || (N2[21] = [g("span", null, "删除", -1)]))], 512)], 512), [[_, B.value && G.value]])]);
+  return (p2, N2) => {
+    const U2 = a, T2 = t, O2 = l, A2 = e, I2 = o, $3 = n, z2 = s, M2 = u, L2 = i;
+    return d(), c("div", null, [m(A2, { style: { "margin-bottom": "10px" } }, { default: f(() => [m(O2, { span: 24 }, { default: f(() => [m(T2, { modelValue: J.value, "onUpdate:modelValue": N2[0] || (N2[0] = (e2) => J.value = e2), placeholder: "搜索" }, { suffix: f(() => [m(U2, null, { default: f(() => [m(y(x))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), m(A2, null, { default: f(() => [m(O2, { span: 24 }, { default: f(() => [m($3, { effect: "dark", content: "导入", placement: "top" }, { default: f(() => [m(I2, { type: "primary", onClick: ue }, { default: f(() => [g("input", { ref_key: "processFile", ref: ie, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: re }, null, 544), N2[7] || (N2[7] = h(" 导入 "))]), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "导出", placement: "top" }, { default: f(() => [m(I2, { type: "primary", onClick: se }, { default: f(() => N2[8] || (N2[8] = [h("导出")])), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: f(() => [m(I2, { type: "primary", icon: y(_), onClick: Y }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), m(z2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: F, data: r2.serviceTreeData, "node-key": "id", props: D, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: me, onNodeContextmenu: W, onCheckChange: ae }, { default: f(({ node: e2, data: l2 }) => [g("span", P, ["MENU" === l2.type ? (d(), b(U2, { key: 0, size: 16 }, { default: f(() => [m(y(V))]), _: 1 })) : (d(), b(U2, { key: 1, size: 16 }, { default: f(() => [m(y(E))]), _: 1 })), g("span", S, w(e2.label), 1)])]), _: 1 }, 8, ["data"]), m(L2, { modelValue: G.value, "onUpdate:modelValue": N2[4] || (N2[4] = (e2) => G.value = e2), "append-to-body": true, title: "MENU" === H.value ? "菜单" : "服务", width: "500" }, { footer: f(() => [g("div", R, [m(I2, { size: "mini", onClick: N2[3] || (N2[3] = (e2) => G.value = false) }, { default: f(() => N2[9] || (N2[9] = [h("返回")])), _: 1 }), m(I2, { size: "mini", type: "primary", onClick: pe }, { default: f(() => N2[10] || (N2[10] = [h(" 确定 ")])), _: 1 })])]), default: f(() => ["SERVICE" === H.value ? (d(), b(M2, { key: 0, label: "自定义编码：", required: true }, { default: f(() => [m(T2, { disabled: K.value.id, modelValue: K.value.customCode, "onUpdate:modelValue": N2[1] || (N2[1] = (e2) => K.value.customCode = e2) }, null, 8, ["disabled", "modelValue"])]), _: 1 })) : k("", true), m(M2, { label: "          名称：", required: true }, { default: f(() => [m(T2, { modelValue: K.value.name, "onUpdate:modelValue": N2[2] || (N2[2] = (e2) => K.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue", "title"]), v(g("div", null, [g("ul", { ref_key: "contxtMenuRef", ref: j, class: "context-menu" }, ["MENU" === B.value.type ? (d(), c("li", { key: 0, tabindex: "-1", class: "menu__item", onClick: N2[5] || (N2[5] = (e2) => Z("MENU")) }, N2[11] || (N2[11] = [g("span", null, "添加菜单", -1)]))) : k("", true), "MENU" === B.value.type ? (d(), c("li", { key: 1, tabindex: "-1", class: "menu__item", onClick: N2[6] || (N2[6] = (e2) => Z("SERVICE")) }, N2[12] || (N2[12] = [g("span", null, "添加服务", -1)]))) : k("", true), Q.value.code !== B.value.code ? (d(), c("li", { key: 2, tabindex: "-1", class: "menu__item", onClick: ee }, N2[13] || (N2[13] = [g("span", null, "修改", -1)]))) : k("", true), g("li", { tabindex: "-1", class: "menu__item", onClick: ce }, N2[14] || (N2[14] = [g("span", null, "删除", -1)]))], 512)], 512), [[C, q.value]])]);
   };
 } });
 export {

package/dist/es/style.css

@@ -1,9 +1,9 @@
 
-[data-v-b5aa7226] .el-table__row {
+[data-v-da8fc67a] .el-table__row {
   cursor: pointer;
 }
 /** 右键菜单样式 */
-.context-menu[data-v-b5aa7226] {
+.context-menu[data-v-da8fc67a] {
   position: absolute;
   background: #fff;
   z-index: 999;
@@ -14,7 +14,7 @@
   border-radius: 10px;
   font-size: 14px;
 }
-.context-menu li[data-v-b5aa7226] {
+.context-menu li[data-v-da8fc67a] {
   list-style-type: none;
   min-width: 75px;
   line-height: 28px;
@@ -23,12 +23,12 @@
   padding-left: 5px;
   cursor: pointer;
 }
-.context-menu li[data-v-b5aa7226]:hover {
+.context-menu li[data-v-da8fc67a]:hover {
   background: #0165e1;
   color: #fff;
 }
 /** 右键菜单样式 */
-.custom-tree-node[data-v-b5aa7226] {
+.custom-tree-node[data-v-da8fc67a] {
   font-size: 14px;
   padding-right: 8px;
   display: flex; /* 使用Flex布局 */
@@ -1023,11 +1023,10 @@
   width: 100%;
 }
 .amb-item-ghost[data-v-82d0912d] {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost[data-v-82d0912d] > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder[data-v-82d0912d] {
@@ -1131,11 +1130,10 @@
   width: 100%;
 }
 .amb-item-ghost[data-v-0e8afd53] {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost[data-v-0e8afd53] > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder[data-v-0e8afd53] {
@@ -1167,28 +1165,28 @@
   border-width: 0 50px 100px 50px;
   border-color: transparent transparent var(--el-skeleton-color) transparent;
 }
-.serviceflow-container-left[data-v-373fda3d] {
+.serviceflow-container-left[data-v-7117ba9e] {
   width: 260px;
   padding-right: 20px;
   overflow-y: auto;
 }
-.serviceflow-container-main[data-v-373fda3d] {
+.serviceflow-container-main[data-v-7117ba9e] {
   padding: 0 10px 0 0;
 }
-.serviceflow-container-main[data-v-373fda3d]::-webkit-scrollbar {
+.serviceflow-container-main[data-v-7117ba9e]::-webkit-scrollbar {
   width: 1px;
 }
-.serviceflow-container-attr[data-v-373fda3d] {
+.serviceflow-container-attr[data-v-7117ba9e] {
   width: 300px;
   padding-left: 20px;
 }
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-373fda3d]:v-deep(.el-drawer__header) {
+[data-v-7117ba9e]:v-deep(.el-drawer__header) {
   margin-bottom: 0 !important;
 }
-[data-v-373fda3d] .el-overlay {
+[data-v-7117ba9e] .el-overlay {
   position: static;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "service-flow-designer",
-  "version": "2.2.56",
+  "version": "2.2.60",
   "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.21",
+    "agilebuilder-ui": "1.1.23",
     "codemirror": "^6.0.1",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",