service-flow-designer 0.0.1-beta

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

@@ -0,0 +1,233 @@
+/* empty css                                                                                                    */
+/* empty css                                                                                                       */
+import "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-tooltip.css.js";
+/* empty css                                                                                                         */
+/* empty css                                                                                                          */
+/* empty css                                                                                                        */
+import { defineComponent, ref, openBlock, createElementBlock, withDirectives, createElementVNode, createVNode, vShow, Fragment, renderList, unref, createBlock, withCtx, normalizeClass, pushScopeId, popScopeId } from "vue";
+import { View as view_default, CaretRight as caret_right_default, Check as check_default } from "../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.21/node_modules/@element-plus/icons-vue/dist/index.js";
+import { customControl } from "./flow-util.js";
+import { customControlClick } from "./flow-tool-util.js";
+import LogicFlow from "../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-abcdef@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-abcdef/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-abyss@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-abyss/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-androidstudio@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-androidstudio/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-andromeda@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-andromeda/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-atomone@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-atomone/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-aura@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-aura/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-basic@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-basic/esm/dark.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-basic@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-basic/esm/light.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-bbedit@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-bbedit/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-bespin@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-bespin/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-console@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-console/esm/dark.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-console@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-console/esm/light.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-copilot@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-copilot/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-darcula@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-darcula/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-dracula@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-dracula/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-duotone@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-duotone/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-eclipse@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-eclipse/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-github@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-github/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-gruvbox-dark@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-gruvbox-dark/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-kimbie@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-kimbie/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-material@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-material/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-monokai@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-monokai/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-monokai-dimmed@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-monokai-dimmed/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-noctis-lilac@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-noctis-lilac/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-nord@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-nord/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-okaidia@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-okaidia/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-quietlight@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-quietlight/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-red@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-red/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-solarized@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-solarized/esm/dark.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-solarized@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-solarized/esm/light.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-sublime@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-sublime/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-tokyo-night/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night-storm@4.22.0_@codemirror_language@6.10.1_@codemirror_state@_l4krio5vg4vipcrpby2w7mu4gm/node_modules/@uiw/codemirror-theme-tokyo-night-storm/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night-day@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-tokyo-night-day/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-tomorrow-night-blue@4.22.0_@codemirror_language@6.10.1_@codemirror_stat_3723imc43juge3khiueceiq7ka/node_modules/@uiw/codemirror-theme-tomorrow-night-blue/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-vscode@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-vscode/esm/index.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-white@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-white/esm/dark.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-white@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-white/esm/light.js";
+import "../../node_modules/.pnpm/@uiw_codemirror-theme-xcode@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-xcode/esm/index.js";
+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";
+import { ElInput } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/input/index.js";
+import { ElDivider } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/divider/index.js";
+import { ElTooltip } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tooltip/index.js";
+import { ElIcon } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/icon/index.js";
+const _withScopeId = (n) => (pushScopeId("data-v-fdc6ec07"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "amb-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: () => {
+      }
+    }
+  },
+  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: "amb-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(["control-item", item.type === clickControlType.value ? "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: "amb-design-tool-split"
+          }),
+          createElementVNode("label", {
+            class: "amb-page-type",
+            onClick: showJson
+          }, [
+            createVNode(_component_el_icon, { size: 18 }, {
+              default: withCtx(() => [
+                createVNode(unref(view_default))
+              ]),
+              _: 1
+            }),
+            _hoisted_5
+          ]),
+          createElementVNode("label", {
+            class: "amb-page-type",
+            onClick: showServiceLog
+          }, [
+            createVNode(_component_el_icon, { size: 18 }, {
+              default: withCtx(() => [
+                createVNode(unref(view_default))
+              ]),
+              _: 1
+            }),
+            _hoisted_6
+          ]),
+          createVNode(_component_el_divider, {
+            direction: "vertical",
+            class: "amb-design-tool-split"
+          }),
+          createElementVNode("label", {
+            class: "amb-page-type",
+            onClick: showTestDialog
+          }, [
+            createVNode(_component_el_icon, { size: 18 }, {
+              default: withCtx(() => [
+                createVNode(unref(caret_right_default))
+              ]),
+              _: 1
+            }),
+            _hoisted_7
+          ]),
+          createVNode(_component_el_divider, {
+            direction: "vertical",
+            class: "amb-design-tool-split"
+          }),
+          createElementVNode("label", {
+            class: "amb-page-type",
+            onClick: saveService
+          }, [
+            createVNode(_component_el_icon, { size: 18 }, {
+              default: withCtx(() => [
+                createVNode(unref(check_default))
+              ]),
+              _: 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),
+          "append-to-body": true,
+          cloneService: __props.cloneService,
+          lf: __props.lf
+        }, null, 8, ["modelValue", "cloneService", "lf"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,10 @@
+
+.el-drawer__header {
+  margin-bottom: 0 !important;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-aa025314] .el-overlay {
+  position: static;
+}

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

@@ -0,0 +1,49 @@
+declare function onNodeClick(model: any): void;
+declare function onBlankClick(): void;
+declare function onDeleteNode(): void;
+declare function closeDrawer(): void;
+declare function onLogicChange(): void;
+declare const _default: import('vue').DefineComponent<{
+    service: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    currentNode: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    logicFlowInstance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    onBlankClick: typeof onBlankClick;
+    onNodeClick: typeof onNodeClick;
+    onLogicChange: typeof onLogicChange;
+    onDeleteNode: typeof onDeleteNode;
+    closeDrawer: typeof closeDrawer;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onConfigChange: (...args: any[]) => void;
+    "update:currentNode": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    service: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    currentNode: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    logicFlowInstance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onOnConfigChange?: (...args: any[]) => any;
+    "onUpdate:currentNode"?: (...args: any[]) => any;
+}, {
+    service: Record<string, any>;
+    logicFlowInstance: Record<string, any>;
+    currentNode: Record<string, any>;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,154 @@
+/* empty css                                                                                                    */
+/* empty css                                                                                                         */
+/* empty css                                                                                                          */
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, resolveDynamicComponent } from "vue";
+import { getServiceNodeByType, getConfigByType } from "../service-components/index.js";
+import { ElDrawer } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/drawer/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 {};
+      }
+    }
+  },
+  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.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,
+            onFullScreen: fullScreenConfig
+          }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service"]))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "with-header", "title", "size"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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