service-flow-designer 2.3.22-flow1 → 2.3.22-flow1-tmp2

package/dist/lib/designer/service-flow-view/view-index.vue2.cjs

@@ -0,0 +1,92 @@
+"use strict";
+const e = require("element-plus/es");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/drawer/style/css"), require("element-plus/es/components/timeline/style/css"), require("element-plus/es/components/skeleton/style/css"), require("element-plus/es/components/skeleton-item/style/css");
+const l = require("vue"), o = require("./service-node-config.vue.cjs"), a = require("./service-update-log.vue.cjs"), t = require("./service-flow-tool.vue.cjs"), n = require("@logicflow/core");
+require("@logicflow/core/dist/style/index.css"), require("@logicflow/extension/lib/style/index.css");
+const r = require("agilebuilder-ui"), i = require("./service-params.vue.cjs"), s = require("./flow-util.cjs");
+require("../service-components/index.cjs");
+const u = require("../common/util/node-util.cjs"), c = require("../../stores/page-store.cjs"), v = require("element-plus"), d = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" }, p = { style: { height: "100%" } }, g = { class: "serviceflow-design-board", ref: "pageDesignBoardMain" }, f = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, m = ((e2) => (l.pushScopeId("data-v-2ea74b20"), e2 = e2(), l.popScopeId(), e2))(() => l.createElementVNode("div", { class: "triangle" }, null, -1)), w = l.defineComponent({ __name: "view-index", props: { logicFlowInstance: { type: n, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(n2, { expose: w2, emit: y }) {
+  const S = n2, N = c.useServiceFlowStore(), x = l.ref(), h = l.ref(), b = l.ref(), C = l.ref("100%"), k = l.ref(), V = l.computed(() => ({ height: C.value })), q = l.ref(false), D = l.ref(), E = l.ref(null), J = l.ref({ code: "", name: "" }), O = l.ref(null);
+  l.onMounted(() => {
+    if (k.value) {
+      const e2 = k.value.getBoundingClientRect();
+      (e2.y || 0 === e2.y) && (C.value = window.innerHeight - e2.y + "px");
+    }
+  });
+  const F = (e2) => {
+    e2();
+  }, B = () => {
+    J.value.variables && I(J.value.variables);
+  }, I = (e2) => {
+    e2.forEach((e3) => {
+      delete e3.$editing, e3.items && I(e3.items);
+    });
+  }, M = () => {
+    D.value && (D.value.on("connection:not-allowed", (e2) => {
+      e2.msg;
+    }), D.value.on("blank:click", (e2) => {
+      h.value.onBlankClick();
+    }), D.value.on("selection:selected", () => {
+      D.value && D.value.extension.selectionSelect.closeSelectionSelect();
+    }), D.value.on("node:click", (e2) => {
+      O.value && O.value.data.id === e2.data.id || (h.value.onNodeClick(e2), O.value = e2);
+    }), D.value.on("history:change", (e2) => {
+      e2.data.undos;
+    }), D.value.on("custom:deleteNode", (e2) => {
+      O.value && h.value.onDeleteNode(), y("onDeleteNode");
+    }));
+  }, j = (e2) => {
+    if (D.value) {
+      if (e2.id === J.value.id) return;
+      z() ? v.ElMessageBox.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
+        var _a;
+        E.value = J.value, E.value.flow = (_a = D.value) == null ? void 0 : _a.getGraphData();
+        u.findServcieByCode(J.value.code, S.serviceTreeData).name = J.value.name, R({ beforeSave: true });
+      }).catch(() => {
+        _(e2);
+      }) : _(e2);
+    } else _(e2);
+  }, _ = (e2) => {
+    h.value.closeDrawer(), J.value = JSON.parse(JSON.stringify(e2)), E.value = JSON.parse(JSON.stringify(e2)), N.currentService = J.value, E.value, ((e3) => {
+      D.value = s.newLogicFlow(x.value), l.nextTick(() => {
+        if (x.value) {
+          const e4 = x.value.getBoundingClientRect();
+          (e4.y || 0 === e4.y) && (C.value = window.innerHeight - e4.y - 60 - 20 + "px");
+        }
+      }), D.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
+        q.value = true;
+      } }] }), M(), s.registerNode(D.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? D.value.render(e3.flow) : (D.value.render(), s.addInitNode(D.value));
+      const { editConfigModel: o2 } = D.value.graphModel;
+      o2.updateEditConfig({ stopMoveGraph: false }), y("update:logicFlowInstance", D.value);
+    })(J.value);
+  }, z = () => {
+    if (!D.value) return false;
+    const e2 = D.value.getGraphData(), l2 = u.isDeepEqual(E.value, J.value), o2 = u.isDeepEqual(E.value.flow, e2);
+    return !l2 || !o2;
+  }, T = () => {
+    D.value && (J.value.id ? R({ beforeSave: true }) : L());
+  }, L = (e2) => {
+    if (D.value && (J.value.flow = D.value.getGraphData(), E.value)) {
+      J.value.runtimeJson = JSON.stringify(s.getRuntimeJson(J.value));
+      const l2 = JSON.parse(JSON.stringify(J.value));
+      l2.variables = JSON.stringify(l2.variables), l2.log = JSON.stringify(l2.log), l2.flow = JSON.stringify(l2.flow), l2.returnValues = JSON.stringify(l2.returnValues), r.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: l2 }).then((e3) => {
+        e3 && (v.ElMessage({ message: "保存成功", type: "success" }), D.value = null, 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)), j(e3), b.value.closeDialog(), y("load-tree-data"));
+      });
+    }
+  };
+  function R(e2) {
+    b.value.showDialog(e2);
+  }
+  const G = () => {
+  };
+  return w2({ onDragNode: (e2) => {
+    D.value ? D.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } }) : console.error("LogicFlow实例还没有初始化");
+  }, onServiceClick: j, clearFlowCanvas: () => {
+    D.value && (D.value.clearData(), D.value = null, E.value = null, J.value = { code: "", name: "" }, q.value = false, O.value = {});
+  } }), (r2, s2) => {
+    const u2 = e.ElSkeletonItem, c2 = e.ElSkeleton, v2 = e.ElTimeline, w3 = e.ElDrawer;
+    return l.openBlock(), l.createElementBlock(l.Fragment, null, [l.createElementVNode("div", d, [l.withDirectives(l.createElementVNode("div", p, [l.createVNode(t, { cloneService: J.value, lf: D.value, pageContext: n2.pageContext, onShowJson: G, onShowServiceLog: R, onSaveSevice: T }, null, 8, ["cloneService", "lf", "pageContext"]), l.createElementVNode("div", g, [l.createElementVNode("div", { style: l.normalizeStyle(V.value), ref_key: "logicFlowContainer", ref: x, class: "container" }, null, 4)], 512)], 512), [[l.vShow, D.value]]), l.withDirectives(l.createElementVNode("div", { style: l.normalizeStyle([{ "padding-top": "10px", "box-sizing": "border-box" }, V.value]), ref_key: "emptyContainer", ref: k }, [l.createElementVNode("div", f, [l.createVNode(c2, { style: { "--el-skeleton-circle-size": "100px" } }, { template: l.withCtx(() => [l.createVNode(u2, { variant: "circle" }), l.createVNode(u2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), m]), _: 1 }), l.createVNode(v2, { style: { "max-width": "600px" } })])], 4), [[l.vShow, !D.value]]), l.createVNode(w3, { modelValue: q.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => q.value = e2), "append-to-body": true, "destroy-on-close": "", "modal-class": "el-overlay", modal: true, title: "服务参数", onClose: B, "before-close": F, direction: "rtl", size: "50%" }, { default: l.withCtx(() => [l.createVNode(i, { service: J.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), l.createVNode(a, { ref_key: "serviceUpdateLogRef", ref: b, onSave: L, lf: D.value, cloneService: J.value }, null, 8, ["lf", "cloneService"]), l.createVNode(o, { logicFlowInstance: n2.logicFlowInstance, currentNode: O.value, "onUpdate:currentNode": s2[1] || (s2[1] = (e2) => O.value = e2), sourceService: E.value, service: J.value, pageContext: n2.pageContext, ref_key: "serviceNodeConfigRef", ref: h }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
+  };
+} });
+module.exports = w;

package/dist/lib/designer/service-panel/component-panel.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./component-panel.vue2.cjs");
+;/* empty css                       */
+const r = require("../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-95de097d"]]);
+module.exports = r;

package/dist/lib/designer/service-panel/component-panel.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "drag-node": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    "onDrag-node"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _default;

package/dist/lib/designer/service-panel/component-panel.vue2.cjs

@@ -0,0 +1,13 @@
+"use strict";
+const e = require("element-plus/es");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/collapse/style/css"), require("element-plus/es/components/collapse-item/style/css"), require("element-plus/es/components/row/style/css"), require("element-plus/es/components/col/style/css");
+const t = require("vue"), l = require("../service-components/index.cjs"), n = ["src"], o = { style: { padding: "8px 0px 0px 0px" } }, s = ["title", "onMousedown"], r = ["src"], c = t.defineComponent({ __name: "component-panel", emits: ["drag-node"], setup(c2, { emit: a }) {
+  const i = t.ref(l.serviceComponentGroups[0].name);
+  return (c3, p) => {
+    const m = e.ElCol, u = e.ElRow, d = e.ElCollapseItem, x = e.ElCollapse;
+    return t.openBlock(), t.createBlock(x, { modelValue: i.value, "onUpdate:modelValue": p[0] || (p[0] = (e2) => i.value = e2), style: { "margin-top": "6px" } }, { default: t.withCtx(() => [(t.openBlock(true), t.createElementBlock(t.Fragment, null, t.renderList(t.unref(l.serviceComponentGroups), (e2, l2) => (t.openBlock(), t.createBlock(d, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: t.withCtx(() => [t.createElementVNode("img", { src: e2.icon, style: { height: "18px" } }, null, 8, n), t.createTextVNode("   "), t.createElementVNode("b", null, t.toDisplayString(e2.label), 1)]), default: t.withCtx(() => [t.createElementVNode("div", o, [t.createVNode(u, { gutter: 14 }, { default: t.withCtx(() => [(t.openBlock(true), t.createElementBlock(t.Fragment, null, t.renderList(e2.items, (e3, l3) => (t.openBlock(), t.createBlock(m, { span: 8 }, { default: t.withCtx(() => [t.createElementVNode("div", { class: "serviceflow-item", title: e3.label, onMousedown: (t2) => function(e4) {
+      e4.type, a("drag-node", e4);
+    }(e3) }, [t.createElementVNode("div", null, [t.createElementVNode("img", { src: e3.icon, style: { height: "16px" } }, null, 8, r)]), t.createElementVNode("span", null, t.toDisplayString(e3.label), 1)], 40, s)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+module.exports = c;

package/dist/lib/designer/service-panel/service-list.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./service-list.vue2.cjs");
+;/* empty css                    */
+const r = require("../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-e605d502"]]);
+module.exports = r;

package/dist/lib/designer/service-panel/service-list.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: import('vue').DefineComponent<{
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "service-click": (...args: any[]) => void;
+    "clear-flow-canvas": (...args: any[]) => void;
+    "load-tree-data": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>> & {
+    "onService-click"?: (...args: any[]) => any;
+    "onClear-flow-canvas"?: (...args: any[]) => any;
+    "onLoad-tree-data"?: (...args: any[]) => any;
+}, {
+    serviceTreeData: unknown[];
+}, {}>;
+export default _default;

package/dist/lib/designer/service-panel/service-list.vue2.cjs

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

package/dist/lib/designer/service-panel/service-panel.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./service-panel.vue2.cjs");
+;/* empty css                     */
+const r = require("../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-59e0837d"]]);
+module.exports = r;

package/dist/lib/designer/service-panel/service-panel.vue.d.ts

@@ -0,0 +1,35 @@
+import { default as LogicFlow } from '@logicflow/core';
+
+declare const _default: import('vue').DefineComponent<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "service-click": (...args: any[]) => void;
+    "clear-flow-canvas": (...args: any[]) => void;
+    "load-tree-data": (...args: any[]) => void;
+    "drag-node": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>> & {
+    "onService-click"?: (...args: any[]) => any;
+    "onClear-flow-canvas"?: (...args: any[]) => any;
+    "onLoad-tree-data"?: (...args: any[]) => any;
+    "onDrag-node"?: (...args: any[]) => any;
+}, {
+    serviceTreeData: unknown[];
+    logicFlowInstance: LogicFlow;
+}, {}>;
+export default _default;

package/dist/lib/designer/service-panel/service-panel.vue2.cjs

@@ -0,0 +1,17 @@
+"use strict";
+const e = require("vue"), a = require("@logicflow/core"), l = require("./service-list.vue.cjs"), s = require("./component-panel.vue.cjs");
+require("../service-components/index.cjs");
+const c = { class: "amb-assembly-header" }, r = { class: "amb-assembly-header-type" }, t = { class: "amb-design-assembly-list" }, o = e.defineComponent({ __name: "service-panel", props: { logicFlowInstance: { type: a, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(a2, { emit: o2 }) {
+  const n = e.ref("serviceFlowList"), i = e.ref(), d = e.computed(() => ({ height: i.value + "px" })), v = (e2) => {
+    e2.type, o2("drag-node", e2);
+  }, m = (e2) => {
+    o2("service-click", e2);
+  }, u = () => {
+    o2("clear-flow-canvas");
+  }, p = () => {
+    o2("load-tree-data");
+  };
+  return (o3, i2) => (e.openBlock(), e.createElementBlock("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: e.normalizeStyle(d.value) }, [e.createElementVNode("div", c, [e.createElementVNode("div", r, [e.createElementVNode("label", { class: e.normalizeClass({ selected: "serviceFlowList" === n.value }), onClick: i2[0] || (i2[0] = (e2) => n.value = "serviceFlowList") }, " 服务列表 ", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "component" === n.value }), onClick: i2[1] || (i2[1] = (e2) => n.value = "component") }, " 组件库 ", 2)])]), e.createElementVNode("div", t, ["serviceFlowList" === n.value ? (e.openBlock(), e.createBlock(l, { key: 0, serviceTreeData: a2.serviceTreeData, onLoadTreeData: p, onServiceClick: m, onClearFlowCanvas: u }, null, 8, ["serviceTreeData"])) : (e.openBlock(), e.createBlock(s, { key: 1, onDragNode: v }))])], 4));
+} });
+module.exports = o;

package/dist/lib/index.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./designer/desginer-index.vue.cjs");
+module.exports = e;

package/dist/lib/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ServiceFlowDesginer } from './designer/desginer-index.vue';
+
+export default ServiceFlowDesginer;

package/dist/lib/stores/page-store.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const e = require("vue"), t = require("pinia").defineStore("serviceFlowStoreUtil", () => {
+  const t2 = e.ref({ modelFields: [] }), a = e.ref({ variables: [] });
+  e.watch(() => t2.value.modelFields, (e2, a2) => {
+    r(t2.value);
+  });
+  const o = e.ref({ dataOptions: [], systemVarOptions: [], pageVarOptions: [] });
+  function r(e2) {
+    e2 && e2.modelFields && e2.modelFields.forEach((e3) => {
+      o.value.dataOptions.push({ value: e3.name, label: e3.alias, type: e3.type });
+    });
+  }
+  function i(e2, t3, a2) {
+    const o2 = [];
+    return e2 && e2.forEach((e3) => {
+      const a3 = { code: e3.code, value: e3.name, label: e3.alias, type: e3.type };
+      t3 && (a3.value = `${t3}.${e3.name}`), e3.items && e3.items.length > 0 && "array" === e3.type && "object" === e3.items[0].type && (a3.items = i(e3.items[0].items, e3.name)), o2.push(a3);
+    }), o2;
+  }
+  return { pageContext: t2, pageContextVarOptions: o, currentService: a, setPageContext: function(e2) {
+    t2.value = e2, r(e2);
+  }, getServiceVarOptions: function() {
+    let e2 = [];
+    return e2 = i(a.value.variables), e2;
+  } };
+});
+exports.useServiceFlowStore = t;

package/dist/lib/stores/page-store.d.ts

@@ -0,0 +1,23 @@
+interface PageContextVarOptions {
+    [otherProp: string]: any;
+}
+export declare const useServiceFlowStore: import('pinia').StoreDefinition<"serviceFlowStoreUtil", Pick<{
+    pageContext: any;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    currentService: any;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, "pageContext" | "pageContextVarOptions" | "currentService">, Pick<{
+    pageContext: any;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    currentService: any;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, "pageContext" | "currentService">, Pick<{
+    pageContext: any;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    currentService: any;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, "pageContext" | "currentService" | "setPageContext" | "getServiceVarOptions">>;
+export {};