service-flow-designer 0.0.2-tmp7 → 1.0.1

package/dist/lib/designer/service-flow-view/view-index.css

@@ -0,0 +1,102 @@
+.amb-design-content[data-v-ff04c7d7] {
+  overflow: auto;
+  display: block;
+  flex: none;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.amb-design-content[data-v-ff04c7d7]::-webkit-scrollbar {
+  width: 1px;
+}
+.amb-design-tool[data-v-ff04c7d7] {
+  position: -webkit-sticky; /**Safari */
+  position: sticky;
+  width: 100%;
+  top: 14px;
+  background: #ffffff;
+  height: 40px;
+  line-height: 40px;
+  padding-top: 10px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 6px 6px 6px 6px;
+  z-index: 0;
+}
+.amb-page-type[data-v-ff04c7d7] {
+  padding-top: 11px;
+  padding-left: 6px;
+  padding-right: 6px;
+  margin-right: 10px;
+  border-radius: 4px 4px 4px 4px;
+  cursor: pointer;
+}
+.amb-page-type[data-v-ff04c7d7]:hover {
+  background: rgba(11, 45, 101, 0.105);
+}
+.amb-page-type.selected[data-v-ff04c7d7] {
+  background: #5893ef;
+  color: #ffffff;
+}
+.amb-page-type > label[data-v-ff04c7d7] {
+  font-size: 14px;
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-bottom: 15px;
+  top: -5px;
+  position: relative;
+  cursor: pointer;
+}
+.amb-design-tool-split[data-v-ff04c7d7] {
+  height: 25px;
+  margin-top: -12px;
+}
+.amb-design-board[data-v-ff04c7d7] {
+  margin: 0 auto;
+  margin-top: 28px;
+  overflow-y: auto;
+  overflow-x: auto;
+  background: #ffffff;
+  border-radius: 2px 2px 2px 2px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
+  padding-bottom: 20px;
+}
+.container[data-v-ff04c7d7] {
+  height: 100%;
+  width: 100%;
+}
+.amb-item-ghost[data-v-ff04c7d7] {
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
+  overflow: hidden;
+}
+/* 将你的自定义样式添加到这里 */
+.draggable-placeholder[data-v-ff04c7d7] {
+  background-color: red;
+  border: 1px dashed #ddd;
+  margin: 5px;
+  padding: 10px;
+}
+#LF-view[data-v-ff04c7d7] {
+  width: calc(100% - 100px);
+  height: 80%;
+  outline: none;
+  margin-left: 50px;
+}
+.el-drawer__header {
+  margin-bottom: 0 !important;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-ff04c7d7] .el-overlay {
+  position: static !important;
+}
+.triangle[data-v-ff04c7d7] {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 50px 100px 50px;
+  border-color: transparent transparent var(--el-skeleton-color) transparent;
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+const viewIndex_vue_vue_type_script_setup_true_lang = require("./view-index.vue2.js");
+;/* empty css                 */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const ServiceFlowView = /* @__PURE__ */ _pluginVue_exportHelper(viewIndex_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-ff04c7d7"]]);
+module.exports = ServiceFlowView;

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

@@ -0,0 +1,353 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/drawer/style/css");
+require("element-plus/es/components/timeline/style/css");
+require("element-plus/es/components/skeleton/style/css");
+require("element-plus/es/components/skeleton-item/style/css");
+const vue = require("vue");
+const serviceNodeConfig = require("./service-node-config.vue.js");
+const serviceUpdateLog = require("./service-update-log.vue.js");
+const serviceFlowTool = require("./service-flow-tool.vue.js");
+const LogicFlow = require("@logicflow/core");
+require("@logicflow/core/dist/style/index.css");
+require("@logicflow/extension/lib/style/index.css");
+const http = require("agilebuilder-ui/src/utils/request");
+const serviceParams_vue_vue_type_script_setup_true_lang = require("./service-params.vue.js");
+const flowUtil = require("./flow-util.js");
+require("../service-components/index.js");
+const nodeUtil = require("../common/util/node-util.js");
+const pageStore = require("../../stores/page-store.js");
+const elementPlus = require("element-plus");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-ff04c7d7"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = {
+  class: "amb-design-content",
+  ref: "ambServiceFlowContent"
+};
+const _hoisted_2 = { style: { "height": "100%" } };
+const _hoisted_3 = {
+  class: "amb-design-board",
+  ref: "pageDesignBoardMain"
+};
+const _hoisted_4 = { style: { "padding": "200px", "box-sizing": "border-box", "height": "100%", "background-color": "#ffffff" } };
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "triangle" }, null, -1));
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "view-index",
+  props: {
+    logicFlowInstance: {
+      type: LogicFlow,
+      default: () => {
+      }
+    },
+    serviceTreeData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const serviceFlowStoreUtil = pageStore.useServiceFlowStore();
+    const props = __props;
+    const emits = __emit;
+    const logicFlowContainer = vue.ref();
+    const serviceNodeConfigRef = vue.ref();
+    const serviceUpdateLogRef = vue.ref();
+    const logicFlowContainerHeight = vue.ref("100%");
+    const emptyContainer = vue.ref();
+    const logicFlowContainerStyle = vue.computed(() => {
+      return {
+        height: logicFlowContainerHeight.value
+      };
+    });
+    const showServiceConfigDrawer = vue.ref(false);
+    const lf = vue.ref();
+    const sourceService = vue.ref(null);
+    const cloneService = vue.ref({ code: "", name: "" });
+    const currentClickNode = vue.ref(null);
+    const onDragNode = (serviceComponent) => {
+      if (lf.value) {
+        lf.value.dnd.startDrag({ type: serviceComponent.type, properties: { name: serviceComponent.label } });
+      } else {
+        console.error("LogicFlow实例还没有初始化");
+      }
+    };
+    vue.onMounted(() => {
+      if (emptyContainer.value) {
+        const rect = emptyContainer.value.getBoundingClientRect();
+        if (rect.y || rect.y === 0) {
+          logicFlowContainerHeight.value = window.innerHeight - rect.y + "px";
+        }
+      }
+    });
+    const beforeCloseDrawer = (done) => {
+      console.log("beforeCloseDrawer");
+      done();
+    };
+    const clearServiceParamsConfig = () => {
+      if (cloneService.value.variables) {
+        removerEditing(cloneService.value.variables);
+      }
+      console.log("clearServiceParamsConfig");
+    };
+    const removerEditing = (variables) => {
+      variables.forEach((item) => {
+        delete item.$editing;
+        if (item.items) {
+          removerEditing(item.items);
+        }
+      });
+    };
+    const loadFlowView = (service) => {
+      lf.value = flowUtil.newLogicFlow(logicFlowContainer.value);
+      lf.value.extension.menu.setMenuConfig({
+        nodeMenu: [],
+        // 覆盖默认的节点右键菜单
+        graphMenu: [
+          {
+            text: "服务属性",
+            callback() {
+              showServiceConfigDrawer.value = true;
+            }
+          }
+        ]
+      });
+      eventListener();
+      flowUtil.registerNode(lf.value);
+      if (service.flow && service.flow.nodes && service.flow.nodes.length > 0) {
+        lf.value.render(service.flow);
+      } else {
+        lf.value.render();
+        flowUtil.addInitNode(lf.value);
+      }
+      const { editConfigModel } = lf.value.graphModel;
+      editConfigModel.updateEditConfig({
+        // 禁止拖动画布， 拖动画布和框选不能同时配置，只会有一个生效
+        stopMoveGraph: false
+      });
+      emits("update:logicFlowInstance", lf.value);
+    };
+    const eventListener = () => {
+      if (!lf.value) {
+        return;
+      }
+      lf.value.on("connection:not-allowed", (msg) => {
+        console.log(msg.msg);
+      });
+      lf.value.on("blank:click", (params) => {
+        serviceNodeConfigRef.value.onBlankClick();
+      });
+      lf.value.on("selection:selected", () => {
+        if (lf.value) {
+          lf.value.extension.selectionSelect.closeSelectionSelect();
+        }
+      });
+      lf.value.on("node:click", (nodeModel) => {
+        console.log("node:click", nodeModel);
+        if (!currentClickNode.value || currentClickNode.value.data.id !== nodeModel.data.id) {
+          serviceNodeConfigRef.value.onNodeClick(nodeModel);
+          currentClickNode.value = nodeModel;
+        }
+      });
+      lf.value.on("history:change", (params) => {
+        params.data.undos;
+        console.log("画布数据发生变化", params);
+      });
+      lf.value.on("custom:deleteNode", (params) => {
+        emits("onDeleteNode");
+      });
+    };
+    const onServiceClick = (clickService) => {
+      if (!lf.value) {
+        reloadFlowView(clickService);
+      } else if (clickService.id === cloneService.value.id) {
+        return;
+      } else {
+        if (serviceDateIsChanged()) {
+          elementPlus.ElMessageBox.confirm("服务配置发生变化, 是否需要保存?", "提示", {
+            confirmButtonText: "保存",
+            cancelButtonText: "不保存",
+            closeOnClickModal: false,
+            closeOnPressEscape: false,
+            type: "warning"
+          }).then(() => {
+            var _a;
+            sourceService.value = cloneService.value;
+            sourceService.value.flow = (_a = lf.value) == null ? void 0 : _a.getGraphData();
+            const treeNodeData = nodeUtil.findServcieByCode(cloneService.value.code, props.serviceTreeData);
+            treeNodeData.name = cloneService.value.name;
+            showServiceLog({ beforeSave: true });
+          }).catch(() => {
+            reloadFlowView(clickService);
+          });
+        } else {
+          reloadFlowView(clickService);
+        }
+      }
+    };
+    const reloadFlowView = (clickService) => {
+      serviceNodeConfigRef.value.closeDrawer();
+      cloneService.value = JSON.parse(JSON.stringify(clickService));
+      sourceService.value = JSON.parse(JSON.stringify(clickService));
+      serviceFlowStoreUtil.currentService = cloneService.value;
+      console.log(sourceService.value, "clickService");
+      loadFlowView(cloneService.value);
+    };
+    const serviceDateIsChanged = () => {
+      if (!lf.value) {
+        return false;
+      }
+      const gdata = lf.value.getGraphData();
+      const serviceDataEqual = nodeUtil.isDeepEqual(sourceService.value, cloneService.value);
+      const gdataEqual = nodeUtil.isDeepEqual(sourceService.value.flow, gdata);
+      return !serviceDataEqual || !gdataEqual;
+    };
+    const saveService = () => {
+      if (!lf.value) {
+        return;
+      }
+      if (!cloneService.value.id) {
+        save();
+      } else {
+        showServiceLog({ beforeSave: true });
+      }
+    };
+    const save = (description) => {
+      if (!lf.value) {
+        return;
+      }
+      const gdata = lf.value.getGraphData();
+      cloneService.value.flow = gdata;
+      if (sourceService.value) {
+        cloneService.value.runtimeJson = JSON.stringify(flowUtil.getRuntimeJson(cloneService.value));
+        const saveService2 = JSON.parse(JSON.stringify(cloneService.value));
+        saveService2.variables = JSON.stringify(saveService2.variables);
+        saveService2.log = JSON.stringify(saveService2.log);
+        saveService2.flow = JSON.stringify(saveService2.flow);
+        saveService2.returnValues = JSON.stringify(saveService2.returnValues);
+        http.post("/component/super-page-design/service-flow", { designLog: description, appServiceFlow: saveService2 }).then((res) => {
+          if (res) {
+            elementPlus.ElMessage({
+              message: "保存成功",
+              type: "success"
+            });
+            lf.value = null;
+            res.variables && (res.variables = JSON.parse(res.variables));
+            res.log && (res.log = JSON.parse(res.log));
+            res.flow && (res.flow = JSON.parse(res.flow));
+            res.returnValues && (res.returnValues = JSON.parse(res.returnValues));
+            onServiceClick(res);
+            serviceUpdateLogRef.value.closeDialog();
+            emits("load-tree-data");
+          }
+        });
+      }
+    };
+    function showServiceLog(event) {
+      serviceUpdateLogRef.value.showDialog(event);
+    }
+    const clearFlowCanvas = () => {
+      if (lf.value) {
+        lf.value.clearData();
+        lf.value = null;
+        sourceService.value = null;
+        cloneService.value = { code: "", name: "" };
+        showServiceConfigDrawer.value = false;
+        currentClickNode.value = {};
+      }
+    };
+    const showJson = () => {
+      console.log("showJson");
+    };
+    __expose({
+      onDragNode,
+      onServiceClick,
+      clearFlowCanvas
+    });
+    return (_ctx, _cache) => {
+      const _component_el_skeleton_item = es.ElSkeletonItem;
+      const _component_el_skeleton = es.ElSkeleton;
+      const _component_el_timeline = es.ElTimeline;
+      const _component_el_drawer = es.ElDrawer;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.withDirectives(vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(serviceFlowTool, {
+              cloneService: cloneService.value,
+              lf: lf.value,
+              onShowJson: showJson,
+              onShowServiceLog: showServiceLog,
+              onSaveSevice: saveService
+            }, null, 8, ["cloneService", "lf"]),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createElementVNode("div", {
+                style: vue.normalizeStyle(logicFlowContainerStyle.value),
+                ref_key: "logicFlowContainer",
+                ref: logicFlowContainer,
+                class: "container"
+              }, null, 4)
+            ], 512)
+          ], 512), [
+            [vue.vShow, lf.value]
+          ]),
+          vue.withDirectives(vue.createElementVNode("div", {
+            style: vue.normalizeStyle([{ "padding-top": "10px", "box-sizing": "border-box" }, logicFlowContainerStyle.value]),
+            ref_key: "emptyContainer",
+            ref: emptyContainer
+          }, [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createVNode(_component_el_skeleton, { style: { "--el-skeleton-circle-size": "100px" } }, {
+                template: vue.withCtx(() => [
+                  vue.createVNode(_component_el_skeleton_item, { variant: "circle" }),
+                  vue.createVNode(_component_el_skeleton_item, {
+                    variant: "rect",
+                    style: { "width": "100px", "height": "100px", "margin": "0 50px" }
+                  }),
+                  _hoisted_5
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_timeline, { style: { "max-width": "600px" } })
+            ])
+          ], 4), [
+            [vue.vShow, !lf.value]
+          ]),
+          vue.createVNode(_component_el_drawer, {
+            modelValue: showServiceConfigDrawer.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showServiceConfigDrawer.value = $event),
+            "append-to-body": true,
+            "destroy-on-close": "",
+            "modal-class": "el-overlay",
+            modal: true,
+            title: "服务参数",
+            onClose: clearServiceParamsConfig,
+            "before-close": beforeCloseDrawer,
+            direction: "rtl",
+            size: "50%"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(serviceParams_vue_vue_type_script_setup_true_lang, { service: cloneService.value }, null, 8, ["service"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ], 512),
+        vue.createVNode(serviceUpdateLog, {
+          ref_key: "serviceUpdateLogRef",
+          ref: serviceUpdateLogRef,
+          onSave: save,
+          lf: lf.value,
+          cloneService: cloneService.value
+        }, null, 8, ["lf", "cloneService"]),
+        vue.createVNode(serviceNodeConfig, {
+          logicFlowInstance: __props.logicFlowInstance,
+          currentNode: currentClickNode.value,
+          "onUpdate:currentNode": _cache[1] || (_cache[1] = ($event) => currentClickNode.value = $event),
+          sourceService: sourceService.value,
+          service: cloneService.value,
+          ref_key: "serviceNodeConfigRef",
+          ref: serviceNodeConfigRef
+        }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service"])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-panel/component-panel.css

@@ -0,0 +1,66 @@
+.amb-design-attr-base-content[data-v-71fd6ce1] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+}
+.amb-design-attr-item[data-v-71fd6ce1] {
+  margin-bottom: 8px;
+}
+.amb-design-attr-group-header > button[data-v-71fd6ce1] {
+  background: #f5f6f8;
+  padding-left: 10px;
+  font-size: 14px;
+  height: 42px;
+}
+.amb-design-attr-content[data-v-71fd6ce1] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+  position: relative;
+}
+.amb-design-attr-header-search[data-v-71fd6ce1] {
+  margin-top: 16px;
+}
+.amb-design-attr-header-select[data-v-71fd6ce1] {
+  width: 90px;
+  height: 36px;
+}
+.amb-design-page-param-row[data-v-71fd6ce1] {
+  height: 34px;
+}
+.el-table__cell > .cell[data-v-71fd6ce1] {
+  white-space: nowrap !important;
+}
+.serviceflow-item[data-v-71fd6ce1] {
+  background: rgba(88, 147, 239, 0.06);
+  border: 1px dashed rgba(88, 147, 239, 0.06);
+  border-radius: 4px 4px 4px 4px;
+  text-align: center;
+  margin-top: 12px;
+  padding: 10px 5px 10px 5px;
+  font-size: 12px;
+  cursor: move;
+  height: 60px;
+  overflow: hidden;
+  box-sizing: border-box;
+  color: #333333;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none; /* Safari */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none; /* 标准语法 */
+}
+.serviceflow-item[data-v-71fd6ce1]:hover {
+  background: rgba(11, 45, 101, 0.105);
+  border: 1px dashed rgba(11, 45, 101, 0.227);
+}
+.amb-assembly-item-drag[data-v-71fd6ce1] {
+  opacity: 1 !important;
+}

package/dist/lib/designer/service-panel/component-panel.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const componentPanel_vue_vue_type_script_setup_true_lang = require("./component-panel.vue2.js");
+;/* empty css                      */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const ComponentPanel = /* @__PURE__ */ _pluginVue_exportHelper(componentPanel_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-71fd6ce1"]]);
+module.exports = ComponentPanel;

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

@@ -0,0 +1,93 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/collapse/style/css");
+require("element-plus/es/components/collapse-item/style/css");
+require("element-plus/es/components/row/style/css");
+require("element-plus/es/components/col/style/css");
+const vue = require("vue");
+const index = require("../service-components/index.js");
+var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_3 = ["title", "onMousedown"];
+const _hoisted_4 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "component-panel",
+  emits: ["drag-node"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const openCollapseItems = vue.ref(index.serviceComponentGroups[0].name);
+    function $_dragNode(serviceComponent) {
+      console.log(`service-component-lib $_dragNode:${serviceComponent.type}`);
+      emits("drag-node", serviceComponent);
+    }
+    function getIconUrl(url) {
+      if (url) {
+        return new URL(url, typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.src || new URL("designer/service-panel/component-panel.vue2.js", document.baseURI).href).href;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_col = es.ElCol;
+      const _component_el_row = es.ElRow;
+      const _component_el_collapse_item = es.ElCollapseItem;
+      const _component_el_collapse = es.ElCollapse;
+      return vue.openBlock(), vue.createBlock(_component_el_collapse, {
+        modelValue: openCollapseItems.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+        style: { "margin-top": "6px" }
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(index.serviceComponentGroups), (group, index2) => {
+            return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+              key: index2,
+              name: group.name,
+              class: "amb-design-attr-group-header"
+            }, {
+              title: vue.withCtx(() => [
+                vue.createElementVNode("img", {
+                  src: getIconUrl(group.icon),
+                  style: { "height": "18px" }
+                }, null, 8, _hoisted_1),
+                vue.createTextVNode("   "),
+                vue.createElementVNode("b", null, vue.toDisplayString(group.label), 1)
+              ]),
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(_component_el_row, { gutter: 14 }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.items, (serviceComponent, index22) => {
+                        return vue.openBlock(), vue.createBlock(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createElementVNode("div", {
+                              class: "serviceflow-item",
+                              title: serviceComponent.label,
+                              onMousedown: ($event) => $_dragNode(serviceComponent)
+                            }, [
+                              vue.createElementVNode("div", null, [
+                                vue.createElementVNode("img", {
+                                  src: getIconUrl(serviceComponent.icon),
+                                  style: { "height": "16px" }
+                                }, null, 8, _hoisted_4)
+                              ]),
+                              vue.createElementVNode("span", null, vue.toDisplayString(serviceComponent.label), 1)
+                            ], 40, _hoisted_3)
+                          ]),
+                          _: 2
+                        }, 1024);
+                      }), 256))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["name"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-panel/service-list.css

@@ -0,0 +1,36 @@
+
+[data-v-a5cc897b] .el-table__row {
+  cursor: pointer;
+}
+/** 右键菜单样式 */
+.context-menu[data-v-a5cc897b] {
+  position: absolute;
+  background: #fff;
+  z-index: 999;
+  margin: 5;
+  padding: 8px 8px;
+  box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
+  border: 1px solid #bbbbbb;
+  border-radius: 10px;
+  font-size: 14px;
+}
+.context-menu li[data-v-a5cc897b] {
+  list-style-type: none;
+  min-width: 75px;
+  line-height: 28px;
+  text-align: left;
+  border-radius: 5px;
+  padding-left: 5px;
+  cursor: pointer;
+}
+.context-menu li[data-v-a5cc897b]:hover {
+  background: #0165e1;
+  color: #fff;
+}
+/** 右键菜单样式 */
+.custom-tree-node[data-v-a5cc897b] {
+  font-size: 14px;
+  padding-right: 8px;
+  display: flex; /* 使用Flex布局 */
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+const serviceList_vue_vue_type_script_setup_true_lang = require("./service-list.vue2.js");
+;/* empty css                   */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const ServiceList = /* @__PURE__ */ _pluginVue_exportHelper(serviceList_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-a5cc897b"]]);
+module.exports = ServiceList;