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

package/dist/es/designer/service-flow-view/{view-index.vue2.js → view-index.vue2.mjs}

@@ -4,23 +4,23 @@ import "element-plus/es/components/drawer/style/css";
 import "element-plus/es/components/timeline/style/css";
 import "element-plus/es/components/skeleton/style/css";
 import "element-plus/es/components/skeleton-item/style/css";
-import { defineComponent as t, ref as n, computed as i, onMounted as r, createElementBlock as s, openBlock as u, Fragment as c, createElementVNode as v, createVNode as p, withDirectives as d, normalizeStyle as f, vShow as g, withCtx as m, nextTick as w } from "vue";
-import y from "./service-node-config.vue.js";
-import S from "./service-update-log.vue.js";
-import x from "./service-flow-tool.vue.js";
-import b from "@logicflow/core";
+import { defineComponent as t, ref as n, computed as i, onMounted as r, createElementBlock as s, openBlock as u, Fragment as v, createElementVNode as c, createVNode as p, withDirectives as d, normalizeStyle as f, vShow as m, withCtx as g, pushScopeId as w, popScopeId as y, nextTick as S } from "vue";
+import x from "./service-node-config.vue.mjs";
+import b from "./service-update-log.vue.mjs";
+import h from "./service-flow-tool.vue.mjs";
+import N from "@logicflow/core";
 import "@logicflow/core/dist/style/index.css";
 import "@logicflow/extension/lib/style/index.css";
-import h from "agilebuilder-ui/src/utils/request";
-import N from "./service-params.vue.js";
-import { getRuntimeJson as C, newLogicFlow as k, registerNode as O, addInitNode as J } from "./flow-util.js";
-import "../service-components/index.js";
-import { findServcieByCode as D, isDeepEqual as F } from "../common/util/node-util.js";
-import { useServiceFlowStore as j } from "../../stores/page-store.js";
-import { ElMessageBox as M, ElMessage as V } from "element-plus";
-const _ = { 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" } }, G = t({ __name: "view-index", props: { logicFlowInstance: { type: b, default: () => {
-} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(t2, { expose: b2, emit: G2 }) {
-  const L = j(), R = t2, T = G2, A = n(), E = n(), P = n(), U = n("100%"), H = n(), $ = i(() => ({ height: U.value })), q = n(false), K = n(), Q = n(null), W = n({ code: "", name: "" }), X = n(null);
+import { http as C } from "agilebuilder-ui";
+import k from "./service-params.vue.mjs";
+import { getRuntimeJson as O, newLogicFlow as J, registerNode as D, addInitNode as F } from "./flow-util.mjs";
+import "../service-components/index.mjs";
+import { findServcieByCode as j, isDeepEqual as M } from "../common/util/node-util.mjs";
+import { useServiceFlowStore as V } from "../../stores/page-store.mjs";
+import { ElMessageBox as _, ElMessage as B } from "element-plus";
+const I = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" }, z = { style: { height: "100%" } }, G = { class: "serviceflow-design-board", ref: "pageDesignBoardMain" }, L = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, R = ((e2) => (w("data-v-2ea74b20"), e2 = e2(), y(), e2))(() => c("div", { class: "triangle" }, null, -1)), T = t({ __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(t2, { expose: w2, emit: y2 }) {
+  const N2 = t2, T2 = V(), A = n(), E = n(), P = n(), U = n("100%"), H = n(), $ = i(() => ({ height: U.value })), q = n(false), K = n(), Q = n(null), W = n({ code: "", name: "" }), X = n(null);
   r(() => {
     if (H.value) {
       const e2 = H.value.getBoundingClientRect();
@@ -47,44 +47,44 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
     }), K.value.on("history:change", (e2) => {
       e2.data.undos;
     }), K.value.on("custom:deleteNode", (e2) => {
-      X.value && E.value.onDeleteNode(), T("onDeleteNode");
+      X.value && E.value.onDeleteNode(), y2("onDeleteNode");
     }));
   }, oe = (e2) => {
     if (K.value) {
       if (e2.id === W.value.id) return;
-      te() ? M.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
+      te() ? _.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();
-        D(W.value.code, R.serviceTreeData).name = W.value.name, re({ beforeSave: true });
+        j(W.value.code, N2.serviceTreeData).name = W.value.name, re({ beforeSave: true });
       }).catch(() => {
         ae(e2);
       }) : ae(e2);
     } else ae(e2);
   }, ae = (e2) => {
-    E.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), L.currentService = W.value, Q.value, ((e3) => {
-      K.value = k(A.value), w(() => {
+    E.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), T2.currentService = W.value, Q.value, ((e3) => {
+      K.value = J(A.value), S(() => {
         if (A.value) {
           const e4 = A.value.getBoundingClientRect();
           (e4.y || 0 === e4.y) && (U.value = window.innerHeight - e4.y - 60 - 20 + "px");
         }
       }), K.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
         q.value = true;
-      } }] }), le(), O(K.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? K.value.render(e3.flow) : (K.value.render(), J(K.value));
+      } }] }), le(), D(K.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? K.value.render(e3.flow) : (K.value.render(), F(K.value));
       const { editConfigModel: l2 } = K.value.graphModel;
-      l2.updateEditConfig({ stopMoveGraph: false }), T("update:logicFlowInstance", K.value);
+      l2.updateEditConfig({ stopMoveGraph: false }), y2("update:logicFlowInstance", K.value);
     })(W.value);
   }, te = () => {
     if (!K.value) return false;
-    const e2 = K.value.getGraphData(), l2 = F(Q.value, W.value), o2 = F(Q.value.flow, e2);
+    const e2 = K.value.getGraphData(), l2 = M(Q.value, W.value), o2 = M(Q.value.flow, e2);
     return !l2 || !o2;
   }, ne = () => {
     K.value && (W.value.id ? re({ beforeSave: true }) : ie());
   }, ie = (e2) => {
     if (K.value && (W.value.flow = K.value.getGraphData(), Q.value)) {
-      W.value.runtimeJson = JSON.stringify(C(W.value));
+      W.value.runtimeJson = JSON.stringify(O(W.value));
       const l2 = JSON.parse(JSON.stringify(W.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), h.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: l2 }).then((e3) => {
-        e3 && (V({ 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)), oe(e3), P.value.closeDialog(), T("load-tree-data"));
+      l2.variables = JSON.stringify(l2.variables), l2.log = JSON.stringify(l2.log), l2.flow = JSON.stringify(l2.flow), l2.returnValues = JSON.stringify(l2.returnValues), C.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: l2 }).then((e3) => {
+        e3 && (B({ 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)), oe(e3), P.value.closeDialog(), y2("load-tree-data"));
       });
     }
   };
