service-flow-designer 0.0.2-tmp7 → 1.0.2

package/dist/lib/designer/service-components/service/common/form-data.vue.js

@@ -0,0 +1,161 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/table/style/css");
+require("element-plus/es/components/button/style/css");
+require("element-plus/es/components/table-column/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");
+const vue = require("vue");
+const valueSetInput = require("../../../common/components/value-set-input/value-set-input.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "form-data",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => {
+        return { content: [] };
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    if (!props.modelValue) {
+      emits("update:modelValue", []);
+    }
+    const addRow = () => {
+      props.modelValue.push({
+        name: "",
+        value: "",
+        paramType: "TEXT",
+        description: ""
+      });
+    };
+    const handleDelete = (index, row) => {
+      props.modelValue.splice(index, 1);
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_option = es.ElOption;
+      const _component_el_select = es.ElSelect;
+      const _component_el_input = es.ElInput;
+      const _component_el_table_column = es.ElTableColumn;
+      const _component_el_button = es.ElButton;
+      const _component_el_table = es.ElTable;
+      return Array.isArray(__props.modelValue) ? (vue.openBlock(), vue.createBlock(_component_el_table, {
+        key: 0,
+        data: __props.modelValue,
+        border: "",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_table_column, {
+            prop: "name",
+            label: "参数名",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_input, {
+                size: "small",
+                modelValue: scope.row.name,
+                "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                placeholder: ""
+              }, {
+                append: vue.withCtx(() => [
+                  vue.createVNode(_component_el_select, {
+                    size: "small",
+                    modelValue: scope.row.paramType,
+                    "onUpdate:modelValue": ($event) => scope.row.paramType = $event,
+                    style: { "width": "80px", "background-color": "var(--el-fill-color-blank)" }
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_option, {
+                        label: "Text",
+                        value: "TEXT"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "File",
+                        value: "FILE"
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            prop: "prop",
+            label: "值",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(vue.unref(valueSetInput), {
+                size: "small",
+                paramTypes: ["service", "data", "fixed"],
+                showFileUpload: scope.row.paramType === "FILE",
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event
+              }, null, 8, ["showFileUpload", "modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            prop: "description",
+            label: "说明",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_input, {
+                size: "small",
+                modelValue: scope.row.description,
+                "onUpdate:modelValue": ($event) => scope.row.description = $event,
+                placeholder: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            align: "center",
+            width: "70"
+          }, {
+            header: vue.withCtx(() => [
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                size: "small",
+                onClick: addRow,
+                link: ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("添加 ")
+                ]),
+                _: 1
+              })
+            ]),
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_button, {
+                type: "danger",
+                size: "small",
+                link: "",
+                onClick: ($event) => handleDelete(scope.$index, scope.row)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 删除 ")
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/service/common/form-data.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const formData_vue_vue_type_script_setup_true_lang = require("./form-data.vue.js");
+module.exports = formData_vue_vue_type_script_setup_true_lang;

package/dist/lib/designer/service-components/service/common/header-data.vue.js

@@ -0,0 +1,132 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/table/style/css");
+require("element-plus/es/components/button/style/css");
+require("element-plus/es/components/table-column/style/css");
+require("element-plus/es/components/input/style/css");
+const vue = require("vue");
+const valueSetInput = require("../../../common/components/value-set-input/value-set-input.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "header-data",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => {
+        return null;
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    if (!props.modelValue) {
+      emits("update:modelValue", []);
+    }
+    const addRow = () => {
+      props.modelValue.push({
+        name: "",
+        value: "",
+        description: ""
+      });
+    };
+    const handleDelete = (index, row) => {
+      props.modelValue.splice(index, 1);
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_input = es.ElInput;
+      const _component_el_table_column = es.ElTableColumn;
+      const _component_el_button = es.ElButton;
+      const _component_el_table = es.ElTable;
+      return vue.openBlock(), vue.createBlock(_component_el_table, {
+        data: __props.modelValue,
+        border: "",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_table_column, {
+            prop: "name",
+            label: "参数名",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_input, {
+                size: "small",
+                modelValue: scope.row.name,
+                "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                placeholder: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            prop: "prop",
+            label: "值",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(vue.unref(valueSetInput), {
+                size: "small",
+                paramTypes: ["service", "fixed"],
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            prop: "description",
+            label: "说明",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_input, {
+                size: "small",
+                modelValue: scope.row.description,
+                "onUpdate:modelValue": ($event) => scope.row.description = $event,
+                placeholder: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            align: "center",
+            width: "70"
+          }, {
+            header: vue.withCtx(() => [
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                size: "small",
+                onClick: addRow,
+                link: ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("添加 ")
+                ]),
+                _: 1
+              })
+            ]),
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_button, {
+                type: "danger",
+                size: "small",
+                link: "",
+                onClick: ($event) => handleDelete(scope.$index, scope.row)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 删除 ")
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/service/common/header-data.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const headerData_vue_vue_type_script_setup_true_lang = require("./header-data.vue.js");
+module.exports = headerData_vue_vue_type_script_setup_true_lang;

package/dist/lib/designer/service-components/service/common/json-data.css

@@ -0,0 +1,4 @@
+
+[data-v-9a3ee19e] .el-dropdown {
+  vertical-align: middle;
+}

package/dist/lib/designer/service-components/service/common/json-data.vue.js

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

package/dist/lib/designer/service-components/service/common/json-data.vue2.js

@@ -0,0 +1,133 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/table/style/css");
+require("element-plus/es/components/button/style/css");
+require("element-plus/es/components/table-column/style/css");
+require("element-plus/es/components/input/style/css");
+const vue = require("vue");
+const valueSetInput = require("../../../common/components/value-set-input/value-set-input.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "json-data",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => {
+        return null;
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    if (!props.modelValue || !Array.isArray(props.modelValue)) {
+      emits("update:modelValue", []);
+    }
+    const addRow = () => {
+      props.modelValue.push({
+        name: "",
+        value: "",
+        description: ""
+      });
+    };
+    const handleDelete = (index, row) => {
+      props.modelValue.splice(index, 1);
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_input = es.ElInput;
+      const _component_el_table_column = es.ElTableColumn;
+      const _component_el_button = es.ElButton;
+      const _component_el_table = es.ElTable;
+      return Array.isArray(__props.modelValue) ? (vue.openBlock(), vue.createBlock(_component_el_table, {
+        key: 0,
+        data: __props.modelValue,
+        border: "",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_table_column, {
+            prop: "name",
+            label: "参数名",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_input, {
+                size: "small",
+                modelValue: scope.row.name,
+                "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                placeholder: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            prop: "prop",
+            label: "值",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(vue.unref(valueSetInput), {
+                size: "small",
+                paramTypes: ["service", "fixed"],
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            prop: "description",
+            label: "说明",
+            align: "center"
+          }, {
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_input, {
+                size: "small",
+                modelValue: scope.row.description,
+                "onUpdate:modelValue": ($event) => scope.row.description = $event,
+                placeholder: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_table_column, {
+            align: "center",
+            width: "70"
+          }, {
+            header: vue.withCtx(() => [
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                size: "small",
+                onClick: addRow,
+                link: ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("添加 ")
+                ]),
+                _: 1
+              })
+            ]),
+            default: vue.withCtx((scope) => [
+              vue.createVNode(_component_el_button, {
+                type: "danger",
+                size: "small",
+                link: "",
+                onClick: ($event) => handleDelete(scope.$index, scope.row)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 删除 ")
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/service/common/param-config.css

@@ -0,0 +1,7 @@
+
+.el-radio[data-v-1ee0eb33] {
+  margin-right: 10px;
+}
+[data-v-1ee0eb33] .el-empty__description {
+  margin-top: 0px;
+}

package/dist/lib/designer/service-components/service/common/param-config.vue.js

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

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

@@ -0,0 +1,222 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/form-item/style/css");
+require("element-plus/es/components/empty/style/css");
+require("element-plus/es/components/select/style/css");
+require("element-plus/es/components/option/style/css");
+require("element-plus/es/components/radio-group/style/css");
+require("element-plus/es/components/radio/style/css");
+const vue = require("vue");
+const formData_vue_vue_type_script_setup_true_lang = require("./form-data.vue.js");
+const jsonData = require("./json-data.vue.js");
+const fileUpload = require("../../../common/components/file-upload.vue.js");
+require("codemirror");
+require("@codemirror/lang-xml");
+require("@codemirror/state");
+const rawData_vue_vue_type_script_setup_true_lang = require("./raw-data.vue.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-1ee0eb33"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, null, -1));
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "param-config",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+        return { bodyType: "none" };
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const rawDataRef = vue.ref();
+    const radioChange = (val) => {
+      props.modelValue.mediaType = getMediaType(val);
+      if (val === "formData" || val === "formUrlencoded" || val === "json") {
+        props.modelValue.content = [];
+      } else if (val === "raw") {
+        props.modelValue.content = "";
+      } else {
+        props.modelValue.content = {};
+      }
+    };
+    const getMediaType = (val) => {
+      if (val === "formData") {
+        return "multipart/form-data";
+      } else if (val === "formUrlencoded") {
+        return "application/x-www-form-urlencoded";
+      } else if (val === "json") {
+        return "application/json";
+      } else if (val === "raw") {
+        return "application/json";
+      } else if (val === "binary") {
+        return "application/octet-stream";
+      } else {
+        return "";
+      }
+    };
+    const rawChange = (val) => {
+      if (rawDataRef.value) {
+        rawDataRef.value.loadEditor();
+      }
+    };
+    vue.onMounted(() => {
+    });
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_radio = es.ElRadio;
+      const _component_el_radio_group = es.ElRadioGroup;
+      const _component_el_option = es.ElOption;
+      const _component_el_select = es.ElSelect;
+      const _component_el_empty = es.ElEmpty;
+      const _component_el_form_item = es.ElFormItem;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_el_radio_group, {
+          modelValue: __props.modelValue.bodyType,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.modelValue.bodyType = $event),
+          style: { "margin-bottom": "10px" },
+          onChange: radioChange
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_radio, {
+              value: "none",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("none")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_radio, {
+              value: "formData",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("form-data")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_radio, {
+              value: "formUrlencoded",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("x-www-form-urlencoded")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_radio, {
+              value: "json",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("json")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_radio, {
+              value: "raw",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("raw")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_radio, {
+              value: "binary",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("binary")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        __props.modelValue.bodyType === "raw" ? (vue.openBlock(), vue.createBlock(_component_el_select, {
+          key: 0,
+          size: "small",
+          modelValue: __props.modelValue.mediaType,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.modelValue.mediaType = $event),
+          onChange: rawChange,
+          style: { "margin-left": "10px", "width": "80px", "background-color": "var(--el-fill-color-blank)" }
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_option, {
+              size: "small",
+              label: "TEXT",
+              value: "text/plain"
+            }),
+            vue.createVNode(_component_el_option, {
+              size: "small",
+              label: "JSON",
+              value: "application/json"
+            }),
+            vue.createVNode(_component_el_option, {
+              size: "small",
+              label: "XML",
+              value: "application/xml"
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : vue.createCommentVNode("", true),
+        __props.modelValue.bodyType === "none" ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
+          key: 1,
+          description: "不需要请求体",
+          style: { "border": "1px solid #dcdfe6" }
+        }, {
+          image: vue.withCtx(() => [
+            _hoisted_1
+          ]),
+          _: 1
+        })) : __props.modelValue.bodyType === "formData" || __props.modelValue.bodyType === "formUrlencoded" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+          key: 2,
+          "label-width": "0",
+          style: { "margin-bottom": "0px" }
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(formData_vue_vue_type_script_setup_true_lang, {
+              modelValue: __props.modelValue.content,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.modelValue.content = $event)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })) : __props.modelValue.bodyType === "json" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+          key: 3,
+          "label-width": "0",
+          style: { "margin-bottom": "0px" }
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(jsonData, {
+              modelValue: __props.modelValue.content,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.modelValue.content = $event)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })) : __props.modelValue.bodyType === "binary" ? (vue.openBlock(), vue.createBlock(fileUpload, {
+          key: 4,
+          modelValue: __props.modelValue.content,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.modelValue.content = $event)
+        }, null, 8, ["modelValue"])) : __props.modelValue.bodyType === "raw" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+          key: 5,
+          "label-width": "0",
+          style: { "margin-bottom": "0px" }
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(rawData_vue_vue_type_script_setup_true_lang, {
+              ref_key: "rawDataRef",
+              ref: rawDataRef,
+              modelValue: __props.modelValue.content,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.modelValue.content = $event),
+              httpSerivceBody: __props.modelValue
+            }, null, 8, ["modelValue", "httpSerivceBody"])
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;