service-flow-designer 1.1.12 → 1.1.13

package/dist/lib/designer/service-components/database/dynamic-sql/index.vue2.js

@@ -0,0 +1,40 @@
+"use strict";
+const vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-5911272d"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: vardefV,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "nodeTitle" }, "动态SQL", -1));
+const _hoisted_3 = { class: "nodeContent" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    graphModel: Object,
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    return (_ctx, _cache) => {
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        _hoisted_1,
+        vue.createElementVNode("div", {
+          class: "nodeView",
+          style: vue.normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          _hoisted_2,
+          vue.createVNode(_component_el_divider),
+          vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(__props.properties.name), 1)
+        ], 4)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/database/regular-query/index.css

@@ -0,0 +1,50 @@
+.nodeView[data-v-4c6dfa4a] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-4c6dfa4a] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-4c6dfa4a] {
+  width: 112px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.el-divider--horizontal[data-v-4c6dfa4a] {
+  margin: 12px 0;
+}
+.nodeView[data-v-4c6dfa4a] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
+}
+.nodeContent[data-v-4c6dfa4a] {
+}

package/dist/lib/designer/service-components/database/regular-query/index.d.ts

@@ -0,0 +1,16 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class RegularQueryNode extends AbLogicNode {
+    customP1: any;
+    constructor(props: any);
+    getResizeShape(): void;
+}
+declare class RegularQueryNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof RegularQueryNode;
+    model: typeof RegularQueryNodeModel;
+    options: {};
+};
+export default _default;

package/dist/lib/designer/service-components/database/regular-query/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const AbLogicNode = require("../../../flow/base/AbLogicNode.js");
+const AbLogicNodeModel = require("../../../flow/base/AbLogicNodeModel.js");
+require("../../../flow/base/AbLogicResizeNodeModel.js");
+require("../../../flow/base/AbLogicResizeNode.js");
+const vue = require("vue");
+const index = require("./index.vue.js");
+class RegularQueryNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    __publicField(this, "customP1");
+    this.isMounted = false;
+    this.r = vue.h(index, {
+      text: props.model.inputData,
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = vue.createApp({
+      render: () => this.r
+    });
+  }
+  getResizeShape() {
+  }
+}
+class RegularQueryNodeModel extends AbLogicNodeModel {
+}
+const regularQuery = {
+  type: "regularQuery",
+  view: RegularQueryNode,
+  model: RegularQueryNodeModel,
+  options: {}
+};
+module.exports = regularQuery;

package/dist/lib/designer/service-components/database/regular-query/index.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import('vue').DefineComponent<{
+    graphModel: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    graphModel: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onBtnClick?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+    graphModel: Record<string, any>;
+    model: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/lib/designer/service-components/database/regular-query/index.vue.js

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

package/dist/lib/designer/service-components/database/regular-query/index.vue2.js

@@ -0,0 +1,86 @@
+"use strict";
+const vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-4c6dfa4a"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: vardefV,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = { class: "nodeTitle" };
+const _hoisted_3 = { class: "nodeContent" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1));
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    graphModel: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    model: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const varDef = vue.ref([]);
+    const canJumpNodes = vue.ref([]);
+    vue.onMounted(() => {
+      const graphData = props.graphModel.modelToGraphData();
+      graphData.nodes.forEach((item, index) => {
+        canJumpNodes.value.push({ id: item.id, name: item.properties.name });
+      });
+      canJumpNodes.value.push({ id: "end", name: "结束" });
+      if (props.properties) {
+        if (props.properties.rules && props.properties.rules.length > 0) {
+          props.properties.rules.forEach((item, index) => {
+            varDef.value.push(item.name + "->" + getNodeNameById(item.to));
+          });
+        }
+      }
+    });
+    function getNodeNameById(to) {
+      if (to === "end") {
+        return "结束";
+      }
+      for (let i = 0; i < canJumpNodes.value.length; i++) {
+        if (canJumpNodes.value[i].id == to) {
+          return canJumpNodes.value[i].name;
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        _hoisted_1,
+        vue.createElementVNode("div", {
+          class: "nodeView",
+          style: vue.normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(__props.properties.name ? __props.properties.name : "条件判断"), 1),
+          vue.createVNode(_component_el_divider),
+          vue.createElementVNode("div", _hoisted_3, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(varDef.value, (item) => {
+              return vue.openBlock(), vue.createElementBlock("div", null, [
+                vue.createElementVNode("span", null, vue.toDisplayString(item), 1),
+                _hoisted_4
+              ]);
+            }), 256))
+          ])
+        ], 4)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/{index.js → import-index.js}