@@ -93,15 +93,15 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
   }
   const se = () => {
   };
-  return b2({ onDragNode: (e2) => {
+  return w2({ onDragNode: (e2) => {
     K.value ? K.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } }) : console.error("LogicFlow实例还没有初始化");
   }, onServiceClick: oe, clearFlowCanvas: () => {
     K.value && (K.value.clearData(), K.value = null, Q.value = null, W.value = { code: "", name: "" }, q.value = false, X.value = {});
   } }), (n2, i2) => {
-    const r2 = l, w2 = e, b3 = o, h2 = a;
-    return u(), s(c, null, [v("div", _, [d(v("div", B, [p(x, { cloneService: W.value, lf: K.value, pageContext: t2.pageContext, onShowJson: se, onShowServiceLog: re, onSaveSevice: ne }, null, 8, ["cloneService", "lf", "pageContext"]), v("div", I, [v("div", { style: f($.value), ref_key: "logicFlowContainer", ref: A, class: "container" }, null, 4)], 512)], 512), [[g, K.value]]), d(v("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, $.value]), ref_key: "emptyContainer", ref: H }, [v("div", z, [p(w2, { style: { "--el-skeleton-circle-size": "100px" } }, { template: m(() => [p(r2, { variant: "circle" }), p(r2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), i2[2] || (i2[2] = v("div", { class: "triangle" }, null, -1))]), _: 1 }), p(b3, { style: { "max-width": "600px" } })])], 4), [[g, !K.value]]), p(h2, { modelValue: q.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => q.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: m(() => [p(N, { service: W.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), p(S, { ref_key: "serviceUpdateLogRef", ref: P, onSave: ie, lf: K.value, cloneService: W.value }, null, 8, ["lf", "cloneService"]), p(y, { logicFlowInstance: t2.logicFlowInstance, currentNode: X.value, "onUpdate:currentNode": i2[1] || (i2[1] = (e2) => X.value = e2), sourceService: Q.value, service: W.value, pageContext: t2.pageContext, ref_key: "serviceNodeConfigRef", ref: E }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
+    const r2 = l, w3 = e, y3 = o, S2 = a;
+    return u(), s(v, null, [c("div", I, [d(c("div", z, [p(h, { cloneService: W.value, lf: K.value, pageContext: t2.pageContext, onShowJson: se, onShowServiceLog: re, onSaveSevice: ne }, null, 8, ["cloneService", "lf", "pageContext"]), c("div", G, [c("div", { style: f($.value), ref_key: "logicFlowContainer", ref: A, class: "container" }, null, 4)], 512)], 512), [[m, K.value]]), d(c("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, $.value]), ref_key: "emptyContainer", ref: H }, [c("div", L, [p(w3, { style: { "--el-skeleton-circle-size": "100px" } }, { template: g(() => [p(r2, { variant: "circle" }), p(r2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), R]), _: 1 }), p(y3, { style: { "max-width": "600px" } })])], 4), [[m, !K.value]]), p(S2, { modelValue: q.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => q.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: g(() => [p(k, { service: W.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), p(b, { ref_key: "serviceUpdateLogRef", ref: P, onSave: ie, lf: K.value, cloneService: W.value }, null, 8, ["lf", "cloneService"]), p(x, { logicFlowInstance: t2.logicFlowInstance, currentNode: X.value, "onUpdate:currentNode": i2[1] || (i2[1] = (e2) => X.value = e2), sourceService: Q.value, service: W.value, pageContext: t2.pageContext, ref_key: "serviceNodeConfigRef", ref: E }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
   };
 } });
 export {
-  G as default
+  T as default
 };

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

@@ -1,6 +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<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     "onDrag-node"?: (...args: any[]) => any;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}>;
 export default _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.js → component-panel.vue2.mjs}

@@ -5,13 +5,13 @@ 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 { defineComponent as n, ref as o, createBlock as m, openBlock as p, withCtx as a, createElementBlock as i, Fragment as u, renderList as r, unref as c, createElementVNode as d, createVNode as f, toDisplayString as y, createTextVNode as g } from "vue";
-import { serviceComponentGroups as v } from "../service-components/index.js";
+import { serviceComponentGroups as v } from "../service-components/index.mjs";
 const x = ["src"], _ = { style: { padding: "8px 0px 0px 0px" } }, b = ["title", "onMousedown"], h = ["src"], w = n({ __name: "component-panel", emits: ["drag-node"], setup(n2, { emit: w2 }) {
-  const V = w2, M = o(v[0].name);
+  const V = o(v[0].name);
   return (n3, o2) => {
-    const w3 = t, j = s, k = l, U = e;
-    return p(), m(U, { modelValue: M.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => M.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(p(true), i(u, null, r(c(v), (e2, l2) => (p(), m(k, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [d("img", { src: e2.icon, style: { height: "18px" } }, null, 8, x), o2[1] || (o2[1] = g("   ", -1)), d("b", null, y(e2.label), 1)]), default: a(() => [d("div", _, [f(j, { gutter: 14 }, { default: a(() => [(p(true), i(u, null, r(e2.items, (e3, l3) => (p(), m(w3, { span: 8 }, { default: a(() => [d("div", { class: "serviceflow-item", title: e3.label, onMousedown: (l4) => function(e4) {
-      e4.type, V("drag-node", e4);
+    const M = t, j = s, k = l, U = e;
+    return p(), m(U, { modelValue: V.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => V.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(p(true), i(u, null, r(c(v), (e2, l2) => (p(), m(k, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [d("img", { src: e2.icon, style: { height: "18px" } }, null, 8, x), g("   "), d("b", null, y(e2.label), 1)]), default: a(() => [d("div", _, [f(j, { gutter: 14 }, { default: a(() => [(p(true), i(u, null, r(e2.items, (e3, l3) => (p(), m(M, { span: 8 }, { default: a(() => [d("div", { class: "serviceflow-item", title: e3.label, onMousedown: (l4) => function(e4) {
+      e4.type, w2("drag-node", e4);
     }(e3) }, [d("div", null, [d("img", { src: e3.icon, style: { height: "16px" } }, null, 8, h)]), d("span", null, y(e3.label), 1)], 40, b)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
   };
 } });

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

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

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

@@ -1,6 +1,6 @@
 import { default as LogicFlow } from '@logicflow/core';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<{
     logicFlowInstance: {
         type: typeof LogicFlow;
         default: () => void;
@@ -9,12 +9,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ArrayConstructor;
         default: () => any[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, 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').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     logicFlowInstance: {
         type: typeof LogicFlow;
         default: () => void;
@@ -23,13 +23,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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/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,21 @@
+import { defineComponent as e, ref as a, computed as s, createElementBlock as l, openBlock as o, normalizeStyle as t, createElementVNode as r, normalizeClass as c, createBlock as i } from "vue";
+import n from "@logicflow/core";
+import v from "./service-list.vue.mjs";
+import m from "./component-panel.vue.mjs";
+import "../service-components/index.mjs";
+const d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-type" }, u = { class: "amb-design-assembly-list" }, y = e({ __name: "service-panel", props: { logicFlowInstance: { type: n, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(e2, { emit: n2 }) {
+  const y2 = a("serviceFlowList"), b = a(), f = s(() => ({ height: b.value + "px" })), g = (e3) => {
+    e3.type, n2("drag-node", e3);
+  }, w = (e3) => {
+    n2("service-click", e3);
+  }, k = () => {
+    n2("clear-flow-canvas");
+  }, D = () => {
+    n2("load-tree-data");
+  };
+  return (a2, s2) => (o(), l("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: t(f.value) }, [r("div", d, [r("div", p, [r("label", { class: c({ selected: "serviceFlowList" === y2.value }), onClick: s2[0] || (s2[0] = (e3) => y2.value = "serviceFlowList") }, " 服务列表 ", 2), r("label", { class: c({ selected: "component" === y2.value }), onClick: s2[1] || (s2[1] = (e3) => y2.value = "component") }, " 组件库 ", 2)])]), r("div", u, ["serviceFlowList" === y2.value ? (o(), i(v, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: D, onServiceClick: w, onClearFlowCanvas: k }, null, 8, ["serviceTreeData"])) : (o(), i(m, { key: 1, onDragNode: g }))])], 4));
+} });
+export {
+  y 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.d.ts

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