service-flow-designer 0.0.2-tmp7 → 1.0.2

package/dist/lib/designer/service-components/service/http-service/config.vue2.js

@@ -0,0 +1,307 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/form/style/css");
+require("element-plus/es/components/alert/style/css");
+require("element-plus/es/components/tabs/style/css");
+require("element-plus/es/components/tab-pane/style/css");
+require("element-plus/es/components/form-item/style/css");
+require("element-plus/es/components/input/style/css");
+require("element-plus/es/components/select/style/css");
+require("element-plus/es/components/option/style/css");
+require("element-plus/es/components/divider/style/css");
+const vue = require("vue");
+const nodeBaseConfig_vue_vue_type_script_setup_true_lang = require("../../../common/components/node-base-config.vue.js");
+const commonOptions = require("../../util/common-options.js");
+const paramConfig = require("../common/param-config.vue.js");
+const queryParams_vue_vue_type_script_setup_true_lang = require("../common/query-params.vue.js");
+const headerData_vue_vue_type_script_setup_true_lang = require("../common/header-data.vue.js");
+const cookieData_vue_vue_type_script_setup_true_lang = require("../common/cookie-data.vue.js");
+const responseJsonSetting_vue_vue_type_script_setup_true_lang = require("./response-json-setting.vue.js");
+const responseXmlSetting_vue_vue_type_script_setup_true_lang = require("./response-xml-setting.vue.js");
+const responseTextSetting_vue_vue_type_script_setup_true_lang = require("./response-text-setting.vue.js");
+const _hoisted_1 = { style: { "position": "absolute", "right": "10px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    if (!props.properties.requestMethod) {
+      props.properties.requestMethod = "GET";
+      props.properties.responseContentType = "application/json";
+    }
+    if (!props.properties.httpSerivceBody) {
+      props.properties.httpSerivceBody = { mediaType: "none", content: null };
+    }
+    const activeName = vue.ref("body");
+    const handleClick = (tab, event) => {
+      console.log(tab, event);
+      if (tab.name === "cookies") {
+        if (!props.properties.cookies) {
+          props.properties.cookies = [];
+        }
+      } else if (tab.name === "headers") {
+        if (!props.properties.headers) {
+          props.properties.headers = [];
+        }
+      }
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_divider = es.ElDivider;
+      const _component_el_option = es.ElOption;
+      const _component_el_select = es.ElSelect;
+      const _component_el_input = es.ElInput;
+      const _component_el_form_item = es.ElFormItem;
+      const _component_el_tab_pane = es.ElTabPane;
+      const _component_el_tabs = es.ElTabs;
+      const _component_el_alert = es.ElAlert;
+      const _component_el_form = es.ElForm;
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "110",
+        "label-position": "left"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(nodeBaseConfig_vue_vue_type_script_setup_true_lang, { properties: __props.properties }, null, 8, ["properties"]),
+          vue.createVNode(_component_el_divider),
+          vue.createVNode(_component_el_form_item, { style: { "width": "100%" } }, {
+            label: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_select, {
+                modelValue: __props.properties.requestMethod,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.requestMethod = $event),
+                placeholder: "请求方式"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(commonOptions.httpMethods), (item) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_input, {
+                modelValue: __props.properties.url,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties.url = $event),
+                placeholder: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_tabs, {
+            modelValue: activeName.value,
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => activeName.value = $event),
+            class: "demo-tabs",
+            onTabClick: handleClick
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_tab_pane, {
+                label: "Params",
+                name: "params",
+                style: { "padding": "0 5px 5px 5px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(queryParams_vue_vue_type_script_setup_true_lang, {
+                    modelValue: __props.properties.queryParams,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.properties.queryParams = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_tab_pane, {
+                label: "Headers",
+                name: "headers"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(headerData_vue_vue_type_script_setup_true_lang, {
+                    modelValue: __props.properties.headers,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.properties.headers = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_tab_pane, {
+                label: "Body",
+                name: "body",
+                style: { "padding": "0 5px 5px 5px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(paramConfig, {
+                    modelValue: __props.properties.httpSerivceBody,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.properties.httpSerivceBody = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_tab_pane, {
+                label: "Cookies",
+                name: "cookies"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(cookieData_vue_vue_type_script_setup_true_lang, {
+                    modelValue: __props.properties.cookies,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.properties.cookies = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          vue.createVNode(_component_el_alert, {
+            title: "返回值设置",
+            type: "info",
+            size: "small",
+            closable: false
+          }, {
+            title: vue.withCtx(() => [
+              vue.createTextVNode(" 返回值设置 "),
+              vue.createElementVNode("span", _hoisted_1, [
+                vue.createVNode(_component_el_select, {
+                  size: "small",
+                  onChange: _cache[7] || (_cache[7] = ($event) => __props.properties.responseSetting = []),
+                  modelValue: __props.properties.responseContentType,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.properties.responseContentType = $event),
+                  style: { "width": "80px", "background-color": "var(--el-fill-color-blank)" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_option, {
+                      label: "JSON",
+                      value: "application/json"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "TEXT",
+                      value: "text/plain"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "XML",
+                      value: "application/xml"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            _: 1
+          }),
+          __props.properties.responseContentType === "application/json" ? (vue.openBlock(), vue.createBlock(responseJsonSetting_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            modelValue: __props.properties.responseSetting,
+            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.properties.responseSetting = $event),
+            "content-type": __props.properties.responseContentType
+          }, null, 8, ["modelValue", "content-type"])) : vue.createCommentVNode("", true),
+          __props.properties.responseContentType === "application/xml" ? (vue.openBlock(), vue.createBlock(responseXmlSetting_vue_vue_type_script_setup_true_lang, {
+            key: 1,
+            modelValue: __props.properties.responseSetting,
+            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.properties.responseSetting = $event),
+            "content-type": __props.properties.responseContentType
+          }, null, 8, ["modelValue", "content-type"])) : vue.createCommentVNode("", true),
+          __props.properties.responseContentType === "text/plain" ? (vue.openBlock(), vue.createBlock(responseTextSetting_vue_vue_type_script_setup_true_lang, {
+            key: 2,
+            modelValue: __props.properties.responseSetting,
+            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.properties.responseSetting = $event),
+            "content-type": __props.properties.responseContentType
+          }, null, 8, ["modelValue", "content-type"])) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_el_alert, {
+            title: "异常判断",
+            type: "info",
+            size: "small",
+            closable: false
+          }),
+          vue.createVNode(_component_el_form_item, { label: "状态码：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_select, {
+                modelValue: __props.properties.statusCodeOperator,
+                "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.properties.statusCodeOperator = $event),
+                placeholder: "",
+                style: { "width": "15%" }
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(commonOptions.operatorsForNumber), (item) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              vue.createVNode(_component_el_input, {
+                type: "number",
+                style: { "margin-left": "10px", "width": "60%" },
+                modelValue: __props.properties.statusCode,
+                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.properties.statusCode = $event),
+                placeholder: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_form_item, { label: "" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_select, {
+                modelValue: __props.properties.logicOperator,
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.properties.logicOperator = $event),
+                placeholder: "",
+                style: { "width": "15%" }
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(commonOptions.logicOperators), (item) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_form_item, { label: "返回内容：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_select, {
+                modelValue: __props.properties.contentOperator,
+                "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.properties.contentOperator = $event),
+                placeholder: "",
+                style: { "width": "15%" }
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(commonOptions.operatorsForString), (item) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              vue.createVNode(_component_el_input, {
+                modelValue: __props.properties.content,
+                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => __props.properties.content = $event),
+                placeholder: "",
+                style: { "margin-left": "10px", "width": "60%" }
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+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;
+}

package/dist/lib/designer/service-components/service/http-service/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 = ;/* empty css           */
+class HttpSerivceNode 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 HttpSerivceNodeModel extends AbLogicNodeModel {
+}
+const httpService = {
+  type: "httpService",
+  view: HttpSerivceNode,
+  model: HttpSerivceNodeModel,
+  options: {}
+};
+module.exports = httpService;

package/dist/lib/designer/service-components/service/http-service/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 httpIndex = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-df366d04"]]);
+module.exports = httpIndex;

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

@@ -0,0 +1,43 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/divider/style/css");
+const vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-df366d04"), 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" }, "http服务", -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 = es.ElDivider;
+      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;