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

package/dist/lib/designer/service-flow-view/service-node-config.vue2.cjs

@@ -0,0 +1,32 @@
+"use strict";
+const e = require("element-plus/es");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/drawer/style/css"), require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const t = require("../service-components/index.cjs"), o = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), r = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), n = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), l = ["id"], a = o.defineComponent({ __name: "service-node-config", props: { service: { type: Object, default: () => ({}) }, currentNode: { type: Object, default: () => ({}) }, logicFlowInstance: { type: Object, default: () => ({}) }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onConfigChange", "update:currentNode"], setup(a2, { expose: d, emit: u }) {
+  const i = a2, s = r.ref({}), c = r.ref(false), p = r.ref({}), v = r.ref(), m = r.ref({ withHeader: true, drawerWidth: "" }), f = r.ref(false), y = u;
+  let w = { configComponent: null, drawerWidth: "50%" };
+  function g() {
+    c.value = false;
+  }
+  function h() {
+    f.value || C(), f.value = false, y("update:currentNode", null);
+  }
+  function C() {
+    i.currentNode, v.value && v.value.hasOwnProperty("onClose") && "function" == typeof v.value.onClose && v.value.onClose(), i.currentNode && (["start", "end"].includes(i.currentNode.type) || (v.value && v.value.hasOwnProperty("getData") && "function" == typeof v.value.getData ? i.logicFlowInstance && i.logicFlowInstance.getNodeModelById(i.currentNode.data.id) && i.logicFlowInstance.getNodeModelById(i.currentNode.data.id).setProperties(v.value.getData()) : i.logicFlowInstance.getNodeModelById(i.currentNode.data.id).setProperties(s.value)));
+  }
+  function N(e2) {
+    e2 ? (false === e2.withHeader ? m.value.withHeader = false : m.value.withHeader = true, e2.drawerWidth ? m.value.drawerWidth = e2.drawerWidth : m.value.drawerWidth = "100%") : m.value.drawerWidth = "100%";
+  }
+  return d({ onBlankClick: function() {
+    c.value && g();
+  }, onNodeClick: function(e2) {
+    ["start", "end"].includes(e2.data.type) ? (C(), g()) : (1 == c.value ? (C(), p.value = t.getServiceNodeByType(e2.data.type)) : (c.value = true, p.value = t.getServiceNodeByType(e2.data.type)), w = t.getConfigByType(e2.data.type)), s.value = e2.data.properties;
+  }, onLogicChange: function() {
+    g();
+  }, onDeleteNode: function() {
+    f.value = true, g();
+  }, closeDrawer: g }), (t2, d2) => {
+    const u2 = e.ElDrawer;
+    return o.openBlock(), o.createBlock(u2, { modelValue: c.value, "onUpdate:modelValue": d2[0] || (d2[0] = (e2) => c.value = e2), "append-to-body": false, "close-on-press-escape": false, "destroy-on-close": "", "with-header": m.value.withHeader, "modal-class": "el-overlay", modal: true, title: p.value.label, direction: "rtl", size: m.value.drawerWidth ? m.value.drawerWidth : r.unref(w).drawerWidth ? r.unref(w).drawerWidth : "50%", onClose: h }, { header: o.withCtx(({ close: e2, titleId: t3, titleClass: r2 }) => [o.createElementVNode("h4", { id: t3, class: n.normalizeClass(r2) }, n.toDisplayString(p.value.label), 11, l)]), default: o.withCtx(() => [(o.openBlock(), o.createBlock(o.resolveDynamicComponent(r.unref(w).configComponent), { ref_key: "configComponentRef", ref: v, logicFlowInstance: a2.logicFlowInstance, currentNode: a2.currentNode, properties: s.value, service: a2.service, pageContext: a2.pageContext, onFullScreen: N }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service", "pageContext"]))]), _: 1 }, 8, ["modelValue", "with-header", "title", "size"]);
+  };
+} });
+module.exports = a;

package/dist/lib/designer/service-flow-view/service-params.vue.cjs

@@ -0,0 +1,50 @@
+"use strict";
+const e = require("element-plus/es");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/form/style/css"), require("element-plus/es/components/checkbox/style/css"), require("element-plus/es/components/text/style/css"), require("element-plus/es/components/alert/style/css"), require("element-plus/es/components/table/style/css"), require("element-plus/es/components/dropdown/style/css"), require("element-plus/es/components/dropdown-menu/style/css"), require("element-plus/es/components/dropdown-item/style/css"), require("element-plus/es/components/button/style/css"), require("element-plus/es/components/select/style/css"), require("element-plus/es/components/option/style/css"), require("element-plus/es/components/table-column/style/css"), require("element-plus/es/components/divider/style/css"), require("element-plus/es/components/form-item/style/css"), require("element-plus/es/components/input/style/css"), require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const l = require("../common/components/value-set-input/value-set-input.vue.cjs"), t = require("uuid"), o = require("./service-result.vue.cjs"), a = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), s = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), r = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), n = { key: 0 }, i = { key: 0 }, d = { key: 0 }, c = a.defineComponent({ __name: "service-params", props: { service: { type: Object, default: () => ({ log: {} }) } }, setup(c2, { expose: u }) {
+  const m = c2;
+  m.service.variables || (m.service.variables = []), m.service.log || (m.service.log = {});
+  const p = ["string", "int", "boolean", "array", "object", "number"];
+  let V = null;
+  const y = (e2) => {
+    e2.$editing = true, v(e2);
+  };
+  function v(e2) {
+    null != V && V.code != e2.code && (V.$editing = false), V = e2;
+  }
+  const w = () => {
+    const e2 = x();
+    m.service.variables.push(e2), v(e2);
+  }, b = (e2, l2) => {
+    e2.forEach((t2, o2) => {
+      if (t2.code === l2.code) {
+        const l3 = x();
+        l3.level = t2.level, e2.splice(o2 + 1, 0, l3), v(l3);
+      } else t2.items && t2.items.length > 0 && b(t2.items, l2);
+    });
+  }, h = (e2, l2) => {
+    for (let t2 = 0; t2 < e2.length; t2++) {
+      const o2 = e2[t2];
+      if (o2.code === l2.code) return void e2.splice(t2, 1);
+      o2.items && o2.items.length > 0 && h(o2.items, l2);
+    }
+  }, x = () => ({ level: 0, code: t.v4(), name: "", alias: "", type: "string", defaultValue: "", items: [], $editing: true });
+  return u({}), (u2, V2) => {
+    const k = e.ElInput, _ = e.ElFormItem, g = e.ElDivider, f = e.ElTableColumn, C = e.ElOption, N = e.ElSelect, E = e.ElButton, q = e.ElDropdownItem, B = e.ElDropdownMenu, U = e.ElDropdown, j = e.ElTable, z = e.ElAlert, $ = e.ElText, T = e.ElCheckbox, A = e.ElForm;
+    return a.openBlock(), a.createElementBlock("div", null, [a.createVNode(A, { "label-width": "auto", "label-position": "left", size: "small" }, { default: a.withCtx(() => [a.createVNode(_, { label: "服务名称：" }, { default: a.withCtx(() => [a.createVNode(k, { modelValue: c2.service.name, "onUpdate:modelValue": V2[0] || (V2[0] = (e2) => c2.service.name = e2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 }), a.createVNode(_, { label: "服务自定义编码：" }, { default: a.withCtx(() => [a.createVNode(k, { disabled: true, modelValue: c2.service.customCode, "onUpdate:modelValue": V2[1] || (V2[1] = (e2) => c2.service.customCode = e2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 }), a.createVNode(g), a.createVNode(j, { data: c2.service.variables, style: { width: "100%", "margin-top": "20px", "margin-bottom": "20px" }, "row-key": "code", size: "small", onRowClick: y, border: "", "tree-props": { children: "items" }, "default-expand-all": "" }, { default: a.withCtx(() => [a.createVNode(f, { type: "index", width: "50", label: "序号", align: "center" }), a.createVNode(f, { prop: "name", width: "170", label: "变量名" }, { default: a.withCtx((e2) => [e2.row.$editing ? (a.openBlock(), a.createBlock(k, { key: 1, size: "small", disabled: e2.row.isArrayElement, modelValue: e2.row.name, "onUpdate:modelValue": (l2) => e2.row.name = l2, placeholder: "", style: { "margin-right": "10px" } }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : (a.openBlock(), a.createElementBlock("span", n, s.toDisplayString(e2.row.name), 1))]), _: 1 }), a.createVNode(f, { prop: "alias", width: "110", label: "别名" }, { default: a.withCtx((e2) => [e2.row.$editing ? (a.openBlock(), a.createElementBlock(a.Fragment, { key: 1 }, [e2.row.isArrayElement ? a.createCommentVNode("", true) : (a.openBlock(), a.createBlock(k, { key: 0, size: "small", modelValue: e2.row.alias, "onUpdate:modelValue": (l2) => e2.row.alias = l2, placeholder: "" }, null, 8, ["modelValue", "onUpdate:modelValue"]))], 64)) : (a.openBlock(), a.createElementBlock("span", i, s.toDisplayString(e2.row.alias), 1))]), _: 1 }), a.createVNode(f, { prop: "type", width: "90", label: "类型" }, { default: a.withCtx((e2) => [e2.row.$editing ? (a.openBlock(), a.createBlock(N, { key: 1, modelValue: e2.row.type, "onUpdate:modelValue": (l2) => e2.row.type = l2, onChange: (l2) => {
+      return o2 = l2, e2.$index, a2 = e2.row, void ("array" === o2 ? (a2.items = [], a2.items.push({ level: a2.level + 1, code: t.v4(), name: "items", isArrayElement: true, alias: "", type: "object", defaultValue: "", items: [] })) : a2.items && a2.items.length > 0 && ("object" === o2 ? a2.items = [] : a2.items && delete a2.items));
+      var o2, a2;
+    }, placeholder: "", size: "small" }, { default: a.withCtx(() => [(a.openBlock(), a.createElementBlock(a.Fragment, null, a.renderList(p, (e3) => a.createVNode(C, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (a.openBlock(), a.createElementBlock("span", d, s.toDisplayString(e2.row.type), 1))]), _: 1 }), a.createVNode(f, { prop: "defaultValue", label: "默认值", width: "160" }, { default: a.withCtx((e2) => [e2.row.isArrayElement ? a.createCommentVNode("", true) : (a.openBlock(), a.createBlock(r.unref(l), { key: 0, showLabel: !e2.row.$editing, size: "small", paramTypes: ["request", "system", "context", "fixed"], modelValue: e2.row.defaultValue, "onUpdate:modelValue": (l2) => e2.row.defaultValue = l2 }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), a.createVNode(f, { align: "center", width: 90 }, { header: a.withCtx(() => [a.createVNode(E, { type: "primary", size: "small", onClick: w, link: "" }, { default: a.withCtx(() => V2[6] || (V2[6] = [a.createTextVNode("添加 ", -1)])), _: 1, __: [6] })]), default: a.withCtx((e2) => [a.createVNode(U, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: a.withCtx(() => [a.createVNode(B, null, { default: a.withCtx(() => ["object" === e2.row.type ? (a.openBlock(), a.createBlock(q, { key: 0, onClick: (l2) => ((e3, l3) => {
+      l3.items || (l3.items = []);
+      const t2 = x();
+      t2.level = l3.level + 1, l3.items.push(t2), v(t2);
+    })(e2.$index, e2.row) }, { default: a.withCtx(() => V2[8] || (V2[8] = [a.createTextVNode("添加下级节点", -1)])), _: 2, __: [8] }, 1032, ["onClick"])) : a.createCommentVNode("", true), e2.row.isArrayElement ? a.createCommentVNode("", true) : (a.openBlock(), a.createBlock(q, { key: 1, onClick: (l2) => {
+      return e2.$index, t2 = e2.row, void b(m.service.variables, t2);
+      var t2;
+    } }, { default: a.withCtx(() => V2[9] || (V2[9] = [a.createTextVNode("添加相邻节点", -1)])), _: 2, __: [9] }, 1032, ["onClick"]))]), _: 2 }, 1024)]), default: a.withCtx(() => [a.createVNode(E, { type: "primary", link: "", size: "small" }, { default: a.withCtx(() => V2[7] || (V2[7] = [a.createTextVNode(" 添加 ", -1)])), _: 1, __: [7] })]), _: 2 }, 1024), a.createVNode(E, { type: "danger", size: "small", disabled: e2.row.isArrayElement, link: "", onClick: (l2) => {
+      return e2.$index, t2 = e2.row, void h(m.service.variables, t2);
+      var t2;
+    } }, { default: a.withCtx(() => V2[10] || (V2[10] = [a.createTextVNode(" 删除 ", -1)])), _: 2, __: [10] }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), a.createVNode(z, { title: "返回值定义", type: "info", closable: false, style: { "margin-bottom": "10px" } }), a.createVNode(o, { service: c2.service }, null, 8, ["service"]), a.createVNode($, { style: { "margin-top": "10px", "margin-bottom": "10px", display: "block" }, type: "success" }, { default: a.withCtx(() => V2[11] || (V2[11] = [a.createTextVNode("说明：可不设置变量名，未设置时以值来源的字段名为变量名", -1)])), _: 1, __: [11] }), a.createVNode(z, { title: "执行异常消息格式化", type: "info", closable: false, style: { "margin-bottom": "10px" } }), a.createVNode(_, null, { default: a.withCtx(() => [a.createVNode(k, { type: "textarea", modelValue: c2.service.errorMessage, "onUpdate:modelValue": V2[2] || (V2[2] = (e2) => c2.service.errorMessage = e2) }, null, 8, ["modelValue"])]), _: 1 }), a.createVNode(z, { title: "操作日志", type: "info", closable: false, style: { "margin-bottom": "10px" } }), a.createVNode(_, null, { default: a.withCtx(() => [a.createVNode(T, { modelValue: c2.service.log.enable, "onUpdate:modelValue": V2[3] || (V2[3] = (e2) => c2.service.log.enable = e2), label: "启用操作日志" }, null, 8, ["modelValue"])]), _: 1 }), a.createVNode(_, { label: "标题：" }, { default: a.withCtx(() => [a.createVNode(k, { disabled: !c2.service.log.enable, modelValue: c2.service.log.title, "onUpdate:modelValue": V2[4] || (V2[4] = (e2) => c2.service.log.title = e2), placeholder: "" }, null, 8, ["disabled", "modelValue"])]), _: 1 }), a.createVNode(_, { label: "内容：" }, { default: a.withCtx(() => [a.createVNode(k, { disabled: !c2.service.log.enable, modelValue: c2.service.log.content, "onUpdate:modelValue": V2[5] || (V2[5] = (e2) => c2.service.log.content = e2), autosize: { minRows: 2, maxRows: 4 }, type: "textarea", placeholder: "" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })]);
+  };
+} });
+module.exports = c;

package/dist/lib/designer/service-flow-view/service-params.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    service: {
+        type: ObjectConstructor;
+        default: () => {
+            log: {};
+        };
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    service: {
+        type: ObjectConstructor;
+        default: () => {
+            log: {};
+        };
+    };
+}>> & Readonly<{}>, {
+    service: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/designer/service-flow-view/service-params.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./service-params.vue.cjs");
+module.exports = e;

package/dist/lib/designer/service-flow-view/service-result.vue.cjs

@@ -0,0 +1,54 @@
+"use strict";
+const e = require("element-plus/es");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/table/style/css"), require("element-plus/es/components/dropdown/style/css"), require("element-plus/es/components/dropdown-menu/style/css"), require("element-plus/es/components/dropdown-item/style/css"), require("element-plus/es/components/button/style/css"), require("element-plus/es/components/select/style/css"), require("element-plus/es/components/option/style/css"), require("element-plus/es/components/input/style/css"), require("element-plus/es/components/table-column/style/css"), require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const t = require("../common/components/value-set-input/value-set-input.vue.cjs"), l = require("uuid"), o = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), r = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), n = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), s = { key: 0 }, a = { key: 0 }, i = { key: 0 }, d = o.defineComponent({ __name: "service-result", props: { service: { type: Object, default: () => ({ returnValues: [] }) } }, setup(d2, { expose: c }) {
+  const u = d2;
+  u.service.returnValues || (u.service.returnValues = []);
+  const m = ["any", "array", "object", "string", "number", "date"];
+  let p = null;
+  const w = (e2) => {
+    e2.$editing = true, y(e2);
+  };
+  function y(e2) {
+    null != p && p.code != e2.code && (p.$editing = false), p = e2;
+  }
+  const v = () => {
+    const e2 = V();
+    u.service.returnValues.push(e2), y(e2);
+  }, k = (e2, t2) => {
+    e2.forEach((l2, o2) => {
+      if (l2.code === t2.code) {
+        const t3 = V();
+        t3.level = l2.level, e2.splice(o2 + 1, 0, t3), y(t3);
+      } else l2.items && l2.items.length > 0 && k(l2.items, t2);
+    });
+  }, h = (e2, t2) => {
+    for (let l2 = 0; l2 < e2.length; l2++) {
+      const o2 = e2[l2];
+      if (o2.code === t2.code) return void e2.splice(l2, 1);
+      o2.items && o2.items.length > 0 && h(o2.items, t2);
+    }
+  };
+  const V = () => ({ code: l.v4(), name: "", type: "any", value: "", items: [], $editing: true });
+  return c({}), (c2, p2) => {
+    const _ = e.ElTableColumn, x = e.ElInput, C = e.ElOption, b = e.ElSelect, g = e.ElButton, B = e.ElDropdownItem, f = e.ElDropdownMenu, E = e.ElDropdown, N = e.ElTable;
+    return o.openBlock(), o.createBlock(N, { data: d2.service.returnValues, style: { width: "100%", "margin-top": "20px", "margin-bottom": "10px" }, "row-key": "code", size: "small", onRowClick: w, border: "", "tree-props": { children: "items" }, "default-expand-all": "" }, { default: o.withCtx(() => [o.createVNode(_, { type: "index", width: "50", label: "序号", align: "center" }), o.createVNode(_, { prop: "name", width: "170", label: "变量名" }, { default: o.withCtx((e2) => [e2.row.$editing ? (o.openBlock(), o.createBlock(x, { key: 1, size: "small", disabled: e2.row.isArrayElement, modelValue: e2.row.name, "onUpdate:modelValue": (t2) => e2.row.name = t2, placeholder: "", style: { "margin-right": "10px" }, onChange: (t2) => {
+      var l2;
+      (l2 = e2.row).alias || (l2.alias = l2.name);
+    } }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "onChange"])) : (o.openBlock(), o.createElementBlock("span", s, r.toDisplayString(e2.row.name), 1))]), _: 1 }), o.createVNode(_, { prop: "alias", width: "110", label: "别名" }, { default: o.withCtx((e2) => [e2.row.$editing ? (o.openBlock(), o.createElementBlock(o.Fragment, { key: 1 }, [e2.row.isArrayElement ? o.createCommentVNode("", true) : (o.openBlock(), o.createBlock(x, { key: 0, size: "small", modelValue: e2.row.alias, "onUpdate:modelValue": (t2) => e2.row.alias = t2, placeholder: "" }, null, 8, ["modelValue", "onUpdate:modelValue"]))], 64)) : (o.openBlock(), o.createElementBlock("span", a, r.toDisplayString(e2.row.alias), 1))]), _: 1 }), o.createVNode(_, { prop: "type", width: "90", label: "类型" }, { default: o.withCtx((e2) => [e2.row.$editing ? (o.openBlock(), o.createBlock(b, { key: 1, modelValue: e2.row.type, "onUpdate:modelValue": (t2) => e2.row.type = t2, onChange: (t2) => {
+      return o2 = t2, e2.$index, r2 = e2.row, void ("array" === o2 ? (r2.items = [], r2.items.push({ level: r2.level + 1, code: l.v4(), name: "items", isArrayElement: true, alias: "", type: "object", value: "", items: [] })) : r2.items && r2.items.length > 0 && ("object" === o2 ? r2.items = [] : r2.items && delete r2.items));
+      var o2, r2;
+    }, placeholder: "", size: "small" }, { default: o.withCtx(() => [(o.openBlock(), o.createElementBlock(o.Fragment, null, o.renderList(m, (e3) => o.createVNode(C, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (o.openBlock(), o.createElementBlock("span", i, r.toDisplayString(e2.row.type), 1))]), _: 1 }), o.createVNode(_, { prop: "value", label: "值来源", width: "160" }, { default: o.withCtx((e2) => [e2.row.isArrayElement ? o.createCommentVNode("", true) : (o.openBlock(), o.createBlock(n.unref(t), { key: 0, showLabel: !e2.row.$editing, size: "small", paramTypes: ["request", "service", "data", "system", "context", "fixed"], modelValue: e2.row.value, "onUpdate:modelValue": (t2) => e2.row.value = t2 }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), o.createVNode(_, { align: "center", width: 90 }, { header: o.withCtx(() => [o.createVNode(g, { type: "primary", size: "small", onClick: v, link: "" }, { default: o.withCtx(() => p2[0] || (p2[0] = [o.createTextVNode("添加 ", -1)])), _: 1, __: [0] })]), default: o.withCtx((e2) => [o.createVNode(E, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: o.withCtx(() => [o.createVNode(f, null, { default: o.withCtx(() => ["object" === e2.row.type ? (o.openBlock(), o.createBlock(B, { key: 0, onClick: (t2) => ((e3, t3) => {
+      t3.items || (t3.items = []);
+      const l2 = V();
+      l2.level = t3.level + 1, t3.items.push(l2), y(l2);
+    })(e2.$index, e2.row) }, { default: o.withCtx(() => p2[2] || (p2[2] = [o.createTextVNode("添加下级节点", -1)])), _: 2, __: [2] }, 1032, ["onClick"])) : o.createCommentVNode("", true), e2.row.isArrayElement ? o.createCommentVNode("", true) : (o.openBlock(), o.createBlock(B, { key: 1, onClick: (t2) => {
+      return e2.$index, l2 = e2.row, void k(u.service.returnValues, l2);
+      var l2;
+    } }, { default: o.withCtx(() => p2[3] || (p2[3] = [o.createTextVNode("添加相邻节点", -1)])), _: 2, __: [3] }, 1032, ["onClick"]))]), _: 2 }, 1024)]), default: o.withCtx(() => [o.createVNode(g, { type: "primary", link: "", size: "small" }, { default: o.withCtx(() => p2[1] || (p2[1] = [o.createTextVNode(" 添加 ", -1)])), _: 1, __: [1] })]), _: 2 }, 1024), o.createVNode(g, { type: "danger", size: "small", disabled: e2.row.isArrayElement, link: "", onClick: (t2) => {
+      return e2.$index, l2 = e2.row, void h(u.service.returnValues, l2);
+      var l2;
+    } }, { default: o.withCtx(() => p2[4] || (p2[4] = [o.createTextVNode(" 删除 ", -1)])), _: 2, __: [4] }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]);
+  };
+} });
+module.exports = d;

package/dist/lib/designer/service-flow-view/service-result.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    service: {
+        type: ObjectConstructor;
+        default: () => {
+            returnValues: any[];
+        };
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    service: {
+        type: ObjectConstructor;
+        default: () => {
+            returnValues: any[];
+        };
+    };
+}>> & Readonly<{}>, {
+    service: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/designer/service-flow-view/service-result.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./service-result.vue.cjs");
+module.exports = e;

package/dist/lib/designer/service-flow-view/service-test/request-params.vue.cjs

@@ -0,0 +1,39 @@
+"use strict";
+const e = require("element-plus/es");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/table/style/css"), require("element-plus/es/components/dropdown/style/css"), require("element-plus/es/components/dropdown-menu/style/css"), require("element-plus/es/components/dropdown-item/style/css"), require("element-plus/es/components/button/style/css"), require("element-plus/es/components/switch/style/css"), require("element-plus/es/components/input-number/style/css"), require("element-plus/es/components/select/style/css"), require("element-plus/es/components/option/style/css"), require("element-plus/es/components/table-column/style/css"), require("element-plus/es/components/input/style/css"), require("../../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const t = require("uuid"), l = require("../../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), o = l.defineComponent({ __name: "request-params", props: { entityData: { type: Array, default: () => [] } }, setup(o2) {
+  const a = o2, r = ["string", "int", "number", "boolean", "array", "object"], n = () => {
+    a.entityData.push({ code: t.v4(), name: "", type: "string", value: "" });
+  }, s = () => ({ code: t.v4(), name: "", type: "string", value: "" }), d = (e2, t2) => {
+    e2.forEach((l2, o3) => {
+      if (l2.code === t2.code) {
+        const t3 = s();
+        l2.isArrayElement && (t3.type = l2.type, t3.lockedType = true), e2.splice(o3 + 1, 0, t3);
+      } else l2.items && l2.items.length > 0 && d(l2.items, t2);
+    });
+  }, i = (e2, t2) => {
+    for (let l2 = 0; l2 < e2.length; l2++) {
+      const o3 = e2[l2];
+      if (o3.code === t2.code) return void e2.splice(l2, 1);
+      o3.items && o3.items.length > 0 && i(o3.items, t2);
+    }
+  };
+  return (c, m) => {
+    const u = e.ElInput, p = e.ElTableColumn, y = e.ElOption, w = e.ElSelect, V = e.ElInputNumber, h = e.ElSwitch, b = e.ElButton, k = e.ElDropdownItem, v = e.ElDropdownMenu, C = e.ElDropdown, _ = e.ElTable;
+    return l.openBlock(), l.createBlock(_, { data: o2.entityData, style: { width: "100%", "margin-bottom": "20px" }, "tree-props": { children: "items" }, "row-key": "code", border: "", size: "small", "default-expand-all": "" }, { default: l.withCtx(() => [l.createVNode(p, { align: "center", prop: "name", label: "参数名", style: { "padding-right": "20px" } }, { default: l.withCtx((e2) => [l.createVNode(u, { size: "small", disabled: e2.row.isArrayElement || e2.row.lockedName, style: { width: "90%" }, modelValue: e2.row.name, "onUpdate:modelValue": (t2) => e2.row.name = t2, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])]), _: 1 }), l.createVNode(p, { align: "center", prop: "type", label: "类型" }, { default: l.withCtx((e2) => [l.createVNode(w, { style: { width: "90%" }, disabled: e2.row.lockedType, modelValue: e2.row.type, "onUpdate:modelValue": (t2) => e2.row.type = t2, onChange: (l2) => {
+      return o3 = l2, e2.$index, void ((a2 = e2.row).isArrayElement ? delete a2.items : "object" === o3 ? a2.items = [] : "array" === o3 ? (a2.items = [], a2.items.push({ isArrayElement: true, code: t.v4(), name: "items", type: "string", value: "" })) : delete a2.items);
+      var o3, a2;
+    }, placeholder: "", size: "small" }, { default: l.withCtx(() => [(l.openBlock(), l.createElementBlock(l.Fragment, null, l.renderList(r, (e3) => l.createVNode(y, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "onChange"])]), _: 1 }), l.createVNode(p, { align: "center", prop: "value", label: "值" }, { default: l.withCtx((e2) => ["string" === e2.row.type ? (l.openBlock(), l.createBlock(u, { key: 0, size: "small", disabled: e2.row.isArrayElement || "object" === e2.row.type || "array" === e2.row.type, style: { width: "90%" }, modelValue: e2.row.value, "onUpdate:modelValue": (t2) => e2.row.value = t2, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : l.createCommentVNode("", true), "number" === e2.row.type ? (l.openBlock(), l.createBlock(u, { key: 1, size: "small", disabled: e2.row.isArrayElement || "object" === e2.row.type || "array" === e2.row.type, style: { width: "90%" }, type: "number", modelValue: e2.row.value, "onUpdate:modelValue": (t2) => e2.row.value = t2, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : "int" === e2.row.type ? (l.openBlock(), l.createBlock(V, { key: 2, size: "small", disabled: e2.row.isArrayElement || "object" === e2.row.type || "array" === e2.row.type, style: { width: "90%" }, modelValue: e2.row.value, "onUpdate:modelValue": (t2) => e2.row.value = t2, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : "boolean" === e2.row.type ? (l.openBlock(), l.createBlock(h, { key: 3, size: "small", disabled: e2.row.isArrayElement || "object" === e2.row.type || "array" === e2.row.type, style: { width: "90%" }, modelValue: e2.row.value, "onUpdate:modelValue": (t2) => e2.row.value = t2, placeholder: "" }, { "active-action": l.withCtx(() => m[0] || (m[0] = [l.createElementVNode("span", { class: "custom-active-action" }, "T", -1)])), "inactive-action": l.withCtx(() => m[1] || (m[1] = [l.createElementVNode("span", { class: "custom-inactive-action" }, "F", -1)])), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"])) : l.createCommentVNode("", true)]), _: 1 }), l.createVNode(p, { align: "center", width: 100 }, { header: l.withCtx(() => [l.createVNode(b, { type: "primary", size: "small", onClick: n, link: "" }, { default: l.withCtx(() => m[2] || (m[2] = [l.createTextVNode("添加 ", -1)])), _: 1, __: [2] })]), default: l.withCtx((e2) => [l.createVNode(C, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: l.withCtx(() => [l.createVNode(v, null, { default: l.withCtx(() => ["object" === e2.row.type || e2.row.isArrayElement ? (l.openBlock(), l.createBlock(k, { key: 0, onClick: (t2) => ((e3, t3) => {
+      t3.items || (t3.items = []);
+      const l2 = s();
+      t3.items || (t3.items = []), "object" !== t3.type && (l2.lockedName = true), t3.isArrayElement && (l2.type = t3.type, l2.lockedType = true), t3.items.push(l2);
+    })(e2.$index, e2.row) }, { default: l.withCtx(() => m[4] || (m[4] = [l.createTextVNode("添加下级节点", -1)])), _: 2, __: [4] }, 1032, ["onClick"])) : l.createCommentVNode("", true), e2.row.isArrayElement ? l.createCommentVNode("", true) : (l.openBlock(), l.createBlock(k, { key: 1, onClick: (t2) => {
+      return e2.$index, l2 = e2.row, void d(a.entityData, l2);
+      var l2;
+    } }, { default: l.withCtx(() => m[5] || (m[5] = [l.createTextVNode("添加相邻节点", -1)])), _: 2, __: [5] }, 1032, ["onClick"]))]), _: 2 }, 1024)]), default: l.withCtx(() => [l.createVNode(b, { type: "primary", link: "", size: "small" }, { default: l.withCtx(() => m[3] || (m[3] = [l.createTextVNode(" 添加 ", -1)])), _: 1, __: [3] })]), _: 2 }, 1024), l.createVNode(b, { type: "danger", size: "small", disabled: e2.row.isArrayElement, link: "", onClick: (t2) => {
+      return e2.$index, l2 = e2.row, void i(a.entityData, l2);
+      var l2;
+    } }, { default: l.withCtx(() => m[6] || (m[6] = [l.createTextVNode(" 删除 ", -1)])), _: 2, __: [6] }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]);
+  };
+} });
+module.exports = o;

package/dist/lib/designer/service-flow-view/service-test/request-params.vue.d.ts

@@ -0,0 +1,16 @@
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    entityData: {
+        type: PropType<any[]>;
+        default: () => any[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    entityData: {
+        type: PropType<any[]>;
+        default: () => any[];
+    };
+}>> & Readonly<{}>, {
+    entityData: any[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/designer/service-flow-view/service-test/request-params.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./request-params.vue.cjs");
+module.exports = e;

package/dist/lib/designer/service-flow-view/service-test/service-test.vue.cjs

@@ -0,0 +1,60 @@
+"use strict";
+const e = require("element-plus/es");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/dialog/style/css"), require("element-plus/es/components/button/style/css"), require("element-plus/es/components/container/style/css"), require("element-plus/es/components/aside/style/css"), require("element-plus/es/components/tabs/style/css"), require("element-plus/es/components/tab-pane/style/css"), require("element-plus/es/components/radio-group/style/css"), require("element-plus/es/components/radio-button/style/css"), require("../../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const t = require("codemirror"), o = require("@codemirror/lang-json"), l = require("@codemirror/state"), r = require("agilebuilder-ui"), n = require("@logicflow/core"), u = require("../../common/components/json-view/json-view.vue.cjs"), a = require("@uiw/codemirror-themes-all"), s = require("./request-params.vue.cjs"), i = require("../flow-util.cjs"), d = require("../../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), c = require("../../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), m = require("../../../node_modules/.pnpm/@vue_runtime-dom@3.5.18/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.cjs"), p = { class: "dialog-footer" }, v = d.defineComponent({ __name: "service-test", props: { modelValue: { type: Boolean, default: false }, appendToBody: { type: Boolean, default: false }, cloneService: { type: Object, default: () => {
+} }, lf: { type: n, default: () => {
+} }, pageContext: { type: Object, default: () => ({}) } }, emits: ["update:modelValue"], setup(n2, { emit: v2 }) {
+  const f = n2, y = v2, V = c.ref(), g = c.ref(false), w = c.ref("entity"), h = c.ref("json"), b = c.ref("returnValue"), N = c.ref([]), _ = c.ref([]), x = c.ref(null), q = c.ref(""), C = c.ref(), S = c.ref(null);
+  d.watch(() => f.modelValue, (e2) => {
+    e2 && j();
+  });
+  const j = () => {
+    g.value = true, d.nextTick(() => {
+      !function() {
+        x.value && x.value.destroy();
+        const e2 = J();
+        let o2 = document.getElementById("cfCodemirrorJsonTest");
+        o2 && (x.value = new t.EditorView({ state: e2, parent: o2 }));
+      }();
+    });
+  }, E = () => {
+    g.value = false, y("update:modelValue", false);
+  };
+  function J() {
+    const e2 = a.vscodeDark;
+    if (C.value = window.innerHeight - 100, V.value) {
+      const e3 = V.value.getBoundingClientRect();
+      (e3.y || 0 === e3.y) && (C.value = window.innerHeight - e3.y - 100);
+    }
+    const r2 = t.EditorView.theme({ ".cm-content, .cm-gutter": { minHeight: C.value + "px" }, "&": { height: C.value + "px", maxHeight: C.value + "px", fontSize: "12px" } });
+    return l.EditorState.create({ doc: q.value, extensions: [l.EditorState.tabSize.of(16), t.basicSetup, o.json(), e2, r2, t.EditorView.updateListener.of(function(e3) {
+      q.value = e3.state.doc.toString();
+    })] });
+  }
+  const O = () => {
+    const e2 = T(), t2 = function(e3, t3) {
+      if (t3) return e3;
+      {
+        let t4 = window.$vueApp.config.globalProperties.baseURL;
+        return e3 && (t4 = r.getSystemBackendUrl(e3)), t4;
+      }
+    }(f.pageContext.backendUrl, f.pageContext.isTest);
+    r.http.post(t2 + "/dsc/service-flow/test", e2).then((e3) => {
+      S.value = e3;
+    }).catch((e3) => {
+      S.value = e3.response;
+    });
+  }, T = () => {
+    const e2 = { inputType: h.value, inputJson: q.value, entity: N.value, requestParams: _.value, serviceFlowJson: k(), pageDesignJson: B() };
+    return N.value, _.value, e2;
+  }, k = () => {
+    var _a;
+    const e2 = JSON.parse(JSON.stringify(f.cloneService));
+    return e2.flow = (_a = f.lf) == null ? void 0 : _a.getGraphData(), e2.runtimeJson = JSON.stringify(i.getRuntimeJson(e2)), e2.variables = JSON.stringify(e2.variables), e2.log = JSON.stringify(e2.log), e2.flow = JSON.stringify(e2.flow), e2.returnValues = JSON.stringify(e2.returnValues), JSON.stringify(e2);
+  }, B = () => JSON.stringify({ tableCode: "test_servicflow_query" });
+  return (t2, o2) => {
+    const l2 = e.ElRadioButton, r2 = e.ElRadioGroup, a2 = e.ElTabPane, i2 = e.ElTabs, v3 = e.ElAside, f2 = e.ElContainer, y2 = e.ElButton, x2 = e.ElDialog;
+    return d.openBlock(), d.createBlock(x2, { fullscreen: true, "destroy-on-close": "", modelValue: g.value, "onUpdate:modelValue": o2[4] || (o2[4] = (e2) => g.value = e2), "append-to-body": n2.appendToBody, title: "测试", onClose: E }, { footer: d.withCtx(() => [d.createElementVNode("div", p, [d.createVNode(y2, { type: "default", onClick: o2[3] || (o2[3] = (e2) => g.value = false) }, { default: d.withCtx(() => o2[5] || (o2[5] = [d.createTextVNode("关闭", -1)])), _: 1, __: [5] }), d.createVNode(y2, { type: "primary", onClick: O }, { default: d.withCtx(() => o2[6] || (o2[6] = [d.createTextVNode(" 运行 ", -1)])), _: 1, __: [6] })])]), default: d.withCtx(() => [d.createVNode(f2, null, { default: d.withCtx(() => [d.createVNode(v3, { width: "50%", style: { padding: "0 10px" } }, { default: d.withCtx(() => [d.createElementVNode("div", null, [d.createVNode(r2, { modelValue: h.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => h.value = e2), size: "small" }, { default: d.withCtx(() => [d.createVNode(l2, { label: "JSON", value: "json" }), d.createVNode(l2, { label: "变量录入", value: "custom" })]), _: 1 }, 8, ["modelValue"]), d.withDirectives(d.createVNode(i2, { modelValue: w.value, "onUpdate:modelValue": o2[1] || (o2[1] = (e2) => w.value = e2), class: "demo-tabs" }, { default: d.withCtx(() => [d.createVNode(a2, { label: "entity", name: "entity" }, { default: d.withCtx(() => [d.createVNode(s, { "entity-data": N.value }, null, 8, ["entity-data"])]), _: 1 }), d.createVNode(a2, { label: "request", name: "request" }, { default: d.withCtx(() => [d.createVNode(s, { "entity-data": _.value }, null, 8, ["entity-data"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), [[m.vShow, "custom" === h.value]]), d.withDirectives(d.createElementVNode("div", { style: { marginTop: "10px", backgroundColor: "#fff", color: "#333" }, ref_key: "cfCodemirrorJsonTestRef", ref: V, id: "cfCodemirrorJsonTest" }, null, 512), [[m.vShow, "json" === h.value]])])]), _: 1 }), d.createVNode(v3, { width: "50%", style: { padding: "0 10px" } }, { default: d.withCtx(() => [d.createElementVNode("div", null, [d.createVNode(r2, { modelValue: b.value, "onUpdate:modelValue": o2[2] || (o2[2] = (e2) => b.value = e2), size: "small", style: { "margin-bottom": "10px" } }, { default: d.withCtx(() => [d.createVNode(l2, { label: "返回结果", value: "returnValue" })]), _: 1 }, 8, ["modelValue"]), d.createVNode(c.unref(u), { jsonObject: S.value, height: C.value, theme: "vscodeDark" }, null, 8, ["jsonObject", "height"])])]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["modelValue", "append-to-body"]);
+  };
+} });
+module.exports = v;

package/dist/lib/designer/service-flow-view/service-test/service-test.vue.d.ts

@@ -0,0 +1,56 @@
+import { default as LogicFlow } from '@logicflow/core';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cloneService: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    lf: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    pageContext: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cloneService: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    lf: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    pageContext: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    pageContext: Record<string, any>;
+    modelValue: boolean;
+    appendToBody: boolean;
+    lf: LogicFlow;
+    cloneService: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/designer/service-flow-view/service-test/service-test.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./service-test.vue.cjs");
+module.exports = e;

package/dist/lib/designer/service-flow-view/service-update-log.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./service-update-log.vue2.cjs");
+;/* empty css                          */
+const r = require("../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-7c6300ae"]]);
+module.exports = r;

package/dist/lib/designer/service-flow-view/service-update-log.vue.d.ts

@@ -0,0 +1,41 @@
+declare function showDialog(event: any): void;
+declare function closeDialog(): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    lf: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    cloneService: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    sourceService: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {
+    showDialog: typeof showDialog;
+    closeDialog: typeof closeDialog;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    lf: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    cloneService: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    sourceService: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onSave?: (...args: any[]) => any;
+}>, {
+    lf: Record<string, any>;
+    cloneService: Record<string, any>;
+    sourceService: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/designer/service-flow-view/service-update-log.vue2.cjs

@@ -0,0 +1,33 @@
+"use strict";
+const e = require("element-plus/es");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/dialog/style/css"), require("element-plus/es/components/pagination/style/css"), require("element-plus/es/components/table/style/css"), require("element-plus/es/components/table-column/style/css"), require("element-plus/es/components/button/style/css"), require("element-plus/es/components/form/style/css"), require("element-plus/es/components/checkbox/style/css"), require("element-plus/es/components/form-item/style/css"), require("element-plus/es/components/input/style/css"), require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
+const t = require("../common/util/node-util.cjs"), l = require("agilebuilder-ui"), a = require("element-plus"), o = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), n = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), r = { style: { padding: "10px", "text-align": "center" } }, u = o.defineComponent({ __name: "service-update-log", props: { lf: { type: Object, default: () => ({}) }, cloneService: { type: Object, default: () => ({}) }, sourceService: { type: Object, default: () => ({}) } }, emits: ["save"], setup(u2, { expose: s, emit: i }) {
+  const c = u2, d = i, p = n.ref([]), m = n.ref(false), v = n.ref(false), g = n.ref(false), f = n.ref(""), b = n.ref({ currentPage: 1, pageSize: 10, showTotal: true }), y = n.ref(0);
+  function h(e2) {
+    l.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/design-log/SERVICE_FLOW_DESIGN/" + c.cloneService.id, { pagination: b.value }).then((l2) => {
+      if (l2) if (p.value = l2.data, y.value = l2.total, e2 && e2.beforeSave) {
+        const e3 = c.lf.getGraphData(), l3 = t.isDeepEqual(c.sourceService, c.cloneService), o2 = t.isDeepEqual(c.sourceService.flow, e3);
+        l3 && o2 ? a.ElMessage.info("数据未发生变化,无需保存") : (m.value = true, v.value = true);
+      } else v.value = false, m.value = true;
+    });
+  }
+  function V() {
+    m.value = false, f.value = "";
+  }
+  function _() {
+    f.value ? (d("save", f.value), f.value = "") : a.ElMessage.warning("请输入修改记录");
+  }
+  function x() {
+    g.value && (f.value = p.value[0].description);
+  }
+  return s({ showDialog: h, closeDialog: function() {
+    m.value = false;
+  } }), (t2, l2) => {
+    const a2 = e.ElInput, n2 = e.ElFormItem, u3 = e.ElCheckbox, s2 = e.ElForm, i2 = e.ElButton, c2 = e.ElTableColumn, d2 = e.ElTable, w = e.ElPagination, q = e.ElDialog;
+    return o.openBlock(), o.createBlock(q, { modelValue: m.value, "onUpdate:modelValue": l2[5] || (l2[5] = (e2) => m.value = e2), "append-to-body": "", title: "保存服务", width: "50%" }, { default: o.withCtx(() => [v.value ? (o.openBlock(), o.createBlock(s2, { key: 0, "label-width": "auto" }, { default: o.withCtx(() => [o.createVNode(n2, { label: "" }, { default: o.withCtx(() => [o.createVNode(a2, { size: "small", modelValue: f.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e2) => f.value = e2), rows: 4, type: "textarea", placeholder: "请填写修改日志" }, null, 8, ["modelValue"])]), _: 1 }), o.createVNode(n2, { label: "" }, { default: o.withCtx(() => [o.createVNode(u3, { disabled: !p.value || 0 === p.value.length, modelValue: g.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e2) => g.value = e2), onChange: x, label: "上次修改记录", size: "small" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })) : o.createCommentVNode("", true), o.createElementVNode("div", r, [o.createVNode(i2, { type: "default", size: "small", onClick: V }, { default: o.withCtx(() => l2[6] || (l2[6] = [o.createTextVNode("返回", -1)])), _: 1, __: [6] }), v.value ? (o.openBlock(), o.createBlock(i2, { key: 0, size: "small", type: "primary", onClick: _ }, { default: o.withCtx(() => l2[7] || (l2[7] = [o.createTextVNode(" 保存 ", -1)])), _: 1, __: [7] })) : o.createCommentVNode("", true)]), o.createVNode(d2, { data: p.value, border: "", size: "small", "max-height": "350" }, { default: o.withCtx(() => [o.createVNode(c2, { align: "center", type: "index", width: "55", label: "序号" }), o.createVNode(c2, { align: "left", prop: "description" }, { header: o.withCtx(() => l2[8] || (l2[8] = [o.createElementVNode("div", { style: { "text-align": "center" } }, "修改记录", -1)])), _: 1 }), o.createVNode(c2, { align: "center", prop: "creatorName", label: "修改人", width: "100" }), o.createVNode(c2, { align: "center", prop: "createdTime", width: "180", label: "修改时间", formatter: (e2) => ((e3) => {
+      let t3 = new Date(e3);
+      return `${t3.getFullYear()}-${("0" + (t3.getMonth() + 1)).slice(-2)}-${("0" + t3.getDate()).slice(-2)} ${("0" + t3.getHours()).slice(-2)}:${("0" + t3.getMinutes()).slice(-2)}:${("0" + t3.getSeconds()).slice(-2)}`;
+    })(e2.createdTime) }, null, 8, ["formatter"])]), _: 1 }, 8, ["data"]), o.createVNode(w, { "current-page": b.value.currentPage, "onUpdate:currentPage": l2[2] || (l2[2] = (e2) => b.value.currentPage = e2), "page-size": b.value.pageSize, "onUpdate:pageSize": l2[3] || (l2[3] = (e2) => b.value.pageSize = e2), onChange: l2[4] || (l2[4] = (e2) => h({ beforeSave: true })), layout: "total, sizes, prev, pager, next, jumper", total: y.value, style: { margin: "10px 0", "justify-content": "center" } }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+module.exports = u;

package/dist/lib/designer/service-flow-view/view-index.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./view-index.vue2.cjs");
+;/* empty css                  */
+const r = require("../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-2ea74b20"]]);
+module.exports = r;

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

@@ -0,0 +1,50 @@
+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<import('vue').ExtractPropTypes<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    pageContext: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {
+    onDragNode: (serviceComponent: NodeType<any>) => void;
+    onServiceClick: (clickService: Service) => void;
+    clearFlowCanvas: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "load-tree-data": (...args: any[]) => void;
+    onBlankClick: (...args: any[]) => void;
+    onDeleteNode: (...args: any[]) => void;
+    "update:logicFlowInstance": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    pageContext: {
+        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;