@@ -1,12 +1,28 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index$f = require("./base/start-node/index.js");
+const index$3 = require("./base/end-node/index.js");
+const index$1 = require("./base/loop-node/index.js");
+const index$2 = require("./base/custom-function/index.js");
+const index = require("./base/judge-condition/index.js");
+const index$4 = require("./database/regular-query/index.js");
+const index$5 = require("./database/aggregate-query/index.js");
+const index$6 = require("./database/dynamic-sql/index.js");
+const index$c = require("./base/notification/index.js");
+const index$7 = require("./computation/connect/index.js");
+const index$8 = require("./computation/split-joint/index.js");
+const index$9 = require("./computation/clean/index.js");
+const index$a = require("./computation/statistics/index.js");
+const index$b = require("./computation/sort/index.js");
+const index$d = require("./service/http-service/index.js");
+const index$e = require("./service/custom-bean/index.js");
 const vue = require("vue");
 const _interopNamespaceDefaultOnly = (e) => Object.freeze(Object.defineProperty({ __proto__: null, default: e }, Symbol.toStringTag, { value: "Module" }));
 const initNodes = [
   {
     type: "start",
     label: "开始",
-    nodeAndView: startNode,
+    nodeAndView: index$f,
     configComponent: null,
     icon: void 0
   }
@@ -21,7 +37,7 @@ const serviceComponentGroups = [
         type: "judgeCondition",
         label: "条件判断",
         icon: "../../assets/icon/condition.png",
-        nodeAndView: judgeCondition,
+        nodeAndView: index,
         drawerWidth: "60%",
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./base/judge-condition/config.vue.js")));
@@ -31,7 +47,7 @@ const serviceComponentGroups = [
         type: "loop",
         label: "循环",
         icon: "../../assets/icon/loop.svg",
-        nodeAndView: loopNode,
+        nodeAndView: index$1,
         drawerWidth: "30%",
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./base/loop-node/config.vue.js")));
@@ -41,7 +57,7 @@ const serviceComponentGroups = [
         type: "customFunction",
         label: "自定义函数",
         icon: "../../assets/icon/function.png",
-        nodeAndView: customFunction,
+        nodeAndView: index$2,
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./base/custom-function/config.vue.js")));
         })
@@ -50,7 +66,7 @@ const serviceComponentGroups = [
         type: "end",
         label: "结束",
         icon: "../../assets/icon/end.png",
-        nodeAndView: endNode,
+        nodeAndView: index$3,
         configComponent: null
       }
     ]
@@ -64,7 +80,7 @@ const serviceComponentGroups = [
         type: "regularQuery",
         label: "普通查询",
         icon: "../../assets/icon/regularQuery.svg",
-        nodeAndView: regularQuery,
+        nodeAndView: index$4,
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./database/regular-query/config.vue.js")));
         })
@@ -74,7 +90,7 @@ const serviceComponentGroups = [
         label: "汇总查询",
         drawerWidth: "60%",
         icon: "../../assets/icon/aggregateQuery.svg",
-        nodeAndView: aggregateQuery,
+        nodeAndView: index$5,
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./database/aggregate-query/config.vue.js")));
         })
@@ -84,7 +100,7 @@ const serviceComponentGroups = [
         label: "动态SQL",
         drawerWidth: "60%",
         icon: "../../assets/icon/dynamicSql.svg",
-        nodeAndView: dynamicSql,
+        nodeAndView: index$6,
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./database/dynamic-sql/config.vue.js")));
         })
@@ -100,7 +116,7 @@ const serviceComponentGroups = [
         type: "connect",
         label: "连接",
         icon: "../../assets/icon/connect.svg",
-        nodeAndView: connect,
+        nodeAndView: index$7,
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./computation/connect/config.vue.js")));
         })
