service-flow-designer 2.3.21-flow1 → 2.3.22-flow1-tmp1

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

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').PublicProps, Readonly<{}> & Readonly<{
+    "onDrag-node"?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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"), require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const t = require("../service-components/index.cjs"), l = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), n = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), o = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), s = ["src"], r = { style: { padding: "8px 0px 0px 0px" } }, u = ["title", "onMousedown"], c = ["src"], i = l.defineComponent({ __name: "component-panel", emits: ["drag-node"], setup(i2, { emit: m }) {
+  const d = m, a = n.ref(t.serviceComponentGroups[0].name);
+  return (i3, m2) => {
+    const p = e.ElCol, v = e.ElRow, _ = e.ElCollapseItem, y = e.ElCollapse;
+    return l.openBlock(), l.createBlock(y, { modelValue: a.value, "onUpdate:modelValue": m2[0] || (m2[0] = (e2) => a.value = e2), style: { "margin-top": "6px" } }, { default: l.withCtx(() => [(l.openBlock(true), l.createElementBlock(l.Fragment, null, l.renderList(n.unref(t.serviceComponentGroups), (e2, t2) => (l.openBlock(), l.createBlock(_, { key: t2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: l.withCtx(() => [l.createElementVNode("img", { src: e2.icon, style: { height: "18px" } }, null, 8, s), m2[1] || (m2[1] = l.createTextVNode("   ", -1)), l.createElementVNode("b", null, o.toDisplayString(e2.label), 1)]), default: l.withCtx(() => [l.createElementVNode("div", r, [l.createVNode(v, { gutter: 14 }, { default: l.withCtx(() => [(l.openBlock(true), l.createElementBlock(l.Fragment, null, l.renderList(e2.items, (e3, t3) => (l.openBlock(), l.createBlock(p, { span: 8 }, { default: l.withCtx(() => [l.createElementVNode("div", { class: "serviceflow-item", title: e3.label, onMousedown: (t4) => function(e4) {
+      e4.type, d("drag-node", e4);
+    }(e3) }, [l.createElementVNode("div", null, [l.createElementVNode("img", { src: e3.icon, style: { height: "16px" } }, null, 8, c)]), l.createElementVNode("span", null, o.toDisplayString(e3.label), 1)], 40, u)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+module.exports = i;

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

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<import('vue').ExtractPropTypes<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>, {}, {}, {}, {}, 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').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>> & Readonly<{
+    "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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,18 @@
+"use strict";
+require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const e = require("@logicflow/core"), s = require("./service-list.vue.cjs"), r = require("./component-panel.vue.cjs");
+require("@logicflow/extension"), require("../flow/base/AbLogicResizeNodeModel.cjs"), require("../flow/base/AbLogicResizeNode.cjs"),/* empty css                                                  */ ,/* empty css                                              */ require("../service-components/base/loop-node/index.cjs"), require("element-plus/es"), require("element-plus/es/components/base/style/css"), require("element-plus/es/components/divider/style/css"),/* empty css                                                       */ ,/* empty css                                                     */ ,/* empty css                                                       */ ,/* empty css                                                         */ ,/* empty css                                                     */ ,/* empty css                                                  */ ,/* empty css                                                    */ ,/* empty css                                                        */ ,/* empty css                                                  */ ,/* empty css                                                       */ ,/* empty css                                                 */ ,/* empty css                                                     */ ;/* empty css                                                    */
+const o = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), c = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), n = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), i = { class: "amb-assembly-header" }, t = { class: "amb-assembly-header-type" }, a = { class: "amb-design-assembly-list" }, l = o.defineComponent({ __name: "service-panel", props: { logicFlowInstance: { type: e, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(e2, { emit: l2 }) {
+  const u = l2, d = n.ref("serviceFlowList"), m = n.ref(), v = o.computed(() => ({ height: m.value + "px" })), p = (e3) => {
+    e3.type, u("drag-node", e3);
+  }, q = (e3) => {
+    u("service-click", e3);
+  }, b = () => {
+    u("clear-flow-canvas");
+  }, j = () => {
+    u("load-tree-data");
+  };
+  return (n2, l3) => (o.openBlock(), o.createElementBlock("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: c.normalizeStyle(v.value) }, [o.createElementVNode("div", i, [o.createElementVNode("div", t, [o.createElementVNode("label", { class: c.normalizeClass({ selected: "serviceFlowList" === d.value }), onClick: l3[0] || (l3[0] = (e3) => d.value = "serviceFlowList") }, " 服务列表 ", 2), o.createElementVNode("label", { class: c.normalizeClass({ selected: "component" === d.value }), onClick: l3[1] || (l3[1] = (e3) => d.value = "component") }, " 组件库 ", 2)])]), o.createElementVNode("div", a, ["serviceFlowList" === d.value ? (o.openBlock(), o.createBlock(s, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: j, onServiceClick: q, onClearFlowCanvas: b }, null, 8, ["serviceTreeData"])) : (o.openBlock(), o.createBlock(r, { key: 1, onDragNode: p }))])], 4));
+} });
+module.exports = l;

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" }), require("../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const e = require("pinia"), t = require("../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), r = require("../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), i = e.defineStore("serviceFlowStoreUtil", () => {
+  const e2 = t.ref({ modelFields: [] }), i2 = t.ref({ variables: [] });
+  r.watch(() => e2.value.modelFields, (t2, r2) => {
+    s(e2.value);
+  });
+  const o = t.ref({ dataOptions: [], systemVarOptions: [], pageVarOptions: [] });
+  function s(e3) {
+    e3 && e3.modelFields && e3.modelFields.forEach((e4) => {
+      o.value.dataOptions.push({ value: e4.name, label: e4.alias, type: e4.type });
+    });
+  }
+  function n(e3, t2, r2) {
+    const i3 = [];
+    return e3 && e3.forEach((e4) => {
+      const r3 = { code: e4.code, value: e4.name, label: e4.alias, type: e4.type };
+      t2 && (r3.value = `${t2}.${e4.name}`), e4.items && e4.items.length > 0 && "array" === e4.type && "object" === e4.items[0].type && (r3.items = n(e4.items[0].items, e4.name)), i3.push(r3);
+    }), i3;
+  }
+  return { pageContext: e2, pageContextVarOptions: o, currentService: i2, setPageContext: function(t2) {
+    e2.value = t2, s(t2);
+  }, getServiceVarOptions: function() {
+    let e3 = [];
+    return e3 = n(i2.value.variables), e3;
+  } };
+});
+exports.useServiceFlowStore = i;

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: import('vue').Ref<any, any>;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions, PageContextVarOptions>;
+    currentService: import('vue').Ref<any, any>;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, "pageContext" | "pageContextVarOptions" | "currentService">, Pick<{
+    pageContext: import('vue').Ref<any, any>;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions, PageContextVarOptions>;
+    currentService: import('vue').Ref<any, any>;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, never>, Pick<{
+    pageContext: import('vue').Ref<any, any>;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions, PageContextVarOptions>;
+    currentService: import('vue').Ref<any, any>;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, "setPageContext" | "getServiceVarOptions">>;
+export {};