service-flow-designer 2.3.4-sit1-flow1 → 2.3.5-flow1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,7 +12,7 @@ const w = e({ name: "JsonView", inheritAttrs: false, __name: "json-view", props:
12
12
  if (w2.height) x.value = w2.height + "px";
13
13
  else if (b.value) {
14
14
  const e4 = b.value.getBoundingClientRect();
15
- (e4.y || 0 === e4.y) && (x.value = window.innerHeight - e4.y - 100 + "px");
15
+ (e4.y || 0 === e4.y) && (window.innerHeight, e4.y, x.value = window.innerHeight - e4.y - 100 + "px");
16
16
  }
17
17
  const t2 = function(e4) {
18
18
  const t3 = function() {
@@ -1,32 +1,32 @@
1
- import { defineComponent as e, ref as t, onMounted as o, nextTick as n, watch as i, createElementBlock as r, openBlock as l } from "vue";
1
+ import { defineComponent as e, ref as t, onMounted as n, nextTick as i, watch as o, createElementBlock as r, openBlock as l } from "vue";
2
2
  import { EditorView as u, basicSetup as m } from "codemirror";
3
3
  import { sql as s } from "@codemirror/lang-sql";
4
4
  import { Facet as a, EditorState as c } from "@codemirror/state";
5
5
  const f = e({ name: "SqlView", inheritAttrs: false, __name: "sql-view", props: { sql: { type: String, default: null }, height: { type: Number, default: 0 }, theme: { type: String, default: null } }, setup(e2) {
6
- const f2 = e2, d = t(null), p = t(), h = t("400px");
7
- function v() {
8
- if (d.value && d.value.destroy(), f2.height) h.value = f2.height + "px";
9
- else if (p.value) {
10
- const e4 = p.value.getBoundingClientRect();
11
- (e4.y || 0 === e4.y) && (h.value = window.innerHeight - e4.y - 100 + "px");
6
+ const f2 = e2, d = t(null), h = t(), p = t("400px");
7
+ function g() {
8
+ if (d.value && d.value.destroy(), f2.height) p.value = f2.height + "px";
9
+ else if (h.value) {
10
+ const e4 = h.value.getBoundingClientRect();
11
+ (e4.y || 0 === e4.y) && (window.innerHeight, e4.y, p.value = window.innerHeight - e4.y - 100 + "px");
12
12
  }
13
13
  const e3 = function() {
14
- const e4 = u.theme({}), t3 = u.theme({ ".cm-content, .cm-gutter": { minHeight: h.value }, "&": { height: h.value, maxHeight: h.value, fontSize: "12px" } });
15
- return c.create({ doc: f2.sql, extensions: [c.tabSize.of(16), m, s(), e4, t3, g.of(true), u.updateListener.of(function(e5) {
14
+ const e4 = u.theme({}), t3 = u.theme({ ".cm-content, .cm-gutter": { minHeight: p.value }, "&": { height: p.value, maxHeight: p.value, fontSize: "12px" } });
15
+ return c.create({ doc: f2.sql, extensions: [c.tabSize.of(16), m, s(), e4, t3, v.of(true), u.updateListener.of(function(e5) {
16
16
  })] });
17
17
  }();
18
18
  let t2 = document.getElementById("cf-codemirror-view-json");
19
19
  t2 && (d.value = new u({ state: e3, parent: t2 }));
20
20
  }
21
- o(() => {
22
- n(() => {
23
- v();
21
+ n(() => {
22
+ i(() => {
23
+ g();
24
24
  });
25
- }), i(() => f2.sql, () => {
26
- v();
25
+ }), o(() => f2.sql, () => {
26
+ g();
27
27
  });
28
- const g = a.define({ combine: (e3) => e3.some((e4) => e4) });
29
- return (e3, t2) => (l(), r("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref: p, id: "cf-codemirror-view-json" }, null, 512));
28
+ const v = a.define({ combine: (e3) => e3.some((e4) => e4) });
29
+ return (e3, t2) => (l(), r("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref: h, id: "cf-codemirror-view-json" }, null, 512));
30
30
  } });
31
31
  export {
32
32
  f as default
@@ -87,7 +87,7 @@ const B = { key: 0 }, K = { style: { "margin-top": "10px", "font-size": "10px",
87
87
  const l2 = { code: L(), level: 1, name: re.value, alias: re.value, type: X.autoCreateFieldType ? X.autoCreateFieldType : "string", defaultValue: "", items: [] };
88
88
  "array" == l2.type && l2.items.push({ level: l2.level + 1, code: L(), name: "items", isArrayElement: true, alias: "", type: "object", defaultValue: "", items: [] }), Q.currentService.variables || (Q.currentService.variables = []), Q.currentService.variables.push(l2), ne.value.serviceVarOptions = Q.getServiceVarOptions(), Ve(se.value), ie.value = re.value, Z.value = "${" + se.value + "." + re.value + "}", W("update:modelValue", Z.value), pe.value.hide();
89
89
  }
90
- !se.value && ee.value.length > 0 && (se.value = ee.value[0].value, he(se.value));
90
+ !se.value && ee.value.length > 0 && (se.value = ee.value[0].value, he(se.value), se.value);
91
91
  const xe = v();
92
92
  const be = () => {
93
93
  ce(), me(), se.value && Ve(se.value), _(() => {
@@ -9,7 +9,7 @@ import "element-plus/es/components/select/style/css";
9
9
  import "element-plus/es/components/option/style/css";
10
10
  import "element-plus/es/components/table-column/style/css";
11
11
  import "element-plus/es/components/input/style/css";
12
- import { defineComponent as i, createBlock as p, openBlock as d, withCtx as u, createVNode as c, createElementBlock as y, toDisplayString as w, Fragment as f, renderList as v, createCommentVNode as b, unref as V, createTextVNode as k } from "vue";
12
+ import { defineComponent as i, createBlock as p, openBlock as d, withCtx as u, createVNode as c, createElementBlock as y, toDisplayString as w, Fragment as f, renderList as v, createCommentVNode as V, unref as b, createTextVNode as k } from "vue";
13
13
  import g from "../../../common/components/value-set-input/value-set-input.vue.js";
14
14
  import { v4 as h } from "uuid";
15
15
  const _ = { key: 0 }, x = { key: 0 }, C = i({ __name: "response-json-setting", props: { modelValue: { type: Array, default: () => [] }, contentType: { type: String, default: "" } }, emits: ["update:modelValue"], setup(i2, { expose: C2, emit: $ }) {
@@ -37,15 +37,15 @@ const _ = { key: 0 }, x = { key: 0 }, C = i({ __name: "response-json-setting", p
37
37
  return d(), p(H, { data: i2.modelValue, style: { width: "100%", "margin-top": "20px", "margin-bottom": "20px" }, "row-key": "code", size: "small", onRowDblclick: j, border: "", "tree-props": { children: "items" }, "default-expand-all": "" }, { default: u(() => [c(z2, { prop: "name", label: "返回值字段" }, { default: u((e2) => [e2.row.$editing ? (d(), p($2, { key: 1, size: "small", disabled: e2.row.isArrayElement, modelValue: e2.row.name, "onUpdate:modelValue": (l2) => e2.row.name = l2, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : (d(), y("span", _, w(e2.row.name), 1))]), _: 1 }), c(z2, { prop: "paramType", width: "100", label: "类型" }, { default: u((e2) => [e2.row.$editing ? (d(), p(R, { key: 1, modelValue: e2.row.paramType, "onUpdate:modelValue": (l2) => e2.row.paramType = l2, onChange: (l2) => {
38
38
  return t2 = l2, e2.$index, o2 = e2.row, void ("array" === t2 || o2.items && o2.items.length > 0 && ("object" === t2 ? o2.items = [] : o2.items && delete o2.items));
39
39
  var t2, o2;
40
- }, placeholder: "", size: "small" }, { default: u(() => [(d(), y(f, null, v(U, (e3) => c(D, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (d(), y("span", x, w(e2.row.paramType), 1))]), _: 1 }), c(z2, { prop: "value", label: "设置到" }, { default: u((e2) => [e2.row.isArrayElement ? b("", true) : (d(), p(V(g), { key: 0, showLabel: !e2.row.$editing, size: "small", paramTypes: ["request", "data", "service"], modelValue: e2.row.value, "onUpdate:modelValue": (l2) => e2.row.value = l2 }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), c(z2, { align: "center", width: 150 }, { header: u(() => [c(S, { type: "primary", size: "small", onClick: A, link: "" }, { default: u(() => C3[0] || (C3[0] = [k("添加 ")])), _: 1 })]), default: u((e2) => [c(G, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: u(() => [c(F, null, { default: u(() => ["object" === e2.row.paramType ? (d(), p(B, { key: 0, onClick: (l2) => ((e3, l3) => {
40
+ }, placeholder: "", size: "small" }, { default: u(() => [(d(), y(f, null, v(U, (e3) => c(D, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (d(), y("span", x, w(e2.row.paramType), 1))]), _: 1 }), c(z2, { prop: "value", label: "设置到" }, { default: u((e2) => [e2.row.isArrayElement ? V("", true) : (d(), p(b(g), { key: 0, showLabel: !e2.row.$editing, size: "small", paramTypes: ["request", "data", "service"], modelValue: e2.row.value, "onUpdate:modelValue": (l2) => e2.row.value = l2 }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), c(z2, { align: "center", width: 150 }, { header: u(() => [c(S, { type: "primary", size: "small", onClick: A, link: "" }, { default: u(() => C3[0] || (C3[0] = [k("添加 ")])), _: 1 })]), default: u((e2) => [c(G, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: u(() => [c(F, null, { default: u(() => ["object" === e2.row.paramType ? (d(), p(B, { key: 0, onClick: (l2) => ((e3, l3) => {
41
41
  l3.items || (l3.items = []);
42
42
  const t2 = q();
43
43
  t2.level = l3.level + 1, l3.items.push(t2);
44
- })(e2.$index, e2.row) }, { default: u(() => C3[2] || (C3[2] = [k("添加下级节点")])), _: 2 }, 1032, ["onClick"])) : b("", true), e2.row.isArrayElement ? b("", true) : (d(), p(B, { key: 1, onClick: (l2) => {
44
+ })(e2.$index, e2.row) }, { default: u(() => C3[2] || (C3[2] = [k("添加下级节点")])), _: 2 }, 1032, ["onClick"])) : V("", true), e2.row.isArrayElement ? V("", true) : (d(), p(B, { key: 1, onClick: (l2) => {
45
45
  return e2.$index, t2 = e2.row, void E(T.modelValue, t2);
46
46
  var t2;
47
47
  } }, { default: u(() => C3[3] || (C3[3] = [k("添加相邻节点")])), _: 2 }, 1032, ["onClick"]))]), _: 2 }, 1024)]), default: u(() => [c(S, { type: "primary", link: "", size: "small" }, { default: u(() => C3[1] || (C3[1] = [k(" 添加 ")])), _: 1 })]), _: 2 }, 1024), c(S, { type: "danger", size: "small", disabled: e2.row.isArrayElement, link: "", onClick: (l2) => {
48
- return e2.$index, t2 = e2.row, void L(T.modelValue, t2);
48
+ return e2.$index, t2 = e2.row, T.modelValue, void L(T.modelValue, t2);
49
49
  var t2;
50
50
  } }, { default: u(() => C3[4] || (C3[4] = [k(" 删除 ")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]);
51
51
  };
@@ -9,7 +9,7 @@ import "element-plus/es/components/select/style/css";
9
9
  import "element-plus/es/components/option/style/css";
10
10
  import "element-plus/es/components/table-column/style/css";
11
11
  import "element-plus/es/components/input/style/css";
12
- import { defineComponent as i, createBlock as p, openBlock as d, withCtx as u, createVNode as c, createElementBlock as y, toDisplayString as w, Fragment as f, renderList as v, createCommentVNode as b, unref as V, createTextVNode as k } from "vue";
12
+ import { defineComponent as i, createBlock as p, openBlock as d, withCtx as u, createVNode as c, createElementBlock as y, toDisplayString as w, Fragment as f, renderList as v, createCommentVNode as V, unref as b, createTextVNode as k } from "vue";
13
13
  import g from "../../../common/components/value-set-input/value-set-input.vue.js";
14
14
  import { v4 as h } from "uuid";
15
15
  const _ = { key: 0 }, x = { key: 0 }, C = i({ __name: "response-xml-setting", props: { modelValue: { type: Array, default: () => [] }, contentType: { type: String, default: "" } }, emits: ["update:modelValue"], setup(i2, { expose: C2, emit: $ }) {
@@ -37,15 +37,15 @@ const _ = { key: 0 }, x = { key: 0 }, C = i({ __name: "response-xml-setting", pr
37
37
  return d(), p(H, { data: i2.modelValue, style: { width: "100%", "margin-top": "20px", "margin-bottom": "20px" }, "row-key": "code", size: "small", onRowDblclick: A, border: "", "tree-props": { children: "items" }, "default-expand-all": "" }, { default: u(() => [c(z2, { prop: "name", label: "返回值字段" }, { default: u((e2) => [e2.row.$editing ? (d(), p($2, { key: 1, size: "small", disabled: e2.row.isArrayElement, modelValue: e2.row.name, "onUpdate:modelValue": (l2) => e2.row.name = l2, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : (d(), y("span", _, w(e2.row.name), 1))]), _: 1 }), c(z2, { prop: "paramType", width: "100", label: "类型" }, { default: u((e2) => [e2.row.$editing ? (d(), p(R, { key: 1, modelValue: e2.row.paramType, "onUpdate:modelValue": (l2) => e2.row.paramType = l2, onChange: (l2) => {
38
38
  return t2 = l2, e2.$index, o2 = e2.row, void ("array" === t2 || o2.items && o2.items.length > 0 && ("object" === t2 ? o2.items = [] : o2.items && delete o2.items));
39
39
  var t2, o2;
40
- }, placeholder: "", size: "small" }, { default: u(() => [(d(), y(f, null, v(U, (e3) => c(D, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (d(), y("span", x, w(e2.row.paramType), 1))]), _: 1 }), c(z2, { prop: "value", label: "设置到" }, { default: u((e2) => [e2.row.isArrayElement ? b("", true) : (d(), p(V(g), { key: 0, showLabel: !e2.row.$editing, size: "small", paramTypes: ["request", "data", "service"], modelValue: e2.row.value, "onUpdate:modelValue": (l2) => e2.row.value = l2 }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), c(z2, { align: "center", width: 150 }, { header: u(() => [c(S, { type: "primary", size: "small", onClick: E, link: "" }, { default: u(() => C3[0] || (C3[0] = [k("添加 ")])), _: 1 })]), default: u((e2) => [c(G, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: u(() => [c(F, null, { default: u(() => ["object" === e2.row.paramType ? (d(), p(B, { key: 0, onClick: (l2) => ((e3, l3) => {
40
+ }, placeholder: "", size: "small" }, { default: u(() => [(d(), y(f, null, v(U, (e3) => c(D, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (d(), y("span", x, w(e2.row.paramType), 1))]), _: 1 }), c(z2, { prop: "value", label: "设置到" }, { default: u((e2) => [e2.row.isArrayElement ? V("", true) : (d(), p(b(g), { key: 0, showLabel: !e2.row.$editing, size: "small", paramTypes: ["request", "data", "service"], modelValue: e2.row.value, "onUpdate:modelValue": (l2) => e2.row.value = l2 }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), c(z2, { align: "center", width: 150 }, { header: u(() => [c(S, { type: "primary", size: "small", onClick: E, link: "" }, { default: u(() => C3[0] || (C3[0] = [k("添加 ")])), _: 1 })]), default: u((e2) => [c(G, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: u(() => [c(F, null, { default: u(() => ["object" === e2.row.paramType ? (d(), p(B, { key: 0, onClick: (l2) => ((e3, l3) => {
41
41
  l3.items || (l3.items = []);
42
42
  const t2 = q();
43
43
  t2.level = l3.level + 1, l3.items.push(t2);
44
- })(e2.$index, e2.row) }, { default: u(() => C3[1] || (C3[1] = [k("添加下级节点")])), _: 2 }, 1032, ["onClick"])) : b("", true), e2.row.isArrayElement ? b("", true) : (d(), p(B, { key: 1, onClick: (l2) => {
44
+ })(e2.$index, e2.row) }, { default: u(() => C3[1] || (C3[1] = [k("添加下级节点")])), _: 2 }, 1032, ["onClick"])) : V("", true), e2.row.isArrayElement ? V("", true) : (d(), p(B, { key: 1, onClick: (l2) => {
45
45
  return e2.$index, t2 = e2.row, void j(T.modelValue, t2);
46
46
  var t2;
47
47
  } }, { default: u(() => C3[2] || (C3[2] = [k("添加相邻节点")])), _: 2 }, 1032, ["onClick"]))]), _: 2 }, 1024)]), default: u(() => [c(S, { type: "primary", link: "", size: "small" }, { default: u(() => [k(" 添加 " + w(e2.row.type), 1)]), _: 2 }, 1024)]), _: 2 }, 1024), c(S, { type: "danger", size: "small", disabled: e2.row.isArrayElement, link: "", onClick: (l2) => {
48
- return e2.$index, t2 = e2.row, void L(T.modelValue, t2);
48
+ return e2.$index, t2 = e2.row, T.modelValue, void L(T.modelValue, t2);
49
49
  var t2;
50
50
  } }, { default: u(() => C3[3] || (C3[3] = [k(" 删除 ")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]);
51
51
  };
@@ -3,18 +3,21 @@ import { initNodes as o, serviceComponentGroups as t } from "../service-componen
3
3
  import s from "../flow/edge/CustomLine.js";
4
4
  import r from "@logicflow/core";
5
5
  import { Dagre as c } from "@logicflow/layout";
6
- import { Menu as i, DndPanel as n, SelectionSelect as l, MiniMap as d, Group as a } from "@logicflow/extension";
6
+ import { Menu as i, DndPanel as n, SelectionSelect as l, MiniMap as a, Group as d } from "@logicflow/extension";
7
7
  const p = [{ type: "zoomOut", desc: "缩小", class: "serviceflow-control-item-zoomOut" }, { type: "zoomIn", desc: "放大", class: "serviceflow-control-item-zoomIn" }, { type: "fit", desc: "适应", class: "serviceflow-control-item-fit" }, { type: "undo", desc: "上一步", class: "serviceflow-control-item-undo" }, { type: "redo", desc: "下一步", class: "serviceflow-control-item-redo" }, { type: "reset", desc: "定位还原", class: "custom-reset" }, { type: "select", desc: "框选", class: "custom-select", clickStyle: true }, { type: "beautify", desc: "一键美化", class: "custom-beautify" }];
8
8
  function f(e2) {
9
- return new r({ container: e2, grid: { visible: false, size: 2 }, background: {}, plugins: [i, n, l, d, a, c] });
9
+ return new r({ container: e2, grid: { visible: false, size: 2 }, background: {}, plugins: [i, n, l, a, d, c] });
10
10
  }
11
11
  function u(e2) {
12
12
  e2.addNode({ id: "start", type: "start", x: 620, y: 50, properties: {} }), e2.addNode({ type: "end", x: 620, y: 550, properties: {} });
13
13
  }
14
14
  const m = (e2) => {
15
15
  if (e2) {
16
- for (const t2 of o) e2.register(t2.nodeAndView);
17
- for (const o2 of t) for (const t2 of o2.items) e2.register(t2.nodeAndView);
16
+ for (const t2 of o) t2.type, t2.label, e2.register(t2.nodeAndView);
17
+ for (const o2 of t) {
18
+ o2.label;
19
+ for (const t2 of o2.items) t2.type, t2.label, e2.register(t2.nodeAndView);
20
+ }
18
21
  e2.register(s), e2.setDefaultEdgeType("customLine");
19
22
  }
20
23
  };
@@ -13,7 +13,7 @@ const v = ["id"], w = t({ __name: "service-node-config", props: { service: { typ
13
13
  I.value || O(), I.value = false, W("update:currentNode", null);
14
14
  }
15
15
  function O() {
16
- C.value && C.value.hasOwnProperty("onClose") && "function" == typeof C.value.onClose && C.value.onClose(), g.currentNode && (["start", "end"].includes(g.currentNode.type) || (C.value && C.value.hasOwnProperty("getData") && "function" == typeof C.value.getData ? g.logicFlowInstance && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id) && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(C.value.getData()) : g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(h.value)));
16
+ g.currentNode, C.value && C.value.hasOwnProperty("onClose") && "function" == typeof C.value.onClose && C.value.onClose(), g.currentNode && (["start", "end"].includes(g.currentNode.type) || (C.value && C.value.hasOwnProperty("getData") && "function" == typeof C.value.getData ? g.logicFlowInstance && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id) && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(C.value.getData()) : g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(h.value)));
17
17
  }
18
18
  function j(e2) {
19
19
  e2 ? (false === e2.withHeader ? N.value.withHeader = false : N.value.withHeader = true, e2.drawerWidth ? N.value.drawerWidth = e2.drawerWidth : N.value.drawerWidth = "100%") : N.value.drawerWidth = "100%";
@@ -61,7 +61,10 @@ const q = { class: "dialog-footer" }, B = r({ __name: "service-test", props: { m
61
61
  }).catch((e3) => {
62
62
  I.value = e3.response;
63
63
  });
64
- }, Q = () => ({ inputType: R.value, inputJson: F.value, entity: P.value, requestParams: A.value, serviceFlowJson: W(), pageDesignJson: X() }), W = () => {
64
+ }, Q = () => {
65
+ const e2 = { inputType: R.value, inputJson: F.value, entity: P.value, requestParams: A.value, serviceFlowJson: W(), pageDesignJson: X() };
66
+ return P.value, A.value, e2;
67
+ }, W = () => {
65
68
  var _a;
66
69
  const e2 = JSON.parse(JSON.stringify(B2.cloneService));
67
70
  return e2.flow = (_a = B2.lf) == null ? void 0 : _a.getGraphData(), e2.runtimeJson = JSON.stringify(k(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);
@@ -4,7 +4,7 @@ import "element-plus/es/components/drawer/style/css";
4
4
  import "element-plus/es/components/timeline/style/css";
5
5
  import "element-plus/es/components/skeleton/style/css";
6
6
  import "element-plus/es/components/skeleton-item/style/css";
7
- 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 g, withCtx as m, nextTick as w } from "vue";
7
+ 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";
8
8
  import y from "./service-node-config.vue.js";
9
9
  import S from "./service-update-log.vue.js";
10
10
  import x from "./service-flow-tool.vue.js";
@@ -20,7 +20,7 @@ import { useServiceFlowStore as j } from "../../stores/page-store.js";
20
20
  import { ElMessageBox as M, ElMessage as V } from "element-plus";
21
21
  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: () => {
22
22
  } }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(t2, { expose: b2, emit: G2 }) {
23
- 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);
23
+ 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);
24
24
  r(() => {
25
25
  if (H.value) {
26
26
  const e2 = H.value.getBoundingClientRect();
@@ -37,16 +37,17 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
37
37
  });
38
38
  }, le = () => {
39
39
  K.value && (K.value.on("connection:not-allowed", (e2) => {
40
+ e2.msg;
40
41
  }), K.value.on("blank:click", (e2) => {
41
- L.value.onBlankClick();
42
+ E.value.onBlankClick();
42
43
  }), K.value.on("selection:selected", () => {
43
44
  K.value && K.value.extension.selectionSelect.closeSelectionSelect();
44
45
  }), K.value.on("node:click", (e2) => {
45
- X.value && X.value.data.id === e2.data.id || (L.value.onNodeClick(e2), X.value = e2);
46
+ X.value && X.value.data.id === e2.data.id || (E.value.onNodeClick(e2), X.value = e2);
46
47
  }), K.value.on("history:change", (e2) => {
47
48
  e2.data.undos;
48
49
  }), K.value.on("custom:deleteNode", (e2) => {
49
- X.value && L.value.onDeleteNode(), A("onDeleteNode");
50
+ X.value && E.value.onDeleteNode(), T("onDeleteNode");
50
51
  }));
51
52
  }, oe = (e2) => {
52
53
  if (K.value) {
@@ -54,23 +55,23 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
54
55
  te() ? M.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
55
56
  var _a;
56
57
  Q.value = W.value, Q.value.flow = (_a = K.value) == null ? void 0 : _a.getGraphData();
57
- D(W.value.code, T.serviceTreeData).name = W.value.name, re({ beforeSave: true });
58
+ D(W.value.code, R.serviceTreeData).name = W.value.name, re({ beforeSave: true });
58
59
  }).catch(() => {
59
60
  ae(e2);
60
61
  }) : ae(e2);
61
62
  } else ae(e2);
62
63
  }, ae = (e2) => {
63
- L.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), R.currentService = W.value, ((e3) => {
64
- K.value = k(E.value), w(() => {
65
- if (E.value) {
66
- const e4 = E.value.getBoundingClientRect();
64
+ E.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), L.currentService = W.value, Q.value, ((e3) => {
65
+ K.value = k(A.value), w(() => {
66
+ if (A.value) {
67
+ const e4 = A.value.getBoundingClientRect();
67
68
  (e4.y || 0 === e4.y) && (U.value = window.innerHeight - e4.y - 60 - 20 + "px");
68
69
  }
69
70
  }), K.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
70
71
  q.value = true;
71
72
  } }] }), 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));
72
73
  const { editConfigModel: l2 } = K.value.graphModel;
73
- l2.updateEditConfig({ stopMoveGraph: false }), A("update:logicFlowInstance", K.value);
74
+ l2.updateEditConfig({ stopMoveGraph: false }), T("update:logicFlowInstance", K.value);
74
75
  })(W.value);
75
76
  }, te = () => {
76
77
  if (!K.value) return false;
@@ -83,7 +84,7 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
83
84
  W.value.runtimeJson = JSON.stringify(C(W.value));
84
85
  const l2 = JSON.parse(JSON.stringify(W.value));
85
86
  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) => {
86
- 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"));
87
+ 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"));
87
88
  });
88
89
  }
89
90
  };
@@ -93,12 +94,12 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
93
94
  const se = () => {
94
95
  };
95
96
  return b2({ onDragNode: (e2) => {
96
- K.value && K.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } });
97
+ K.value ? K.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } }) : console.error("LogicFlow实例还没有初始化");
97
98
  }, onServiceClick: oe, clearFlowCanvas: () => {
98
99
  K.value && (K.value.clearData(), K.value = null, Q.value = null, W.value = { code: "", name: "" }, q.value = false, X.value = {});
99
100
  } }), (n2, i2) => {
100
101
  const r2 = l, w2 = e, b3 = o, h2 = a;
101
- return u(), s(v, null, [c("div", _, [d(c("div", B, [p(x, { cloneService: W.value, lf: K.value, pageContext: t2.pageContext, onShowJson: se, onShowServiceLog: re, onSaveSevice: ne }, null, 8, ["cloneService", "lf", "pageContext"]), c("div", I, [c("div", { style: f($.value), ref_key: "logicFlowContainer", ref: E, class: "container" }, null, 4)], 512)], 512), [[g, K.value]]), d(c("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, $.value]), ref_key: "emptyContainer", ref: H }, [c("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] = c("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);
102
+ 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);
102
103
  };
103
104
  } });
104
105
  export {
@@ -4,15 +4,15 @@ import "element-plus/es/components/collapse/style/css";
4
4
  import "element-plus/es/components/collapse-item/style/css";
5
5
  import "element-plus/es/components/row/style/css";
6
6
  import "element-plus/es/components/col/style/css";
7
- 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";
7
+ 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";
8
8
  import { serviceComponentGroups as v } from "../service-components/index.js";
9
9
  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 }) {
10
10
  const V = w2, M = o(v[0].name);
11
11
  return (n3, o2) => {
12
12
  const w3 = t, j = s, k = l, U = e;
13
- 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) {
14
- V("drag-node", e4);
15
- }(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"]);
13
+ 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("   ")), 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) {
14
+ e4.type, V("drag-node", e4);
15
+ }(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"]);
16
16
  };
17
17
  } });
18
18
  export {
@@ -1,4 +1,4 @@
1
- import { ElRow as e, ElCol as l, ElInput as a, ElIcon as t, ElTooltip as o, ElButton as n, ElTree as s, ElDialog as u, ElFormItem as i } from "element-plus/es";
1
+ 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";
2
2
  import "element-plus/es/components/base/style/css";
3
3
  import "element-plus/es/components/dialog/style/css";
4
4
  import "element-plus/es/components/form-item/style/css";
@@ -31,15 +31,15 @@ const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "l
31
31
  K.value = G.value.type, Q.value = JSON.parse(JSON.stringify(G.value)), Q.value.children && delete Q.value.children, H.value = true;
32
32
  }, oe = (e2) => {
33
33
  Q.value = { code: N(), name: "", customCode: "", type: K.value }, G.value.id && "leaf" === e2 && (Q.value.parentCode = G.value.code), H.value = true;
34
- }, ne = r([]), se = (e2, l2, a2) => {
34
+ }, ne = r([]), ue = (e2, l2, a2) => {
35
35
  l2 ? (ne.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
36
36
  -1 == ne.value.indexOf(e3.id) && ne.value.push(e3.id);
37
37
  })) : (ne.value.splice(ne.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
38
38
  let l3 = ne.value.indexOf(e3.id);
39
39
  l3 > -1 && ne.value.splice(l3, 1);
40
40
  }));
41
- }, ue = J.pageContext.systemCode, ie = J.pageContext.systemVersion, de = () => {
42
- ne.value.length > 0 ? U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${ue}/${ie}`, method: "post", data: ne.value, responseType: "blob" }).then((e2) => {
41
+ }, se = J.pageContext.systemCode, ie = J.pageContext.systemVersion, de = () => {
42
+ 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) => {
43
43
  let l2 = new Blob([e2], { type: "application/zip" }), a2 = document.createElement("a");
44
44
  a2.href = window.URL.createObjectURL(l2), a2.download = "服务编排.zip", a2.click(), window.URL.revokeObjectURL(a2.href);
45
45
  }) : A.warning("请选择服务或菜单");
@@ -50,17 +50,17 @@ const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "l
50
50
  if (e2) {
51
51
  re.value.value = null;
52
52
  const l2 = new FormData();
53
- l2.append("multipartFile", e2), U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${ue}/${ie}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
53
+ 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(() => {
54
54
  A.success("导入成功"), M("load-tree-data");
55
55
  }).catch((e3) => {
56
56
  });
57
57
  } else A.warning("未选择文件");
58
58
  }, me = () => {
59
- Q.value.name ? "MENU" === Q.value.type || Q.value.customCode ? (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) => {
59
+ 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) => {
60
60
  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 = {});
61
61
  })) : A.warning("自定义编码不能为空") : A.warning("名称不能为空");
62
62
  }, ve = () => {
63
- G.value.children && G.value.children.length > 0 ? A.warning("该节点下存在子节点,不能删除!") : T.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
63
+ G.value, G.value.children && G.value.children.length > 0 ? A.warning("该节点下存在子节点,不能删除!") : T.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
64
64
  fe();
65
65
  });
66
66
  }, fe = () => {
@@ -79,7 +79,7 @@ const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "l
79
79
  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);
80
80
  });
81
81
  }, ge = () => {
82
- K.value = G.value.type;
82
+ G.value, K.value = G.value.type;
83
83
  const e2 = JSON.parse(JSON.stringify(G.value));
84
84
  Y.value = { sourceServiceCode: e2.code, publishVersion: e2.publishVersion, code: N() }, X.value = true;
85
85
  }, he = () => {
@@ -91,8 +91,8 @@ const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "l
91
91
  }) : A.warning("自定义编码不能为空") : A.warning("名称不能为空");
92
92
  };
93
93
  return (r2, N2) => {
94
- const U2 = t, O2 = a, S2 = l, A2 = e, T2 = n, $3 = o, J2 = s, M2 = i, L2 = u;
95
- 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 }), m($3, { effect: "dark", content: "导出", placement: "top" }, { default: f(() => [m(T2, { type: "primary", onClick: de }, { default: f(() => N2[12] || (N2[12] = [h("导出")])), _: 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: se }, { 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 }), m(T2, { size: "mini", type: "primary", onClick: me }, { default: f(() => N2[14] || (N2[14] = [h(" 确定 ")])), _: 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 }), m(T2, { size: "mini", type: "primary", onClick: he }, { default: f(() => N2[16] || (N2[16] = [h(" 确定 ")])), _: 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]])]);
94
+ const U2 = t, O2 = a, S2 = l, A2 = e, T2 = n, $3 = o, J2 = u, M2 = i, L2 = s;
95
+ 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 }), m($3, { effect: "dark", content: "导出", placement: "top" }, { default: f(() => [m(T2, { type: "primary", onClick: de }, { default: f(() => N2[12] || (N2[12] = [h("导出")])), _: 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 }), m(T2, { size: "mini", type: "primary", onClick: me }, { default: f(() => N2[14] || (N2[14] = [h(" 确定 ")])), _: 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 }), m(T2, { size: "mini", type: "primary", onClick: he }, { default: f(() => N2[16] || (N2[16] = [h(" 确定 ")])), _: 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]])]);
96
96
  };
97
97
  } });
98
98
  export {
@@ -1,21 +1,21 @@
1
- import { defineComponent as e, ref as a, computed as s, createElementBlock as l, openBlock as o, normalizeStyle as r, createElementVNode as t, normalizeClass as c, createBlock as i } from "vue";
1
+ 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";
2
2
  import n from "@logicflow/core";
3
3
  import v from "./service-list.vue.js";
4
4
  import m from "./component-panel.vue.js";
5
5
  import "../service-components/index.js";
6
- const d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-type" }, u = { class: "amb-design-assembly-list" }, b = e({ __name: "service-panel", props: { logicFlowInstance: { type: n, default: () => {
6
+ 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: () => {
7
7
  } }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(e2, { emit: n2 }) {
8
- const b2 = n2, y = a("serviceFlowList"), f = a(), g = s(() => ({ height: f.value + "px" })), w = (e3) => {
9
- b2("drag-node", e3);
8
+ const y2 = n2, b = a("serviceFlowList"), f = a(), g = s(() => ({ height: f.value + "px" })), w = (e3) => {
9
+ e3.type, y2("drag-node", e3);
10
10
  }, k = (e3) => {
11
- b2("service-click", e3);
11
+ y2("service-click", e3);
12
12
  }, D = () => {
13
- b2("clear-flow-canvas");
13
+ y2("clear-flow-canvas");
14
14
  }, C = () => {
15
- b2("load-tree-data");
15
+ y2("load-tree-data");
16
16
  };
17
- return (a2, s2) => (o(), l("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: r(g.value) }, [t("div", d, [t("div", p, [t("label", { class: c({ selected: "serviceFlowList" === y.value }), onClick: s2[0] || (s2[0] = (e3) => y.value = "serviceFlowList") }, " 服务列表 ", 2), t("label", { class: c({ selected: "component" === y.value }), onClick: s2[1] || (s2[1] = (e3) => y.value = "component") }, " 组件库 ", 2)])]), t("div", u, ["serviceFlowList" === y.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));
17
+ 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));
18
18
  } });
19
19
  export {
20
- b as default
20
+ y as default
21
21
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "service-flow-designer",
3
- "version": "2.3.4-sit1-flow1",
3
+ "version": "2.3.5-flow1",
4
4
  "description": "AgileBuilder Service Flow Designer",
5
5
  "license": "ISC",
6
6
  "main": "dist/es/index.js",
@@ -61,7 +61,7 @@
61
61
  "@logicflow/layout": "1.2.0-alpha.16",
62
62
  "@uiw/codemirror-themes-all": "^4.21.25",
63
63
  "@vueuse/core": "^10.9.0",
64
- "agilebuilder-ui": "1.1.39-sit1",
64
+ "agilebuilder-ui": "1.1.40",
65
65
  "codemirror": "^6.0.1",
66
66
  "nprogress": "^0.2.0",
67
67
  "pinia": "^2.1.7",