@@ -109,7 +125,7 @@ const serviceComponentGroups = [
         type: "splitJoint",
         label: "拼接",
         icon: "../../assets/icon/split-joint.svg",
-        nodeAndView: splitJoint,
+        nodeAndView: index$8,
         drawerWidth: "50%",
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./computation/split-joint/config.vue.js")));
@@ -119,7 +135,7 @@ const serviceComponentGroups = [
         type: "computationClean",
         label: "清理",
         icon: "../../assets/icon/clean.svg",
-        nodeAndView: computationClean,
+        nodeAndView: index$9,
         drawerWidth: "60%",
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./computation/clean/config.vue.js")));
@@ -129,7 +145,7 @@ const serviceComponentGroups = [
         type: "statistics",
         label: "统计",
         icon: "../../assets/icon/statistics.svg",
-        nodeAndView: statistics,
+        nodeAndView: index$a,
         drawerWidth: "50%",
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./computation/statistics/config.vue.js")));
@@ -139,7 +155,7 @@ const serviceComponentGroups = [
         type: "computationSort",
         label: "排序",
         icon: "../../assets/icon/sort.svg",
-        nodeAndView: computationSort,
+        nodeAndView: index$b,
         drawerWidth: "50%",
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./computation/sort/config.vue.js")));
@@ -157,7 +173,7 @@ const serviceComponentGroups = [
         label: "通知",
         drawerWidth: "50%",
         icon: "../../assets/icon/notification.svg",
-        nodeAndView: notification,
+        nodeAndView: index$c,
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./base/notification/config.vue.js")));
         })
@@ -174,7 +190,7 @@ const serviceComponentGroups = [
         label: "http服务",
         drawerWidth: "60%",
         icon: "../../assets/icon/http-service.svg",
-        nodeAndView: httpService,
+        nodeAndView: index$d,
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./service/http-service/config.vue.js")));
         })
@@ -184,7 +200,7 @@ const serviceComponentGroups = [
         label: "自定义bean",
         drawerWidth: "50%",
         icon: "../../assets/icon/http-service.svg",
-        nodeAndView: customBean,
+        nodeAndView: index$e,
         configComponent: vue.defineAsyncComponent(() => {
           return Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./service/custom-bean/config.vue.js")));
         })

package/dist/lib/designer/service-components/service/custom-bean/index.css

@@ -0,0 +1,49 @@
+.nodeView[data-v-b01d3a50] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-b01d3a50] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-b01d3a50] {
+  width: 112px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.el-divider--horizontal[data-v-b01d3a50] {
+  margin: 12px 0;
+}
+.nodeView[data-v-b01d3a50] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-b01d3a50] {
+  width: 80px;
+}

package/dist/lib/designer/service-components/service/custom-bean/index.d.ts

@@ -0,0 +1,14 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class CustomBeanNode extends AbLogicNode {
+    constructor(props: any);
+}
+declare class CustomBeanNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof CustomBeanNode;
+    model: typeof CustomBeanNodeModel;
+    options: {};
+};
+export default _default;

package/dist/lib/designer/service-components/service/custom-bean/index.js

@@ -0,0 +1,38 @@
+"use strict";
+const AbLogicNode = require("../../../flow/base/AbLogicNode.js");
+const AbLogicNodeModel = require("../../../flow/base/AbLogicNodeModel.js");
+require("../../../flow/base/AbLogicResizeNodeModel.js");
+require("../../../flow/base/AbLogicResizeNode.js");
+const vue = require("vue");
+const index = require("./index.vue.js");
+class CustomBeanNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    this.isMounted = false;
+    this.r = vue.h(index, {
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = vue.createApp({
+      render: () => this.r
+    });
+  }
+}
+class CustomBeanNodeModel extends AbLogicNodeModel {
+}
+const customBean = {
+  type: "customBean",
+  view: CustomBeanNode,
+  model: CustomBeanNodeModel,
+  options: {}
+};
+module.exports = customBean;

package/dist/lib/designer/service-components/service/custom-bean/index.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onBtnClick?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/lib/designer/service-components/service/custom-bean/index.vue.js

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

package/dist/lib/designer/service-components/service/custom-bean/index.vue2.js

@@ -0,0 +1,40 @@
+"use strict";
+const vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-b01d3a50"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: vardefV,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "nodeTitle" }, "服务-自定义bean", -1));
+const _hoisted_3 = { class: "nodeContent" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    graphModel: Object,
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    return (_ctx, _cache) => {
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        _hoisted_1,
+        vue.createElementVNode("div", {
+          class: "nodeView",
+          style: vue.normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          _hoisted_2,
+          vue.createVNode(_component_el_divider),
+          vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(__props.properties.name), 1)
+        ], 4)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/service/http-service/index.css

@@ -0,0 +1,49 @@
+.nodeView[data-v-df366d04] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-df366d04] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-df366d04] {
+  width: 112px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.el-divider--horizontal[data-v-df366d04] {
+  margin: 12px 0;
+}
+.nodeView[data-v-df366d04] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-df366d04] {
+  width: 80px;
+}