service-flow-designer 2.1.59 → 2.1.96

package/dist/es/designer/service-flow-view/flow-util.js

@@ -1,141 +1,64 @@
-import { getNextNodeById } from "../common/util/node-util.js";
-import { initNodes, serviceComponentGroups } from "../service-components/index.js";
-import CustomLine from "../flow/edge/CustomLine.js";
-import LogicFlow from "@logicflow/core";
-import { Dagre } from "@logicflow/layout";
-import { Menu, DndPanel, SelectionSelect, MiniMap, Group } from "@logicflow/extension";
-const customControl = [
-  { 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" }
-];
-function newLogicFlow(container) {
-  return new LogicFlow({
-    // 通过选项指定了渲染的容器和需要显示网格
-    container,
-    grid: {
-      // 设置原背景不显示
-      visible: false,
-      // 控制拖拽节点时每次移动的像素
-      size: 2
-    },
-    // 背景
-    background: {},
-    plugins: [Menu, DndPanel, SelectionSelect, MiniMap, Group, Dagre]
-  });
+import { getNextNodeById as e } from "../common/util/node-util.js";
+import { initNodes as o, serviceComponentGroups as t } from "../service-components/index.js";
+import s from "../flow/edge/CustomLine.js";
+import r from "@logicflow/core";
+import { Dagre as c } from "@logicflow/layout";
+import { Menu as i, DndPanel as n, SelectionSelect as l, MiniMap as d, Group as a } from "@logicflow/extension";
+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" }];
+function f(e2) {
+  return new r({ container: e2, grid: { visible: false, size: 2 }, background: {}, plugins: [i, n, l, d, a, c] });
 }
-function addInitNode(lf) {
-  lf.addNode({
-    id: "start",
-    type: "start",
-    x: 620,
-    y: 50,
-    properties: {}
-  });
-  lf.addNode({
-    type: "end",
-    x: 620,
-    y: 550,
-    properties: {}
-  });
+function u(e2) {
+  e2.addNode({ id: "start", type: "start", x: 620, y: 50, properties: {} }), e2.addNode({ type: "end", x: 620, y: 550, properties: {} });
 }
-const registerNode = (lf) => {
-  if (!lf) {
-    return;
+const m = (e2) => {
+  if (e2) {
+    for (const t2 of o)
+      e2.register(t2.nodeAndView);
+    for (const o2 of t)
+      for (const t2 of o2.items)
+        e2.register(t2.nodeAndView);
+    e2.register(s), e2.setDefaultEdgeType("customLine");
   }
-  for (const item of initNodes) {
-    console.log(`节点类型：${item.type}, 节点标签：${item.label}`);
-    lf.register(item.nodeAndView);
-  }
-  for (const group of serviceComponentGroups) {
-    console.log(`组别名称：${group.label}`);
-    for (const item of group.items) {
-      console.log(`节点类型：${item.type}, 节点标签：${item.label}`);
-      lf.register(item.nodeAndView);
-    }
-  }
-  lf.register(CustomLine);
-  lf.setDefaultEdgeType("customLine");
 };
-function getRuntimeJson(service) {
-  const runTimeJson = {
-    code: service.code,
-    name: service.name,
-    returnValues: service.returnValues,
-    errorMessage: service.errorMessage,
-    log: service.log,
-    variables: [],
-    nodes: []
-  };
-  const tempVars = [];
-  if (service.variables) {
-    service.variables.forEach((variable) => {
-      tempVars.push(convertVariable(variable));
-    });
-  }
-  runTimeJson.variables = tempVars;
-  const tempNodes = [];
-  service.flow.nodes.forEach((node) => {
-    const tempNode = {};
-    tempNode.code = node.id;
-    tempNode.type = node.type;
-    tempNode.props = node.properties;
-    if (node.type === "loop") {
-      tempNode.children = node.children;
-    }
-    tempNode.tos = [];
-    const nextNodes = getNextNodeById(node, service.flow);
-    nextNodes.forEach((nextNode) => {
-      tempNode.tos.push({ code: nextNode.id });
-    });
-    tempNodes.push(tempNode);
-  });
-  runTimeJson.nodes = tempNodes;
-  console.log(runTimeJson, "runTimeJson");
-  return runTimeJson;
+function y(o2) {
+  const t2 = { code: o2.code, name: o2.name, returnValues: o2.returnValues, errorMessage: o2.errorMessage, log: o2.log, variables: [], nodes: [] }, s2 = [];
+  o2.variables && o2.variables.forEach((e2) => {
+    s2.push(g(e2));
+  }), t2.variables = s2;
+  const r2 = [];
+  return o2.flow.nodes.forEach((t3) => {
+    const s3 = {};
+    s3.code = t3.id, s3.type = t3.type, s3.props = t3.properties, "loop" === t3.type && (s3.children = t3.children), s3.tos = [];
+    e(t3, o2.flow).forEach((e2) => {
+      s3.tos.push({ code: e2.id });
+    }), r2.push(s3);
+  }), t2.nodes = r2, t2;
 }
-function convertVariable(variable) {
-  const tempVar = {};
-  tempVar.name = variable.name;
-  tempVar.alias = variable.alias;
-  tempVar.type = variable.type;
-  tempVar.defaultValue = variable.defaultValue;
-  if (variable.items && variable.items.length > 0) {
-    const items = [];
-    variable.items.forEach((item) => {
-      items.push(convertVariable(item));
-    });
-    tempVar.items = items;
+function g(e2) {
+  const o2 = {};
+  if (o2.name = e2.name, o2.alias = e2.alias, o2.type = e2.type, o2.defaultValue = e2.defaultValue, e2.items && e2.items.length > 0) {
+    const t2 = [];
+    e2.items.forEach((e3) => {
+      t2.push(g(e3));
+    }), o2.items = t2;
   }
-  return tempVar;
+  return o2;
 }
-function getNodeRuntimeObject(node, service) {
-  const tempNode = {};
-  tempNode.code = node.id;
-  tempNode.type = node.type;
-  tempNode.props = node.properties;
-  if (node.type === "loop") {
-    tempNode.children = node.children;
-  }
-  tempNode.tos = [];
-  if (service.flow) {
-    const nextNodes = getNextNodeById(node, service.flow);
-    nextNodes.forEach((nextNode) => {
-      tempNode.tos.push({ code: nextNode.id });
+function w(o2, t2) {
+  const s2 = {};
+  if (s2.code = o2.id, s2.type = o2.type, s2.props = o2.properties, "loop" === o2.type && (s2.children = o2.children), s2.tos = [], t2.flow) {
+    e(o2, t2.flow).forEach((e2) => {
+      s2.tos.push({ code: e2.id });
     });
   }
-  return tempNode;
+  return s2;
 }
 export {
-  addInitNode,
-  customControl,
-  getNodeRuntimeObject,
-  getRuntimeJson,
-  newLogicFlow,
-  registerNode
+  u as addInitNode,
+  p as customControl,
+  w as getNodeRuntimeObject,
+  y as getRuntimeJson,
+  f as newLogicFlow,
+  m as registerNode
 };

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

@@ -1,7 +1,7 @@
-import _sfc_main from "./service-flow-tool.vue2.js";
+import o from "./service-flow-tool.vue2.js";
 import "./service-flow-tool.vue3.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const serviceFlowTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a2bd7452"]]);
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+const r = e(o, [["__scopeId", "data-v-a2bd7452"]]);
 export {
-  serviceFlowTool as default
+  r as default
 };

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

@@ -1,199 +1,40 @@
-import { ElInput, ElDivider, ElTooltip, ElIcon } from "element-plus/es";
+import { ElInput as e, ElDivider as l, ElTooltip as o, ElIcon as t } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/icon/style/css";
 import "element-plus/es/components/tooltip/style/css";
 import "element-plus/es/components/divider/style/css";
 import "element-plus/es/components/input/style/css";
-import { defineComponent, ref, openBlock, createElementBlock, withDirectives, createElementVNode, createVNode, vShow, Fragment, renderList, unref, createBlock, withCtx, normalizeClass, pushScopeId, popScopeId } from "vue";
-import { View, CaretRight, Check } from "@element-plus/icons-vue";
-import { customControl } from "./flow-util.js";
-import { customControlClick } from "./flow-tool-util.js";
-import LogicFlow from "@logicflow/core";
+import { defineComponent as s, ref as i, openBlock as c, createElementBlock as a, withDirectives as n, createElementVNode as r, createVNode as p, vShow as m, Fragment as u, renderList as v, unref as d, createBlock as f, withCtx as w, normalizeClass as g, pushScopeId as y, popScopeId as b } from "vue";
+import { View as j, CaretRight as S, Check as C } from "@element-plus/icons-vue";
+import { customControl as h } from "./flow-util.js";
+import { customControlClick as x } from "./flow-tool-util.js";
+import V from "@logicflow/core";
 import "codemirror";
 import "@codemirror/lang-json";
 import "@codemirror/state";
 import "@uiw/codemirror-themes-all";
-import _sfc_main$1 from "../common/components/json-view/json-view-dialog.vue.js";
-import _sfc_main$2 from "./service-test/service-test.vue.js";
-const _withScopeId = (n) => (pushScopeId("data-v-a2bd7452"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "serviceflow-design-tool" };
-const _hoisted_2 = { style: { "top": "-5px", "margin-left": "10px", "position": "relative" } };
-const _hoisted_3 = { style: { "float": "right" } };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("label", null, "查看JSON", -1));
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("label", null, "日志", -1));
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("label", null, "测试", -1));
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("label", null, "保存", -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "service-flow-tool",
-  props: {
-    cloneService: {
-      type: Object,
-      default: () => {
-      }
-    },
-    lf: {
-      type: LogicFlow,
-      default: () => {
-      }
-    },
-    pageContext: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["show-service-log", "save-sevice", "show-json"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const clickControlType = ref("");
-    const jsonDialogVisible = ref(false);
-    const testDialogVisble = ref(false);
-    const jsonObject = ref({});
-    const controlClick = (item) => {
-      if (!props.lf) {
-        return;
-      }
-      customControlClick(props.lf, item);
-    };
-    const showJson = () => {
-      var _a;
-      jsonDialogVisible.value = true;
-      jsonObject.value = JSON.parse(JSON.stringify(props.cloneService));
-      jsonObject.value.flow = (_a = props.lf) == null ? void 0 : _a.getGraphData();
-      emits("show-json");
-    };
-    const showTestDialog = () => {
-      testDialogVisble.value = !testDialogVisble.value;
-    };
-    const showServiceLog = () => {
-      emits("show-service-log", {});
-    };
-    const saveService = () => {
-      emits("save-sevice");
-    };
-    return (_ctx, _cache) => {
-      const _component_el_input = ElInput;
-      const _component_el_divider = ElDivider;
-      const _component_el_tooltip = ElTooltip;
-      const _component_el_icon = ElIcon;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        withDirectives(createElementVNode("span", _hoisted_2, [
-          createVNode(_component_el_input, {
-            placeholder: "",
-            modelValue: __props.cloneService.name,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.cloneService.name = $event),
-            style: { "width": "150px" }
-          }, null, 8, ["modelValue"])
-        ], 512), [
-          [vShow, __props.cloneService.code]
-        ]),
-        withDirectives(createElementVNode("span", _hoisted_3, [
-          createVNode(_component_el_divider, {
-            direction: "vertical",
-            class: "serviceflow-design-tool-split"
-          }),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customControl), (item) => {
-            return openBlock(), createBlock(_component_el_tooltip, {
-              class: "box-item",
-              effect: "dark",
-              content: item.desc,
-              placement: "top"
-            }, {
-              default: withCtx(() => [
-                createElementVNode("label", {
-                  class: normalizeClass(["serviceflow-control-item", item.type === clickControlType.value ? "serviceflow-control-item-click" : ""]),
-                  onClick: ($event) => controlClick(item)
-                }, [
-                  createElementVNode("i", {
-                    class: normalizeClass(item.class)
-                  }, null, 2)
-                ], 10, _hoisted_4)
-              ]),
-              _: 2
-            }, 1032, ["content"]);
-          }), 256)),
-          createVNode(_component_el_divider, {
-            direction: "vertical",
-            class: "serviceflow-design-tool-split"
-          }),
-          createElementVNode("label", {
-            class: "serviceflow-page-type",
-            onClick: showJson
-          }, [
-            createVNode(_component_el_icon, { size: 18 }, {
-              default: withCtx(() => [
-                createVNode(unref(View))
-              ]),
-              _: 1
-            }),
-            _hoisted_5
-          ]),
-          createElementVNode("label", {
-            class: "serviceflow-page-type",
-            onClick: showServiceLog
-          }, [
-            createVNode(_component_el_icon, { size: 18 }, {
-              default: withCtx(() => [
-                createVNode(unref(View))
-              ]),
-              _: 1
-            }),
-            _hoisted_6
-          ]),
-          createVNode(_component_el_divider, {
-            direction: "vertical",
-            class: "serviceflow-design-tool-split"
-          }),
-          createElementVNode("label", {
-            class: "serviceflow-page-type",
-            onClick: showTestDialog
-          }, [
-            createVNode(_component_el_icon, { size: 18 }, {
-              default: withCtx(() => [
-                createVNode(unref(CaretRight))
-              ]),
-              _: 1
-            }),
-            _hoisted_7
-          ]),
-          createVNode(_component_el_divider, {
-            direction: "vertical",
-            class: "serviceflow-design-tool-split"
-          }),
-          createElementVNode("label", {
-            class: "serviceflow-page-type",
-            onClick: saveService
-          }, [
-            createVNode(_component_el_icon, { size: 18 }, {
-              default: withCtx(() => [
-                createVNode(unref(Check))
-              ]),
-              _: 1
-            }),
-            _hoisted_8
-          ])
-        ], 512), [
-          [vShow, __props.cloneService.code]
-        ]),
-        createVNode(unref(_sfc_main$1), {
-          modelValue: jsonDialogVisible.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => jsonDialogVisible.value = $event),
-          "json-object": jsonObject.value,
-          "append-to-body": true
-        }, null, 8, ["modelValue", "json-object"]),
-        createVNode(_sfc_main$2, {
-          modelValue: testDialogVisble.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => testDialogVisble.value = $event),
-          pageContext: __props.pageContext,
-          "append-to-body": true,
-          cloneService: __props.cloneService,
-          lf: __props.lf
-        }, null, 8, ["modelValue", "pageContext", "cloneService", "lf"])
-      ]);
-    };
-  }
-});
+import k from "../common/components/json-view/json-view-dialog.vue.js";
+import _ from "./service-test/service-test.vue.js";
+const O = (e2) => (y("data-v-a2bd7452"), e2 = e2(), b(), e2), z = { class: "serviceflow-design-tool" }, J = { style: { top: "-5px", "margin-left": "10px", position: "relative" } }, N = { style: { float: "right" } }, U = ["onClick"], D = O(() => r("label", null, "查看JSON", -1)), G = O(() => r("label", null, "日志", -1)), q = O(() => r("label", null, "测试", -1)), A = O(() => r("label", null, "保存", -1)), B = s({ __name: "service-flow-tool", props: { cloneService: { type: Object, default: () => {
+} }, lf: { type: V, default: () => {
+} }, pageContext: { type: Object, default: () => ({}) } }, emits: ["show-service-log", "save-sevice", "show-json"], setup(s2, { emit: y2 }) {
+  const b2 = y2, V2 = s2, O2 = i(""), B2 = i(false), E = i(false), F = i({}), H = () => {
+    var _a;
+    B2.value = true, F.value = JSON.parse(JSON.stringify(V2.cloneService)), F.value.flow = (_a = V2.lf) == null ? void 0 : _a.getGraphData(), b2("show-json");
+  }, I = () => {
+    E.value = !E.value;
+  }, K = () => {
+    b2("show-service-log", {});
+  }, L = () => {
+    b2("save-sevice");
+  };
+  return (i2, y3) => {
+    const b3 = e, M = l, P = o, Q = t;
+    return c(), a("div", z, [n(r("span", J, [p(b3, { placeholder: "", modelValue: s2.cloneService.name, "onUpdate:modelValue": y3[0] || (y3[0] = (e2) => s2.cloneService.name = e2), style: { width: "150px" } }, null, 8, ["modelValue"])], 512), [[m, s2.cloneService.code]]), n(r("span", N, [p(M, { direction: "vertical", class: "serviceflow-design-tool-split" }), (c(true), a(u, null, v(d(h), (e2) => (c(), f(P, { class: "box-item", effect: "dark", content: e2.desc, placement: "top" }, { default: w(() => [r("label", { class: g(["serviceflow-control-item", e2.type === O2.value ? "serviceflow-control-item-click" : ""]), onClick: (l2) => ((e3) => {
+      V2.lf && x(V2.lf, e3);
+    })(e2) }, [r("i", { class: g(e2.class) }, null, 2)], 10, U)]), _: 2 }, 1032, ["content"]))), 256)), p(M, { direction: "vertical", class: "serviceflow-design-tool-split" }), r("label", { class: "serviceflow-page-type", onClick: H }, [p(Q, { size: 18 }, { default: w(() => [p(d(j))]), _: 1 }), D]), r("label", { class: "serviceflow-page-type", onClick: K }, [p(Q, { size: 18 }, { default: w(() => [p(d(j))]), _: 1 }), G]), p(M, { direction: "vertical", class: "serviceflow-design-tool-split" }), r("label", { class: "serviceflow-page-type", onClick: I }, [p(Q, { size: 18 }, { default: w(() => [p(d(S))]), _: 1 }), q]), p(M, { direction: "vertical", class: "serviceflow-design-tool-split" }), r("label", { class: "serviceflow-page-type", onClick: L }, [p(Q, { size: 18 }, { default: w(() => [p(d(C))]), _: 1 }), A])], 512), [[m, s2.cloneService.code]]), p(d(k), { modelValue: B2.value, "onUpdate:modelValue": y3[1] || (y3[1] = (e2) => B2.value = e2), "json-object": F.value, "append-to-body": true }, null, 8, ["modelValue", "json-object"]), p(_, { modelValue: E.value, "onUpdate:modelValue": y3[2] || (y3[2] = (e2) => E.value = e2), pageContext: s2.pageContext, "append-to-body": true, cloneService: s2.cloneService, lf: s2.lf }, null, 8, ["modelValue", "pageContext", "cloneService", "lf"])]);
+  };
+} });
 export {
-  _sfc_main as default
+  B as default
 };

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

