service-flow-designer 1.1.3 → 1.1.5

package/dist/lib/designer/service-flow-view/service-test/service-test.vue.js

@@ -0,0 +1,439 @@
+"use strict";
+const vue = require("vue");
+const codemirror = require("codemirror");
+const langJson = require("@codemirror/lang-json");
+const state = require("@codemirror/state");
+const http = require("agilebuilder-ui/src/utils/request");
+const LogicFlow = require("@logicflow/core");
+const jsonView_vue_vue_type_script_setup_true_lang = require("../../common/components/json-view/json-view.vue.js");
+const codemirrorThemesAll = require("@uiw/codemirror-themes-all");
+const requestParams_vue_vue_type_script_setup_true_lang = require("./request-params.vue.js");
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "service-test",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    appendToBody: {
+      type: Boolean,
+      default: false
+    },
+    cloneService: {
+      type: Object,
+      default: () => {
+      }
+    },
+    lf: {
+      type: LogicFlow,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const cfCodemirrorJsonTestRef = vue.ref();
+    const showJsonDialog = vue.ref(false);
+    const activeName = vue.ref("entity");
+    const inputType = vue.ref("json");
+    const returnValueType = vue.ref("returnValue");
+    const entityData = vue.ref([
+      {
+        code: "8ed5163f-5e92-4510-b93d-324a873f7f61",
+        name: "name",
+        type: "string",
+        value: "a"
+      },
+      {
+        code: "527e5f5e-69f2-40cc-bcff-d82d181f73b9",
+        name: "height",
+        type: "int",
+        value: 12
+      },
+      {
+        code: "744e73c4-31a4-401f-9684-04e22f13afe5",
+        name: "weight",
+        type: "int",
+        value: 123
+      }
+    ]);
+    const requestData = vue.ref([
+      {
+        code: "4dadbac5-6fab-4010-8b95-8a093bed3286",
+        name: "height",
+        type: "int",
+        value: 12
+      },
+      {
+        code: "f9eb7085-a8de-41ba-80d6-42bfca245e48",
+        name: "weight",
+        type: "int",
+        value: 123
+      },
+      {
+        code: "4926d447-a1cb-4097-a7d0-f6ca4da3c580",
+        name: "v1",
+        type: "string",
+        value: "http"
+      },
+      {
+        code: "5c491ff8-5204-446a-a684-ca90263d4c84",
+        name: "v2",
+        type: "array",
+        value: "",
+        items: [
+          {
+            isArrayElement: true,
+            code: "5baf0a42-ddb3-4dd5-a80d-c2d8c299c07f",
+            name: "items",
+            type: "string",
+            value: "",
+            items: [
+              {
+                code: "e10177c3-4ccb-4483-b12e-7c1eccd6e45f",
+                name: "",
+                type: "string",
+                value: "sss",
+                lockedName: true,
+                lockedType: true
+              },
+              {
+                code: "46fdb05a-d5e3-40d0-9105-197880659751",
+                name: "",
+                type: "string",
+                value: "sss"
+              },
+              {
+                code: "a0bf495d-f493-49d0-a35a-d98d89a8479f",
+                name: "",
+                type: "string",
+                value: "sss",
+                lockedName: true,
+                lockedType: true
+              }
+            ]
+          }
+        ]
+      },
+      {
+        code: "ed64fe94-e19d-4bab-9b47-9836899ac2d2",
+        name: "v3",
+        type: "object",
+        value: "",
+        items: [
+          {
+            code: "72d87f04-d58e-470e-82e0-184d4d814f42",
+            name: "v31",
+            type: "int",
+            value: 1
+          }
+        ]
+      },
+      {
+        code: "4fa68c62-0f35-45ed-a44b-8677b2c642e3",
+        name: "v4",
+        type: "boolean",
+        value: false
+      },
+      {
+        code: "69e3d96b-30c5-4b91-b7e7-d3f79659c091",
+        name: "v6",
+        type: "object",
+        value: "",
+        items: [
+          {
+            code: "91352f2c-39f7-4424-a058-050412b4b1c0",
+            name: "v66",
+            type: "string",
+            value: "a"
+          }
+        ]
+      },
+      {
+        code: "63157b30-0ed3-4e7f-81de-73758d0652bc",
+        name: "v7a",
+        type: "object",
+        value: "",
+        items: [
+          {
+            code: "23bc3a92-c233-4262-afd9-58669d17bc7e",
+            name: "v71",
+            type: "string",
+            value: "sss"
+          },
+          {
+            code: "07357f81-f2b4-4c2e-aefa-a5511cec8e94",
+            name: "v72",
+            type: "int",
+            value: 2
+          }
+        ]
+      }
+    ]);
+    const editor = vue.ref(null);
+    const jsonValue = vue.ref("");
+    const eitorHeight = vue.ref();
+    const jsonObject = vue.ref(null);
+    vue.watch(
+      () => props.modelValue,
+      (newVal) => {
+        if (newVal) {
+          showJson();
+        }
+      }
+    );
+    const showJson = () => {
+      showJsonDialog.value = true;
+      vue.nextTick(() => {
+        loadEditor();
+      });
+    };
+    const close = () => {
+      showJsonDialog.value = false;
+      emits("update:modelValue", false);
+    };
+    function loadEditor() {
+      if (editor.value) {
+        editor.value.destroy();
+      }
+      const state2 = getEditorState();
+      let element = document.getElementById("cfCodemirrorJsonTest");
+      if (element) {
+        editor.value = new codemirror.EditorView({
+          state: state2,
+          parent: element
+        });
+      }
+    }
+    function getEditorState() {
+      const mytheme = codemirrorThemesAll.vscodeDark;
+      eitorHeight.value = window.innerHeight - 100;
+      if (cfCodemirrorJsonTestRef.value) {
+        const rect = cfCodemirrorJsonTestRef.value.getBoundingClientRect();
+        if (rect.y || rect.y === 0) {
+          eitorHeight.value = window.innerHeight - rect.y - 100;
+        }
+      }
+      const baseTheme = codemirror.EditorView.theme({
+        ".cm-content, .cm-gutter": { minHeight: eitorHeight.value + "px" },
+        "&": {
+          height: eitorHeight.value + "px",
+          maxHeight: eitorHeight.value + "px",
+          fontSize: "12px"
+        }
+      });
+      return state.EditorState.create({
+        doc: jsonValue.value,
+        extensions: [
+          state.EditorState.tabSize.of(16),
+          codemirror.basicSetup,
+          langJson.json(),
+          mytheme,
+          baseTheme,
+          codemirror.EditorView.updateListener.of(function(value) {
+            jsonValue.value = value.state.doc.toString();
+          })
+        ]
+      });
+    }
+    const testRun = () => {
+      const testRunDTO = packageTestRunDTO();
+      http.post("/dsc/service-flow/test", testRunDTO).then((res) => {
+        console.log(res);
+        jsonObject.value = res;
+      }).catch((err) => {
+        console.log(err);
+        jsonObject.value = err.response;
+      });
+    };
+    const packageTestRunDTO = () => {
+      const testRunDTO = {
+        inputType: inputType.value,
+        inputJson: jsonValue.value,
+        entity: entityData.value,
+        requestParams: requestData.value,
+        serviceFlowJson: getServiceFlowJson(),
+        pageDesignJson: getPageDesignJson()
+      };
+      console.log(entityData.value, "1");
+      console.log(requestData.value, "2");
+      return testRunDTO;
+    };
+    const getServiceFlowJson = () => {
+      var _a;
+      const data = JSON.parse(JSON.stringify(props.cloneService));
+      data.flow = (_a = props.lf) == null ? void 0 : _a.getGraphData();
+      data.variables = JSON.stringify(data.variables);
+      data.log = JSON.stringify(data.log);
+      data.flow = JSON.stringify(data.flow);
+      data.returnValues = JSON.stringify(data.returnValues);
+      return JSON.stringify(data);
+    };
+    const getPageDesignJson = () => {
+      const data = {
+        // code: serviceFlowStoreUtil.pageContext.code,
+        // name: serviceFlowStoreUtil.pageContext.name,
+        // version: serviceFlowStoreUtil.pageContext.version,
+        // systemCode: serviceFlowStoreUtil.pageContext.systemCode,
+        // systemVersion: serviceFlowStoreUtil.pageContext.systemVersion,
+        // dbName: serviceFlowStoreUtil.pageContext.dbName,
+        tableCode: "test_servicflow_query"
+        // workflowCode: serviceFlowStoreUtil.pageContext.workflowCode,
+        // workflowVersion: serviceFlowStoreUtil.pageContext.workflowVersion,
+        //模型的字段
+        // modelFields: serviceFlowStoreUtil.pageContext.modelFields
+      };
+      return JSON.stringify(data);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+      const _component_el_tabs = vue.resolveComponent("el-tabs");
+      const _component_el_aside = vue.resolveComponent("el-aside");
+      const _component_el_container = vue.resolveComponent("el-container");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        fullscreen: true,
+        "destroy-on-close": "",
+        modelValue: showJsonDialog.value,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => showJsonDialog.value = $event),
+        "append-to-body": __props.appendToBody,
+        title: "测试",
+        onClose: close
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_button, {
+              onClick: _cache[3] || (_cache[3] = ($event) => showJsonDialog.value = false)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("关闭")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: testRun
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 运行 ")
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_container, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_aside, {
+                width: "50%",
+                style: { "padding": "0 10px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", null, [
+                    vue.createVNode(_component_el_radio_group, {
+                      modelValue: inputType.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputType.value = $event),
+                      size: "small"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_button, {
+                          label: "JSON",
+                          value: "json"
+                        }),
+                        vue.createVNode(_component_el_radio_button, {
+                          label: "变量录入",
+                          value: "custom"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    vue.withDirectives(vue.createVNode(_component_el_tabs, {
+                      modelValue: activeName.value,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => activeName.value = $event),
+                      class: "demo-tabs"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_tab_pane, {
+                          label: "entity",
+                          name: "entity"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(requestParams_vue_vue_type_script_setup_true_lang, { "entity-data": entityData.value }, null, 8, ["entity-data"])
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_tab_pane, {
+                          label: "request",
+                          name: "request"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(requestParams_vue_vue_type_script_setup_true_lang, { "entity-data": requestData.value }, null, 8, ["entity-data"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]), [
+                      [vue.vShow, inputType.value === "custom"]
+                    ]),
+                    vue.withDirectives(vue.createElementVNode("div", {
+                      style: {
+                        marginTop: "10px",
+                        backgroundColor: "#fff",
+                        color: "#333"
+                      },
+                      ref_key: "cfCodemirrorJsonTestRef",
+                      ref: cfCodemirrorJsonTestRef,
+                      id: "cfCodemirrorJsonTest"
+                    }, null, 512), [
+                      [vue.vShow, inputType.value === "json"]
+                    ])
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_aside, {
+                width: "50%",
+                style: { "padding": "0 10px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", null, [
+                    vue.createVNode(_component_el_radio_group, {
+                      modelValue: returnValueType.value,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => returnValueType.value = $event),
+                      size: "small",
+                      style: { "margin-bottom": "10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_button, {
+                          label: "返回结果",
+                          value: "returnValue"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    vue.createVNode(vue.unref(jsonView_vue_vue_type_script_setup_true_lang), {
+                      jsonObject: jsonObject.value,
+                      height: eitorHeight.value,
+                      theme: "vscodeDark"
+                    }, null, 8, ["jsonObject", "height"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "append-to-body"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-flow-view/service-test/service-test.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const serviceTest_vue_vue_type_script_setup_true_lang = require("./service-test.vue.js");
+module.exports = serviceTest_vue_vue_type_script_setup_true_lang;

package/dist/lib/designer/service-flow-view/service-update-log.css

@@ -0,0 +1,5 @@
+
+.el-dialog__wrapper[data-v-24162035] {
+  overflow: hidden !important;
+  padding-right: 0 !important;
+}

package/dist/lib/designer/service-flow-view/service-update-log.vue.d.ts

@@ -0,0 +1,41 @@
+declare function showDialog(event: any): void;
+declare function closeDialog(): void;
+declare const _default: import('vue').DefineComponent<{
+    lf: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    cloneService: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    sourceService: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    showDialog: typeof showDialog;
+    closeDialog: typeof closeDialog;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    lf: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    cloneService: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    sourceService: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onSave?: (...args: any[]) => any;
+}, {
+    lf: Record<string, any>;
+    cloneService: Record<string, any>;
+    sourceService: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/lib/designer/service-flow-view/service-update-log.vue.js

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