service-flow-designer 0.0.2-tmp3 → 1.0.1

package/dist/lib/designer/service-components/service/common/query-params.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: "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 = 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/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.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;

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

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

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

@@ -0,0 +1,3 @@
+"use strict";
+const config_vue_vue_type_script_setup_true_lang = require("./config.vue2.js");
+module.exports = config_vue_vue_type_script_setup_true_lang;

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

@@ -0,0 +1,70 @@
+"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/form-item/style/css");
+require("element-plus/es/components/input/style/css");
+const vue = require("vue");
+const nodeBaseConfig_vue_vue_type_script_setup_true_lang = require("../../../common/components/node-base-config.vue.js");
+const valueSetInput = require("../../../common/components/value-set-input/value-set-input.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_input = es.ElInput;
+      const _component_el_form_item = es.ElFormItem;
+      const _component_el_alert = es.ElAlert;
+      const _component_el_form = es.ElForm;
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "auto",
+        "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_form_item, { label: "Bean名称：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_input, {
+                modelValue: __props.properties.beanName,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.beanName = $event),
+                placeholder: "",
+                style: { "width": "85%" }
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_alert, {
+            title: "输出设置",
+            type: "info",
+            size: "small",
+            closable: false,
+            style: { "margin-bottom": "20px" }
+          }),
+          vue.createVNode(_component_el_form_item, { label: "设置到：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(valueSetInput), {
+                inputSize: "default",
+                paramTypes: ["service"],
+                size: "small",
+                modelValue: __props.properties.resultSet,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties.resultSet = $event)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

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.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 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.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,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-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 = 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;

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

@@ -0,0 +1,7 @@
+
+.el-tabs + .el-alert[data-v-08737620] {
+  margin-top: 10px;
+}
+.el-alert + .el-form-item[data-v-08737620] {
+  margin-top: 10px;
+}

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

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