@@ -1,7 +1,7 @@
-import _sfc_main from "./service-node-config.vue2.js";
+import e from "./service-node-config.vue2.js";
 import "./service-node-config.vue3.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const serviceNodeConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d5185214"]]);
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const r = o(e, [["__scopeId", "data-v-d5185214"]]);
 export {
-  serviceNodeConfig as default
+  r as default
 };

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

@@ -1,158 +1,33 @@
-import { ElDrawer } from "element-plus/es";
+import { ElDrawer as e } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/drawer/style/css";
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, resolveDynamicComponent } from "vue";
-import { getServiceNodeByType, getConfigByType } from "../service-components/index.js";
-const _hoisted_1 = ["id"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "service-node-config",
-  props: {
-    service: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    currentNode: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    logicFlowInstance: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    pageContext: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["onConfigChange", "update:currentNode"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const properties = ref({});
-    const drawerVisible = ref(false);
-    const logicNodeType = ref({});
-    const configComponentRef = ref();
-    const drawerConfig = ref({ withHeader: true, drawerWidth: "" });
-    const emits = __emit;
-    let serviceNodeTypeData = { configComponent: null, drawerWidth: "50%" };
-    function onNodeClick(model) {
-      if (!["start", "end"].includes(model.data.type)) {
-        if (drawerVisible.value == true) {
-          updateNodeValue();
-          logicNodeType.value = getServiceNodeByType(model.data.type);
-        } else {
-          showDrawer();
-          logicNodeType.value = getServiceNodeByType(model.data.type);
-        }
-        serviceNodeTypeData = getConfigByType(model.data.type);
-      } else {
-        updateNodeValue();
-        closeDrawer();
-      }
-      properties.value = model.data.properties;
-    }
-    function onBlankClick() {
-      if (drawerVisible.value) {
-        updateNodeValue();
-        closeDrawer();
-      }
-    }
-    function onDeleteNode() {
-      closeDrawer();
-    }
-    function showDrawer() {
-      drawerVisible.value = true;
-    }
-    function closeDrawer() {
-      drawerVisible.value = false;
-      emits("update:currentNode", null);
-    }
-    function onLogicChange() {
-      closeDrawer();
-    }
-    function updateNodeValue() {
-      console.log(" 关闭配置窗口时时自动赋值", props.currentNode);
-      if (configComponentRef.value && configComponentRef.value.hasOwnProperty("onClose") && typeof configComponentRef.value.onClose === "function") {
-        configComponentRef.value.onClose();
-      }
-      if (!["start", "end"].includes(props.currentNode.type)) {
-        if (configComponentRef.value.hasOwnProperty("getData") && typeof configComponentRef.value.getData === "function") {
-          if (props.logicFlowInstance) {
-            if (props.logicFlowInstance.getNodeModelById(props.currentNode.data.id)) {
-              props.logicFlowInstance.getNodeModelById(props.currentNode.data.id).setProperties(configComponentRef.value.getData());
-            }
-          }
-        } else {
-          props.logicFlowInstance.getNodeModelById(props.currentNode.data.id).setProperties(properties.value);
-        }
-      }
-    }
-    function fullScreenConfig(config) {
-      if (config) {
-        if (config.withHeader === false) {
-          drawerConfig.value.withHeader = false;
-        } else {
-          drawerConfig.value.withHeader = true;
-        }
-        if (config.drawerWidth) {
-          drawerConfig.value.drawerWidth = config.drawerWidth;
-        } else {
-          drawerConfig.value.drawerWidth = "100%";
-        }
-      } else {
-        drawerConfig.value.drawerWidth = "100%";
-      }
-    }
-    __expose({
-      onBlankClick,
-      onNodeClick,
-      onLogicChange,
-      onDeleteNode,
-      closeDrawer
-    });
-    return (_ctx, _cache) => {
-      const _component_el_drawer = ElDrawer;
-      return openBlock(), createBlock(_component_el_drawer, {
-        modelValue: drawerVisible.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => drawerVisible.value = $event),
-        "append-to-body": false,
-        "close-on-press-escape": false,
-        "destroy-on-close": "",
-        "with-header": drawerConfig.value.withHeader,
-        "modal-class": "el-overlay",
-        modal: true,
-        title: logicNodeType.value.label,
-        direction: "rtl",
-        size: drawerConfig.value.drawerWidth ? drawerConfig.value.drawerWidth : unref(serviceNodeTypeData).drawerWidth ? unref(serviceNodeTypeData).drawerWidth : "50%"
-      }, {
-        header: withCtx(({ close, titleId, titleClass }) => [
-          createElementVNode("h4", {
-            id: titleId,
-            class: normalizeClass(titleClass)
-          }, toDisplayString(logicNodeType.value.label), 11, _hoisted_1)
-        ]),
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(serviceNodeTypeData).configComponent), {
-            ref_key: "configComponentRef",
-            ref: configComponentRef,
-            logicFlowInstance: __props.logicFlowInstance,
-            currentNode: __props.currentNode,
-            properties: properties.value,
-            service: __props.service,
-            pageContext: __props.pageContext,
-            onFullScreen: fullScreenConfig
-          }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service", "pageContext"]))
-        ]),
-        _: 1
-      }, 8, ["modelValue", "with-header", "title", "size"]);
-    };
+import { defineComponent as t, ref as o, openBlock as a, createBlock as l, unref as n, withCtx as r, createElementVNode as d, normalizeClass as i, toDisplayString as c, resolveDynamicComponent as s } from "vue";
+import { getServiceNodeByType as u, getConfigByType as p } from "../service-components/index.js";
+const v = ["id"], w = t({ __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(t2, { expose: w2, emit: f }) {
+  const g = t2, h = o({}), m = o(false), y = o({}), C = o(), N = o({ withHeader: true, drawerWidth: "" }), I = f;
+  let W = { configComponent: null, drawerWidth: "50%" };
+  function F() {
+    m.value = false, I("update:currentNode", null);
   }
-});
+  function b() {
+    C.value && C.value.hasOwnProperty("onClose") && "function" == typeof C.value.onClose && C.value.onClose(), ["start", "end"].includes(g.currentNode.type) || (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));
+  }
+  function x(e2) {
+    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%";
+  }
+  return w2({ onBlankClick: function() {
+    m.value && (b(), F());
+  }, onNodeClick: function(e2) {
+    ["start", "end"].includes(e2.data.type) ? (b(), F()) : (1 == m.value ? (b(), y.value = u(e2.data.type)) : (m.value = true, y.value = u(e2.data.type)), W = p(e2.data.type)), h.value = e2.data.properties;
+  }, onLogicChange: function() {
+    F();
+  }, onDeleteNode: function() {
+    F();
+  }, closeDrawer: F }), (o2, u2) => {
+    const p2 = e;
+    return a(), l(p2, { modelValue: m.value, "onUpdate:modelValue": u2[0] || (u2[0] = (e2) => m.value = e2), "append-to-body": false, "close-on-press-escape": false, "destroy-on-close": "", "with-header": N.value.withHeader, "modal-class": "el-overlay", modal: true, title: y.value.label, direction: "rtl", size: N.value.drawerWidth ? N.value.drawerWidth : n(W).drawerWidth ? n(W).drawerWidth : "50%" }, { header: r(({ close: e2, titleId: t3, titleClass: o3 }) => [d("h4", { id: t3, class: i(o3) }, c(y.value.label), 11, v)]), default: r(() => [(a(), l(s(n(W).configComponent), { ref_key: "configComponentRef", ref: C, logicFlowInstance: t2.logicFlowInstance, currentNode: t2.currentNode, properties: h.value, service: t2.service, pageContext: t2.pageContext, onFullScreen: x }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service", "pageContext"]))]), _: 1 }, 8, ["modelValue", "with-header", "title", "size"]);
+  };
+} });
 export {
-  _sfc_main as default
+  w as default
 };