service-flow-designer 0.0.2-tmp7 → 1.0.1

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

@@ -0,0 +1,449 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/dialog/style/css");
+require("element-plus/es/components/button/style/css");
+require("element-plus/es/components/container/style/css");
+require("element-plus/es/components/aside/style/css");
+require("element-plus/es/components/tabs/style/css");
+require("element-plus/es/components/tab-pane/style/css");
+require("element-plus/es/components/radio-group/style/css");
+require("element-plus/es/components/radio-button/style/css");
+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 = es.ElRadioButton;
+      const _component_el_radio_group = es.ElRadioGroup;
+      const _component_el_tab_pane = es.ElTabPane;
+      const _component_el_tabs = es.ElTabs;
+      const _component_el_aside = es.ElAside;
+      const _component_el_container = es.ElContainer;
+      const _component_el_button = es.ElButton;
+      const _component_el_dialog = es.ElDialog;
+      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.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;

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

@@ -0,0 +1,214 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/dialog/style/css");
+require("element-plus/es/components/button/style/css");
+require("element-plus/es/components/table/style/css");
+require("element-plus/es/components/table-column/style/css");
+require("element-plus/es/components/form/style/css");
+require("element-plus/es/components/checkbox/style/css");
+require("element-plus/es/components/form-item/style/css");
+require("element-plus/es/components/input/style/css");
+const vue = require("vue");
+const nodeUtil = require("../common/util/node-util.js");
+const http = require("agilebuilder-ui/src/utils/request");
+const elementPlus = require("element-plus");
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "service-update-log",
+  props: {
+    lf: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    cloneService: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    sourceService: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["save"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const logData = vue.ref([]);
+    const dialogVisible = vue.ref(false);
+    const onSave = vue.ref(false);
+    const selectLatestLog = vue.ref(false);
+    const description = vue.ref("");
+    function showDialog(event) {
+      http.get("/component/super-page-design/design-log/SERVICE_FLOW_DESIGN/" + props.cloneService.id).then((res) => {
+        if (res) {
+          res.reverse();
+          logData.value = res;
+          if (event && event.beforeSave) {
+            const gdata = props.lf.getGraphData();
+            const sourceDataEqual = nodeUtil.isDeepEqual(props.sourceService, props.cloneService);
+            const gdataEqual = nodeUtil.isDeepEqual(props.sourceService.flow, gdata);
+            if (sourceDataEqual && gdataEqual) {
+              console.log("数据未发生变化");
+              elementPlus.ElMessage.info("数据未发生变化,无需保存");
+            } else {
+              dialogVisible.value = true;
+              onSave.value = true;
+            }
+          } else {
+            onSave.value = false;
+            dialogVisible.value = true;
+          }
+        }
+      });
+    }
+    function saveLog() {
+      if (!description.value) {
+        elementPlus.ElMessage.warning("请输入修改记录");
+        return;
+      }
+      emits("save", description.value);
+    }
+    function closeDialog() {
+      dialogVisible.value = false;
+    }
+    function selectLatestLogChange() {
+      if (selectLatestLog.value) {
+        description.value = logData.value[0].description;
+      }
+    }
+    const formatDate = (timestamp) => {
+      let date = new Date(timestamp);
+      let year = date.getFullYear();
+      let month = ("0" + (date.getMonth() + 1)).slice(-2);
+      let day = ("0" + date.getDate()).slice(-2);
+      let hour = ("0" + date.getHours()).slice(-2);
+      let minute = ("0" + date.getMinutes()).slice(-2);
+      let second = ("0" + date.getSeconds()).slice(-2);
+      return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+    };
+    __expose({
+      showDialog,
+      closeDialog
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = es.ElInput;
+      const _component_el_form_item = es.ElFormItem;
+      const _component_el_checkbox = es.ElCheckbox;
+      const _component_el_form = es.ElForm;
+      const _component_el_table_column = es.ElTableColumn;
+      const _component_el_table = es.ElTable;
+      const _component_el_button = es.ElButton;
+      const _component_el_dialog = es.ElDialog;
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+        "append-to-body": "",
+        title: "修改日志",
+        width: "50%"
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_button, {
+              size: "small",
+              onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("返回")
+              ]),
+              _: 1
+            }),
+            onSave.value ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+              key: 0,
+              size: "small",
+              type: "primary",
+              onClick: saveLog
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 保存 ")
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true)
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          onSave.value ? (vue.openBlock(), vue.createBlock(_component_el_form, {
+            key: 0,
+            "label-width": "auto"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_form_item, { label: "" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    size: "small",
+                    modelValue: description.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => description.value = $event),
+                    rows: 4,
+                    type: "textarea",
+                    placeholder: "Please input"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_form_item, { label: "" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_checkbox, {
+                    disabled: !logData.value || logData.value.length === 0,
+                    modelValue: selectLatestLog.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectLatestLog.value = $event),
+                    onChange: selectLatestLogChange,
+                    label: "上次修改记录",
+                    size: "small"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_el_table, {
+            data: logData.value,
+            border: "",
+            size: "small"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_table_column, {
+                align: "center",
+                type: "index",
+                width: "55",
+                label: "序号"
+              }),
+              vue.createVNode(_component_el_table_column, {
+                align: "center",
+                prop: "description",
+                label: "修改记录"
+              }),
+              vue.createVNode(_component_el_table_column, {
+                align: "center",
+                prop: "creatorName",
+                label: "修改时间",
+                width: "100"
+              }),
+              vue.createVNode(_component_el_table_column, {
+                align: "center",
+                prop: "createdTime",
+                label: "修改人",
+                formatter: (row) => formatDate(row.createdTime)
+              }, null, 8, ["formatter"]),
+              vue.createTextVNode(' label="修改日期" width="150" /> ')
+            ]),
+            _: 1
+          }, 8, ["data"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;