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

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

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

package/dist/es/designer/service-panel/component-panel.vue.mjs

@@ -0,0 +1,7 @@
+import e from "./component-panel.vue2.mjs";
+/* empty css                      */
+import o from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = o(e, [["__scopeId", "data-v-95de097d"]]);
+export {
+  p as default
+};

package/dist/es/designer/service-panel/component-panel.vue2.mjs

@@ -0,0 +1,23 @@
+import { ElCollapse as e, ElCollapseItem as s, ElRow as t, ElCol as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/collapse/style/css";
+import "element-plus/es/components/collapse-item/style/css";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import "../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
+import { serviceComponentGroups as o } from "../service-components/index.mjs";
+import { defineComponent as n, createBlock as m, openBlock as u, withCtx as r, createElementBlock as p, Fragment as d, renderList as i, createElementVNode as a, createVNode as c, createTextVNode as v } from "../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.mjs";
+import { ref as _, unref as y } from "../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.mjs";
+import { toDisplayString as f } from "../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
+const g = ["src"], b = { style: { padding: "8px 0px 0px 0px" } }, x = ["title", "onMousedown"], h = ["src"], j = n({ __name: "component-panel", emits: ["drag-node"], setup(n2, { emit: j2 }) {
+  const w = j2, V = _(o[0].name);
+  return (n3, _2) => {
+    const j3 = l, M = t, k = s, E = e;
+    return u(), m(E, { modelValue: V.value, "onUpdate:modelValue": _2[0] || (_2[0] = (e2) => V.value = e2), style: { "margin-top": "6px" } }, { default: r(() => [(u(true), p(d, null, i(y(o), (e2, s2) => (u(), m(k, { key: s2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: r(() => [a("img", { src: e2.icon, style: { height: "18px" } }, null, 8, g), _2[1] || (_2[1] = v("   ", -1)), a("b", null, f(e2.label), 1)]), default: r(() => [a("div", b, [c(M, { gutter: 14 }, { default: r(() => [(u(true), p(d, null, i(e2.items, (e3, s3) => (u(), m(j3, { span: 8 }, { default: r(() => [a("div", { class: "serviceflow-item", title: e3.label, onMousedown: (s4) => function(e4) {
+      e4.type, w("drag-node", e4);
+    }(e3) }, [a("div", null, [a("img", { src: e3.icon, style: { height: "16px" } }, null, 8, h)]), a("span", null, f(e3.label), 1)], 40, x)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+export {
+  j as default
+};

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

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

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

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

package/dist/es/designer/service-panel/service-panel.vue.mjs

@@ -0,0 +1,7 @@
+import e from "./service-panel.vue2.mjs";
+/* empty css                    */
+import r from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = r(e, [["__scopeId", "data-v-59e0837d"]]);
+export {
+  p as default
+};

package/dist/es/designer/service-panel/service-panel.vue2.mjs

@@ -0,0 +1,45 @@
+import "../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
+import e from "@logicflow/core";
+import s from "./service-list.vue.mjs";
+import o from "./component-panel.vue.mjs";
+import "@logicflow/extension";
+import "../flow/base/AbLogicResizeNodeModel.mjs";
+import "../flow/base/AbLogicResizeNode.mjs";
+/* empty css                                               */
+/* empty css                                             */
+import "../service-components/base/loop-node/index.mjs";
+import "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "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                                                   */
+import { defineComponent as t, computed as i, createElementBlock as n, openBlock as m, createElementVNode as r, createBlock as c } from "../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.mjs";
+import { normalizeClass as a, normalizeStyle as l } from "../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
+import { ref as d } from "../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.mjs";
+const p = { class: "amb-assembly-header" }, v = { class: "amb-assembly-header-type" }, u = { class: "amb-design-assembly-list" }, b = t({ __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: t2 }) {
+  const b2 = t2, j = d("serviceFlowList"), y = d(), x = i(() => ({ height: y.value + "px" })), f = (e3) => {
+    e3.type, b2("drag-node", e3);
+  }, g = (e3) => {
+    b2("service-click", e3);
+  }, _ = () => {
+    b2("clear-flow-canvas");
+  }, w = () => {
+    b2("load-tree-data");
+  };
+  return (t3, i2) => (m(), n("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: l(x.value) }, [r("div", p, [r("div", v, [r("label", { class: a({ selected: "serviceFlowList" === j.value }), onClick: i2[0] || (i2[0] = (e3) => j.value = "serviceFlowList") }, " 服务列表 ", 2), r("label", { class: a({ selected: "component" === j.value }), onClick: i2[1] || (i2[1] = (e3) => j.value = "component") }, " 组件库 ", 2)])]), r("div", u, ["serviceFlowList" === j.value ? (m(), c(s, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: w, onServiceClick: g, onClearFlowCanvas: _ }, null, 8, ["serviceTreeData"])) : (m(), c(o, { key: 1, onDragNode: f }))])], 4));
+} });
+export {
+  b as default
+};

package/dist/es/index.mjs

@@ -0,0 +1,4 @@
+import e from "./designer/desginer-index.vue.mjs";
+export {
+  e as default
+};

package/dist/es/stores/page-store.mjs

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