service-flow-designer 1.1.11 → 1.1.12

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.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: unknown[];
+}, {}>;
+export default _default;

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,127 @@
+"use strict";
+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 = vue.resolveComponent("el-input");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_table = vue.resolveComponent("el-table");
+      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.d.ts

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

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,214 @@
+"use strict";
+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 = vue.resolveComponent("el-radio");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_empty = vue.resolveComponent("el-empty");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      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;

package/dist/lib/designer/service-components/service/common/query-params.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: unknown[];
+}, {}>;
+export default _default;

package/dist/lib/designer/service-components/service/common/query-params.vue.js

@@ -0,0 +1,126 @@
+"use strict";
+const vue = require("vue");
+const valueSetInput = require("../../../common/components/value-set-input/value-set-input.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "query-params",
+  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 = vue.resolveComponent("el-input");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_table = vue.resolveComponent("el-table");
+      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/query-params.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const queryParams_vue_vue_type_script_setup_true_lang = require("./query-params.vue.js");
+module.exports = queryParams_vue_vue_type_script_setup_true_lang;

package/dist/lib/designer/service-components/service/common/raw-data.vue.d.ts

@@ -0,0 +1,22 @@
+declare function loadEditor(): void;
+declare const _default: import('vue').DefineComponent<{
+    httpSerivceBody: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    updateEditor: () => void;
+    loadEditor: typeof loadEditor;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    httpSerivceBody: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    httpSerivceBody: Record<string, any>;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,95 @@
+"use strict";
+const vue = require("vue");
+const codemirror = require("codemirror");
+const langJson = require("@codemirror/lang-json");
+const langXml = require("@codemirror/lang-xml");
+const state = require("@codemirror/state");
+const _hoisted_1 = {
+  style: {
+    minHeight: "400px",
+    maxHeight: "700px",
+    width: "100%",
+    backgroundColor: "#fff",
+    color: "#333",
+    outline: "1px dotted #212121"
+  },
+  id: "cf-codemirror-json"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "raw-data",
+  props: {
+    httpSerivceBody: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    vue.onMounted(() => {
+      if (!props.httpSerivceBody.content || typeof props.httpSerivceBody.content !== "string") {
+        emits("update:modelValue", "");
+      }
+      loadEditor();
+    });
+    const editor = vue.ref(null);
+    function loadEditor() {
+      if (editor.value) {
+        editor.value.destroy();
+      }
+      const state2 = getEditorState();
+      editor.value = new codemirror.EditorView({
+        state: state2,
+        parent: document.getElementById("cf-codemirror-json")
+      });
+    }
+    function getEditorState() {
+      const mytheme = getTheme();
+      const baseTheme = codemirror.EditorView.theme({
+        ".cm-content, .cm-gutter": { minHeight: "200px" },
+        "&": {
+          height: "400px",
+          maxHeight: "400px",
+          fontSize: "12px"
+        }
+      });
+      return state.EditorState.create({
+        doc: props.httpSerivceBody.content,
+        extensions: [
+          state.EditorState.tabSize.of(16),
+          codemirror.basicSetup,
+          getLanguage(),
+          mytheme,
+          baseTheme,
+          codemirror.EditorView.updateListener.of(function(value) {
+            props.httpSerivceBody.content = value.state.doc.toString();
+          })
+        ]
+      });
+    }
+    const getLanguage = () => {
+      if (props.httpSerivceBody.mediaType === "application/xml") {
+        return langXml.xml();
+      } else if (props.httpSerivceBody.mediaType === "application/json") {
+        return langJson.json();
+      }
+      return [];
+    };
+    function getTheme() {
+      return codemirror.EditorView.theme({});
+    }
+    const updateEditor = () => {
+      if (editor.value) {
+        editor.value.update(document.getElementById("cf-codemirror-json"), { state: getEditorState() });
+      }
+    };
+    __expose({ updateEditor, loadEditor });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1);
+    };
+  }
+});
+module.exports = _sfc_main;