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

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

@@ -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 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 { 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 "@logicflow/core/dist/style/index.css";
 import "@logicflow/extension/lib/style/index.css";
-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);
+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);
   r(() => {
     if (H.value) {
       const e2 = H.value.getBoundingClientRect();
@@ -47,44 +47,44 @@ const I = { 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(), y2("onDeleteNode");
+      X.value && E.value.onDeleteNode(), T("onDeleteNode");
     }));
   }, oe = (e2) => {
     if (K.value) {
       if (e2.id === W.value.id) return;
-      te() ? _.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
+      te() ? M.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();
-        j(W.value.code, N2.serviceTreeData).name = W.value.name, re({ beforeSave: true });
+        D(W.value.code, R.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)), T2.currentService = W.value, Q.value, ((e3) => {
-      K.value = J(A.value), S(() => {
+    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(() => {
         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(), D(K.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? K.value.render(e3.flow) : (K.value.render(), F(K.value));
+      } }] }), 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));
       const { editConfigModel: l2 } = K.value.graphModel;
-      l2.updateEditConfig({ stopMoveGraph: false }), y2("update:logicFlowInstance", K.value);
+      l2.updateEditConfig({ stopMoveGraph: false }), T("update:logicFlowInstance", K.value);
     })(W.value);
   }, te = () => {
     if (!K.value) return false;
-    const e2 = K.value.getGraphData(), l2 = M(Q.value, W.value), o2 = M(Q.value.flow, e2);
+    const e2 = K.value.getGraphData(), l2 = F(Q.value, W.value), o2 = F(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(O(W.value));
+      W.value.runtimeJson = JSON.stringify(C(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), 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"));
+      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"));
       });
     }
   };
@@ -93,15 +93,15 @@ const I = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
   }
   const se = () => {
   };
-  return w2({ onDragNode: (e2) => {
+  return b2({ 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, 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);
+    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);
   };
 } });
 export {
-  T as default
+  G 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').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onDrag-node"?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

package/dist/es/designer/service-panel/{component-panel.vue2.mjs → component-panel.vue2.js}

@@ -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.mjs";
+import { serviceComponentGroups as v } from "../service-components/index.js";
 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 = o(v[0].name);
+  const V = w2, M = o(v[0].name);
   return (n3, o2) => {
-    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);
+    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);
     }(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<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     serviceTreeData: {
         type: ArrayConstructor;
         default: () => any[];
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "service-click": (...args: any[]) => void;
     "clear-flow-canvas": (...args: any[]) => void;
     "load-tree-data": (...args: any[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, 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/es/designer/service-panel/service-list.vue.js

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

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

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

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

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

@@ -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.js";
+import m from "./component-panel.vue.js";
+import "../service-components/index.js";
+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 = n2, b = a("serviceFlowList"), f = a(), g = s(() => ({ height: f.value + "px" })), w = (e3) => {
+    e3.type, y2("drag-node", e3);
+  }, k = (e3) => {
+    y2("service-click", e3);
+  }, D = () => {
+    y2("clear-flow-canvas");
+  }, C = () => {
+    y2("load-tree-data");
+  };
+  return (a2, s2) => (o(), l("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: t(g.value) }, [r("div", d, [r("div", p, [r("label", { class: c({ selected: "serviceFlowList" === b.value }), onClick: s2[0] || (s2[0] = (e3) => b.value = "serviceFlowList") }, " 服务列表 ", 2), r("label", { class: c({ selected: "component" === b.value }), onClick: s2[1] || (s2[1] = (e3) => b.value = "component") }, " 组件库 ", 2)])]), r("div", u, ["serviceFlowList" === b.value ? (o(), i(v, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: C, onServiceClick: k, onClearFlowCanvas: D }, null, 8, ["serviceTreeData"])) : (o(), i(m, { key: 1, onDragNode: w }))])], 4));
+} });
+export {
+  y as default
+};

package/dist/es/index.js

@@ -0,0 +1,4 @@
+import e from "./designer/desginer-index.vue.js";
+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: any;
-    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
-    currentService: any;
+    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: any;
-    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
-    currentService: any;
+    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" | "currentService">, Pick<{
-    pageContext: any;
-    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
-    currentService: 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[];
-}, "pageContext" | "currentService" | "setPageContext" | "getServiceVarOptions">>;
+}, "setPageContext" | "getServiceVarOptions">>;
 export {};