service-flow-designer 2.2.1 → 2.2.2

package/dist/es/designer/service-flow-view/service-update-log.vue2.js

@@ -1,49 +1,47 @@
-import { ElInput as e, ElFormItem as l, ElCheckbox as t, ElForm as a, ElTableColumn as o, ElTable as s, ElPagination as n, ElButton as u, ElDialog as i } from "element-plus/es";
+import { ElDialog as e, ElForm as l, ElFormItem as t, ElInput as a, ElCheckbox as o, ElButton as s, ElTable as n, ElTableColumn as u, ElPagination 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/button/style/css";
 import "element-plus/es/components/pagination/style/css";
 import "element-plus/es/components/table/style/css";
 import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/form/style/css";
 import "element-plus/es/components/checkbox/style/css";
 import "element-plus/es/components/form-item/style/css";
 import "element-plus/es/components/input/style/css";
-import { defineComponent as r, ref as p, openBlock as c, createBlock as m, withCtx as d, createElementVNode as v, createVNode as g, createTextVNode as f, createCommentVNode as b, pushScopeId as y, popScopeId as h } from "vue";
-import { isDeepEqual as S } from "../common/util/node-util.js";
-import w from "agilebuilder-ui/src/utils/request";
-import { ElMessage as z } from "element-plus";
-const _ = ((e2) => (y("data-v-7d8d63a2"), e2 = e2(), h(), e2))(() => v("div", { style: { "text-align": "center" } }, "修改记录", -1)), V = { class: "dialog-footer" }, x = r({ __name: "service-update-log", props: { lf: { type: Object, default: () => ({}) }, cloneService: { type: Object, default: () => ({}) }, sourceService: { type: Object, default: () => ({}) } }, emits: ["save"], setup(r2, { expose: y2, emit: h2 }) {
-  const x2 = r2, $ = h2, j = p([]), D = p(false), P = p(false), k = p(false), C = p(""), U = p({ currentPage: 1, pageSize: 10, showTotal: true }), O = p(0);
-  function E(e2) {
-    w.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/design-log/SERVICE_FLOW_DESIGN/" + x2.cloneService.id, { pagination: U.value }).then((l2) => {
-      if (l2)
-        if (j.value = l2.data, O.value = l2.total, e2 && e2.beforeSave) {
-          const e3 = x2.lf.getGraphData(), l3 = S(x2.sourceService, x2.cloneService), t2 = S(x2.sourceService.flow, e3);
-          l3 && t2 ? z.info("数据未发生变化,无需保存") : (D.value = true, P.value = true);
-        } else
-          P.value = false, D.value = true;
+import { defineComponent as r, ref as p, createBlock as c, openBlock as m, withCtx as d, createCommentVNode as v, createElementVNode as g, createVNode as f, createTextVNode as y } from "vue";
+import { isDeepEqual as b } from "../common/util/node-util.js";
+import h from "agilebuilder-ui/src/utils/request";
+import { ElMessage as S } from "element-plus";
+const w = { style: { padding: "10px", "text-align": "center" } }, z = r({ __name: "service-update-log", props: { lf: { type: Object, default: () => ({}) }, cloneService: { type: Object, default: () => ({}) }, sourceService: { type: Object, default: () => ({}) } }, emits: ["save"], setup(r2, { expose: z2, emit: _ }) {
+  const x = r2, V = _, $ = p([]), j = p(false), D = p(false), P = p(false), k = p(""), C = p({ currentPage: 1, pageSize: 10, showTotal: true }), U = p(0);
+  function O(e2) {
+    h.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/design-log/SERVICE_FLOW_DESIGN/" + x.cloneService.id, { pagination: C.value }).then((l2) => {
+      if (l2) if ($.value = l2.data, U.value = l2.total, e2 && e2.beforeSave) {
+        const e3 = x.lf.getGraphData(), l3 = b(x.sourceService, x.cloneService), t2 = b(x.sourceService.flow, e3);
+        l3 && t2 ? S.info("数据未发生变化,无需保存") : (j.value = true, D.value = true);
+      } else D.value = false, j.value = true;
     });
   }
+  function E() {
+    j.value = false, k.value = "";
+  }
   function I() {
-    D.value = false, C.value = "";
+    k.value ? (V("save", k.value), k.value = "") : S.warning("请输入修改记录");
   }
   function T() {
-    C.value ? ($("save", C.value), C.value = "") : z.warning("请输入修改记录");
-  }
-  function A() {
-    k.value && (C.value = j.value[0].description);
+    P.value && (k.value = $.value[0].description);
   }
-  return y2({ showDialog: E, closeDialog: function() {
-    D.value = false;
+  return z2({ showDialog: O, closeDialog: function() {
+    j.value = false;
   } }), (r3, p2) => {
-    const y3 = e, h3 = l, S2 = t, w2 = a, z2 = o, x3 = s, $2 = n, F = u, G = i;
-    return c(), m(G, { modelValue: D.value, "onUpdate:modelValue": p2[5] || (p2[5] = (e2) => D.value = e2), "append-to-body": "", title: "保存服务", width: "50%" }, { footer: d(() => [v("div", V, [g(F, { size: "small", onClick: I }, { default: d(() => [f("返回")]), _: 1 }), P.value ? (c(), m(F, { key: 0, size: "small", type: "primary", onClick: T }, { default: d(() => [f(" 保存 ")]), _: 1 })) : b("", true)])]), default: d(() => [P.value ? (c(), m(w2, { key: 0, "label-width": "auto" }, { default: d(() => [g(h3, { label: "" }, { default: d(() => [g(y3, { size: "small", modelValue: C.value, "onUpdate:modelValue": p2[0] || (p2[0] = (e2) => C.value = e2), rows: 4, type: "textarea", placeholder: "请填写修改日志" }, null, 8, ["modelValue"])]), _: 1 }), g(h3, { label: "" }, { default: d(() => [g(S2, { disabled: !j.value || 0 === j.value.length, modelValue: k.value, "onUpdate:modelValue": p2[1] || (p2[1] = (e2) => k.value = e2), onChange: A, label: "上次修改记录", size: "small" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })) : b("", true), g(x3, { data: j.value, border: "", size: "small", "max-height": "350" }, { default: d(() => [g(z2, { align: "center", type: "index", width: "55", label: "序号" }), g(z2, { align: "left", prop: "description" }, { header: d(() => [_]), _: 1 }), g(z2, { align: "center", prop: "creatorName", label: "修改人", width: "100" }), g(z2, { align: "center", prop: "createdTime", width: "180", label: "修改时间", formatter: (e2) => ((e3) => {
+    const b2 = a, h2 = t, S2 = o, z3 = l, _2 = s, x2 = u, V2 = n, A = i, F = e;
+    return m(), c(F, { modelValue: j.value, "onUpdate:modelValue": p2[5] || (p2[5] = (e2) => j.value = e2), "append-to-body": "", title: "保存服务", width: "50%" }, { default: d(() => [D.value ? (m(), c(z3, { key: 0, "label-width": "auto" }, { default: d(() => [f(h2, { label: "" }, { default: d(() => [f(b2, { size: "small", modelValue: k.value, "onUpdate:modelValue": p2[0] || (p2[0] = (e2) => k.value = e2), rows: 4, type: "textarea", placeholder: "请填写修改日志" }, null, 8, ["modelValue"])]), _: 1 }), f(h2, { label: "" }, { default: d(() => [f(S2, { disabled: !$.value || 0 === $.value.length, modelValue: P.value, "onUpdate:modelValue": p2[1] || (p2[1] = (e2) => P.value = e2), onChange: T, label: "上次修改记录", size: "small" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })) : v("", true), g("div", w, [f(_2, { size: "small", onClick: E }, { default: d(() => p2[6] || (p2[6] = [y("返回")])), _: 1 }), D.value ? (m(), c(_2, { key: 0, size: "small", type: "primary", onClick: I }, { default: d(() => p2[7] || (p2[7] = [y(" 保存 ")])), _: 1 })) : v("", true)]), f(V2, { data: $.value, border: "", size: "small", "max-height": "350" }, { default: d(() => [f(x2, { align: "center", type: "index", width: "55", label: "序号" }), f(x2, { align: "left", prop: "description" }, { header: d(() => p2[8] || (p2[8] = [g("div", { style: { "text-align": "center" } }, "修改记录", -1)])), _: 1 }), f(x2, { align: "center", prop: "creatorName", label: "修改人", width: "100" }), f(x2, { align: "center", prop: "createdTime", width: "180", label: "修改时间", formatter: (e2) => ((e3) => {
       let l2 = new Date(e3);
       return `${l2.getFullYear()}-${("0" + (l2.getMonth() + 1)).slice(-2)}-${("0" + l2.getDate()).slice(-2)} ${("0" + l2.getHours()).slice(-2)}:${("0" + l2.getMinutes()).slice(-2)}:${("0" + l2.getSeconds()).slice(-2)}`;
-    })(e2.createdTime) }, null, 8, ["formatter"])]), _: 1 }, 8, ["data"]), g($2, { "current-page": U.value.currentPage, "onUpdate:currentPage": p2[2] || (p2[2] = (e2) => U.value.currentPage = e2), "page-size": U.value.pageSize, "onUpdate:pageSize": p2[3] || (p2[3] = (e2) => U.value.pageSize = e2), onChange: p2[4] || (p2[4] = (e2) => E({ beforeSave: true })), layout: "total, sizes, prev, pager, next, jumper", total: O.value, style: { margin: "10px 0", "justify-content": "center" } }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
+    })(e2.createdTime) }, null, 8, ["formatter"])]), _: 1 }, 8, ["data"]), f(A, { "current-page": C.value.currentPage, "onUpdate:currentPage": p2[2] || (p2[2] = (e2) => C.value.currentPage = e2), "page-size": C.value.pageSize, "onUpdate:pageSize": p2[3] || (p2[3] = (e2) => C.value.pageSize = e2), onChange: p2[4] || (p2[4] = (e2) => O({ beforeSave: true })), layout: "total, sizes, prev, pager, next, jumper", total: U.value, style: { margin: "10px 0", "justify-content": "center" } }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
   };
 } });
 export {
-  x as default
+  z as default
 };

package/dist/es/designer/service-flow-view/view-index.vue.d.ts

@@ -2,7 +2,7 @@ import { default as LogicFlow } from '@logicflow/core';
 import { NodeType } from '../service-components';
 import { Service } from '../common/types/common-type';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     logicFlowInstance: {
         type: typeof LogicFlow;
         default: () => void;
@@ -15,11 +15,11 @@ declare const _default: import('vue').DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
-}, {
+}>, {
     onDragNode: (serviceComponent: NodeType<any>) => void;
     onServiceClick: (clickService: Service) => void;
     clearFlowCanvas: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "load-tree-data": (...args: any[]) => void;
     onBlankClick: (...args: any[]) => void;
     onDeleteNode: (...args: any[]) => void;
@@ -37,14 +37,14 @@ declare const _default: import('vue').DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     "onLoad-tree-data"?: (...args: any[]) => any;
     onOnBlankClick?: (...args: any[]) => any;
     onOnDeleteNode?: (...args: any[]) => any;
     "onUpdate:logicFlowInstance"?: (...args: any[]) => any;
-}, {
+}>, {
     pageContext: Record<string, any>;
     serviceTreeData: unknown[];
     logicFlowInstance: LogicFlow;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/designer/service-flow-view/view-index.vue.js

@@ -1,5 +1,5 @@
 import e from "./view-index.vue2.js";
-import "./view-index.vue3.js";
+/* empty css                */
 import i from "../../_virtual/_plugin-vue_export-helper.js";
 const o = i(e, [["__scopeId", "data-v-04746c34"]]);
 export {

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

@@ -1,109 +1,106 @@
-import { ElSkeletonItem as e, ElSkeleton as l, ElTimeline as o, ElDrawer as a } from "element-plus/es";
+import { ElSkeleton as e, ElSkeletonItem as l, ElTimeline as o, ElDrawer as a } 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 { defineComponent as t, ref as n, computed as i, onMounted as r, openBlock as s, createElementBlock as u, Fragment as c, createElementVNode as v, withDirectives as p, createVNode as d, normalizeStyle as f, vShow as g, withCtx as m, pushScopeId as w, popScopeId as y, nextTick as S } from "vue";
-import x from "./service-node-config.vue.js";
-import b from "./service-update-log.vue.js";
-import h from "./service-flow-tool.vue.js";
-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 C from "agilebuilder-ui/src/utils/request";
-import k from "./service-params.vue.js";
-import { getRuntimeJson as O, newLogicFlow as J, registerNode as D, addInitNode as F } from "./flow-util.js";
+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 j, isDeepEqual as M } from "../common/util/node-util.js";
-import { useServiceFlowStore as V } from "../../stores/page-store.js";
-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" }, R = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, T = ((e2) => (w("data-v-04746c34"), e2 = e2(), y(), e2))(() => v("div", { class: "triangle" }, null, -1)), A = 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 = V(), A2 = t2, E = y2, L = n(), P = n(), U = n(), H = n("100%"), $ = n(), q = i(() => ({ height: H.value })), K = n(false), Q = n(), W = n(null), X = n({ code: "", name: "" }), Y = n(null);
+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 R = j(), T = t2, A = G2, E = n(), L = 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 ($.value) {
-      const e2 = $.value.getBoundingClientRect();
-      (e2.y || 0 === e2.y) && (H.value = window.innerHeight - e2.y + "px");
+    if (H.value) {
+      const e2 = H.value.getBoundingClientRect();
+      (e2.y || 0 === e2.y) && (U.value = window.innerHeight - e2.y + "px");
     }
   });
-  const Z = (e2) => {
+  const Y = (e2) => {
     e2();
-  }, ee = () => {
-    X.value.variables && le(X.value.variables);
-  }, le = (e2) => {
+  }, Z = () => {
+    W.value.variables && ee(W.value.variables);
+  }, ee = (e2) => {
     e2.forEach((e3) => {
-      delete e3.$editing, e3.items && le(e3.items);
+      delete e3.$editing, e3.items && ee(e3.items);
     });
-  }, oe = () => {
-    Q.value && (Q.value.on("connection:not-allowed", (e2) => {
-    }), Q.value.on("blank:click", (e2) => {
-      P.value.onBlankClick();
-    }), Q.value.on("selection:selected", () => {
-      Q.value && Q.value.extension.selectionSelect.closeSelectionSelect();
-    }), Q.value.on("node:click", (e2) => {
-      Y.value && Y.value.data.id === e2.data.id || (P.value.onNodeClick(e2), Y.value = e2);
-    }), Q.value.on("history:change", (e2) => {
+  }, le = () => {
+    K.value && (K.value.on("connection:not-allowed", (e2) => {
+    }), K.value.on("blank:click", (e2) => {
+      L.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 || (L.value.onNodeClick(e2), X.value = e2);
+    }), K.value.on("history:change", (e2) => {
       e2.data.undos;
-    }), Q.value.on("custom:deleteNode", (e2) => {
-      E("onDeleteNode");
+    }), K.value.on("custom:deleteNode", (e2) => {
+      A("onDeleteNode");
     }));
-  }, ae = (e2) => {
-    if (Q.value) {
-      if (e2.id === X.value.id)
-        return;
-      ne() ? _.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
+  }, oe = (e2) => {
+    if (K.value) {
+      if (e2.id === W.value.id) return;
+      te() ? M.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
         var _a;
-        W.value = X.value, W.value.flow = (_a = Q.value) == null ? void 0 : _a.getGraphData();
-        j(X.value.code, A2.serviceTreeData).name = X.value.name, se({ beforeSave: true });
+        Q.value = W.value, Q.value.flow = (_a = K.value) == null ? void 0 : _a.getGraphData();
+        D(W.value.code, T.serviceTreeData).name = W.value.name, re({ beforeSave: true });
       }).catch(() => {
-        te(e2);
-      }) : te(e2);
-    } else
-      te(e2);
-  }, te = (e2) => {
-    P.value.closeDrawer(), X.value = JSON.parse(JSON.stringify(e2)), W.value = JSON.parse(JSON.stringify(e2)), N2.currentService = X.value, ((e3) => {
-      Q.value = J(L.value), S(() => {
-        if (L.value) {
-          const e4 = L.value.getBoundingClientRect();
-          (e4.y || 0 === e4.y) && (H.value = window.innerHeight - e4.y - 60 - 20 + "px");
+        ae(e2);
+      }) : ae(e2);
+    } else ae(e2);
+  }, ae = (e2) => {
+    L.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), R.currentService = W.value, ((e3) => {
+      K.value = k(E.value), w(() => {
+        if (E.value) {
+          const e4 = E.value.getBoundingClientRect();
+          (e4.y || 0 === e4.y) && (U.value = window.innerHeight - e4.y - 60 - 20 + "px");
         }
-      }), Q.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
-        K.value = true;
-      } }] }), oe(), D(Q.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? Q.value.render(e3.flow) : (Q.value.render(), F(Q.value));
-      const { editConfigModel: l2 } = Q.value.graphModel;
-      l2.updateEditConfig({ stopMoveGraph: false }), E("update:logicFlowInstance", Q.value);
-    })(X.value);
-  }, ne = () => {
-    if (!Q.value)
-      return false;
-    const e2 = Q.value.getGraphData(), l2 = M(W.value, X.value), o2 = M(W.value.flow, e2);
+      }), 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));
+      const { editConfigModel: l2 } = K.value.graphModel;
+      l2.updateEditConfig({ stopMoveGraph: false }), A("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);
     return !l2 || !o2;
-  }, ie = () => {
-    Q.value && (X.value.id ? se({ beforeSave: true }) : re());
-  }, re = (e2) => {
-    if (Q.value && (X.value.flow = Q.value.getGraphData(), W.value)) {
-      X.value.runtimeJson = JSON.stringify(O(X.value));
-      const l2 = JSON.parse(JSON.stringify(X.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" }), Q.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)), ae(e3), U.value.closeDialog(), E("load-tree-data"));
+  }, 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));
+      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(), A("load-tree-data"));
       });
     }
   };
-  function se(e2) {
-    U.value.showDialog(e2);
+  function re(e2) {
+    P.value.showDialog(e2);
   }
-  const ue = () => {
+  const se = () => {
   };
-  return w2({ onDragNode: (e2) => {
-    Q.value && Q.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } });
-  }, onServiceClick: ae, clearFlowCanvas: () => {
-    Q.value && (Q.value.clearData(), Q.value = null, W.value = null, X.value = { code: "", name: "" }, K.value = false, Y.value = {});
+  return b2({ onDragNode: (e2) => {
+    K.value && K.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } });
+  }, 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 = e, w3 = l, y3 = o, S2 = a;
-    return s(), u(c, null, [v("div", I, [p(v("div", z, [d(h, { cloneService: X.value, lf: Q.value, pageContext: t2.pageContext, onShowJson: ue, onShowServiceLog: se, onSaveSevice: ie }, null, 8, ["cloneService", "lf", "pageContext"]), v("div", G, [v("div", { style: f(q.value), ref_key: "logicFlowContainer", ref: L, class: "container" }, null, 4)], 512)], 512), [[g, Q.value]]), p(v("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, q.value]), ref_key: "emptyContainer", ref: $ }, [v("div", R, [d(w3, { style: { "--el-skeleton-circle-size": "100px" } }, { template: m(() => [d(r2, { variant: "circle" }), d(r2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), T]), _: 1 }), d(y3, { style: { "max-width": "600px" } })])], 4), [[g, !Q.value]]), d(S2, { modelValue: K.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => K.value = e2), "append-to-body": true, "destroy-on-close": "", "modal-class": "el-overlay", modal: true, title: "服务参数", onClose: ee, "before-close": Z, direction: "rtl", size: "50%" }, { default: m(() => [d(k, { service: X.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), d(b, { ref_key: "serviceUpdateLogRef", ref: U, onSave: re, lf: Q.value, cloneService: X.value }, null, 8, ["lf", "cloneService"]), d(x, { logicFlowInstance: t2.logicFlowInstance, currentNode: Y.value, "onUpdate:currentNode": i2[1] || (i2[1] = (e2) => Y.value = e2), sourceService: W.value, service: X.value, pageContext: t2.pageContext, ref_key: "serviceNodeConfigRef", ref: P }, 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: E, 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: L }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
   };
 } });
 export {
-  A 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').PublicProps, 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

@@ -1,5 +1,5 @@
 import e from "./component-panel.vue2.js";
-import "./component-panel.vue3.js";
+/* empty css                     */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const p = o(e, [["__scopeId", "data-v-8bad091d"]]);
 export {

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

@@ -1,16 +1,16 @@
-import { ElCol as e, ElRow as l, ElCollapseItem as s, ElCollapse as t } from "element-plus/es";
+import { ElCollapse as e, ElCollapseItem as l, ElRow as s, ElCol as t } 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 { defineComponent as n, ref as o, openBlock as m, createBlock as p, withCtx as a, createElementBlock as i, Fragment as u, renderList as r, unref as c, createElementVNode as d, createTextVNode as f, toDisplayString as g, createVNode as y } from "vue";
+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 g, createTextVNode as y } from "vue";
 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 = w2, M = o(v[0].name);
   return (n3, o2) => {
-    const w3 = e, j = l, k = s, U = t;
-    return m(), p(U, { modelValue: M.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => M.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(m(true), i(u, null, r(c(v), (e2, l2) => (m(), p(k, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [d("img", { src: e2.icon, style: { height: "18px" } }, null, 8, x), f("   "), d("b", null, g(e2.label), 1)]), default: a(() => [d("div", _, [y(j, { gutter: 14 }, { default: a(() => [(m(true), i(u, null, r(e2.items, (e3, l3) => (m(), p(w3, { span: 8 }, { default: a(() => [d("div", { class: "serviceflow-item", title: e3.label, onMousedown: (l4) => function(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] = y("   ")), d("b", null, g(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) {
       V("drag-node", e4);
     }(e3) }, [d("div", null, [d("img", { src: e3.icon, style: { height: "16px" } }, null, 8, h)]), d("span", null, g(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,9 +1,9 @@
-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;
@@ -12,11 +12,11 @@ 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;
-}, {
+}>, {
     serviceTreeData: unknown[];
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import e from "./service-list.vue2.js";
-import "./service-list.vue3.js";
+/* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const t = r(e, [["__scopeId", "data-v-da8fc67a"]]);
 export {