service-flow-designer 1.1.3 → 1.1.4

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

@@ -0,0 +1,138 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "service-node-config",
+  props: {
+    service: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    currentNode: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    logicFlowInstance: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["onConfigChange", "update:currentNode"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const properties = vue.ref({});
+    const drawerVisible = vue.ref(false);
+    const logicNodeType = vue.ref({});
+    const configComponentRef = vue.ref();
+    const drawerConfig = vue.ref({ withHeader: true, drawerWidth: "" });
+    const emits = __emit;
+    let serviceNodeTypeData = { configComponent: null, drawerWidth: "50%" };
+    function onNodeClick(model) {
+      if (!["start", "end"].includes(model.data.type))
+        ;
+      else {
+        updateNodeValue();
+        closeDrawer();
+      }
+      properties.value = model.data.properties;
+    }
+    function onBlankClick() {
+      if (drawerVisible.value) {
+        updateNodeValue();
+        closeDrawer();
+      }
+    }
+    function onDeleteNode() {
+      closeDrawer();
+    }
+    function closeDrawer() {
+      drawerVisible.value = false;
+      emits("update:currentNode", null);
+    }
+    function onLogicChange() {
+      closeDrawer();
+    }
+    function updateNodeValue() {
+      console.log(" 关闭配置窗口时时自动赋值", props.currentNode);
+      if (configComponentRef.value.hasOwnProperty("onClose") && typeof configComponentRef.value.onClose === "function") {
+        configComponentRef.value.onClose();
+      }
+      if (!["start", "end"].includes(props.currentNode.type)) {
+        if (configComponentRef.value.hasOwnProperty("getData") && typeof configComponentRef.value.getData === "function") {
+          if (props.logicFlowInstance) {
+            if (props.logicFlowInstance.getNodeModelById(props.currentNode.data.id)) {
+              props.logicFlowInstance.getNodeModelById(props.currentNode.data.id).setProperties(configComponentRef.value.getData());
+            }
+          }
+        } else {
+          props.logicFlowInstance.getNodeModelById(props.currentNode.data.id).setProperties(properties.value);
+        }
+      }
+    }
+    function fullScreenConfig(config) {
+      if (config) {
+        if (config.withHeader === false) {
+          drawerConfig.value.withHeader = false;
+        } else {
+          drawerConfig.value.withHeader = true;
+        }
+        if (config.drawerWidth) {
+          drawerConfig.value.drawerWidth = config.drawerWidth;
+        } else {
+          drawerConfig.value.drawerWidth = "100%";
+        }
+      } else {
+        drawerConfig.value.drawerWidth = "100%";
+      }
+    }
+    __expose({
+      onBlankClick,
+      onNodeClick,
+      onLogicChange,
+      onDeleteNode,
+      closeDrawer
+    });
+    return (_ctx, _cache) => {
+      const _component_el_drawer = vue.resolveComponent("el-drawer");
+      return vue.openBlock(), vue.createBlock(_component_el_drawer, {
+        modelValue: drawerVisible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => drawerVisible.value = $event),
+        "append-to-body": false,
+        "close-on-press-escape": false,
+        "destroy-on-close": "",
+        "with-header": drawerConfig.value.withHeader,
+        "modal-class": "el-overlay",
+        modal: true,
+        title: logicNodeType.value.label,
+        direction: "rtl",
+        size: drawerConfig.value.drawerWidth ? drawerConfig.value.drawerWidth : vue.unref(serviceNodeTypeData).drawerWidth ? vue.unref(serviceNodeTypeData).drawerWidth : "50%"
+      }, {
+        header: vue.withCtx(({ close, titleId, titleClass }) => [
+          vue.createElementVNode("h4", {
+            id: titleId,
+            class: vue.normalizeClass(titleClass)
+          }, vue.toDisplayString(logicNodeType.value.label), 11, _hoisted_1)
+        ]),
+        default: vue.withCtx(() => [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(serviceNodeTypeData).configComponent), {
+            ref_key: "configComponentRef",
+            ref: configComponentRef,
+            logicFlowInstance: __props.logicFlowInstance,
+            currentNode: __props.currentNode,
+            properties: properties.value,
+            service: __props.service,
+            onFullScreen: fullScreenConfig
+          }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service"]))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "with-header", "title", "size"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,386 @@
+"use strict";
+const vue = require("vue");
+const valueSetInput = require("../common/components/value-set-input/value-set-input.vue.js");
+const uuid = require("uuid");
+const serviceResult_vue_vue_type_script_setup_true_lang = require("./service-result.vue.js");
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "service-params",
+  props: {
+    service: {
+      type: Object,
+      default: () => {
+        return { log: {} };
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    if (!props.service.variables) {
+      props.service.variables = [];
+    }
+    if (!props.service.log) {
+      props.service.log = {};
+    }
+    const typeOptions = ["string", "int", "boolean", "array", "object", "number"];
+    const rowDblclick = (row) => {
+      row.$editing = true;
+    };
+    const typeChange = (value, index, row) => {
+      if (value === "array") {
+        row.items = [];
+        row.items.push({
+          level: row.level + 1,
+          code: uuid.v4(),
+          name: "items",
+          isArrayElement: true,
+          alias: "",
+          type: "object",
+          defaultValue: "",
+          items: []
+        });
+      } else if (row.items && row.items.length > 0) {
+        if (value === "object") {
+          row.items = [];
+        } else {
+          if (row.items) {
+            delete row.items;
+          }
+        }
+      }
+    };
+    const addRootRow = () => {
+      props.service.variables.push(getNewItem());
+    };
+    const addChildrenItem = (index, row) => {
+      if (!row.items) {
+        row.items = [];
+      }
+      const item = getNewItem();
+      item.level = row.level + 1;
+      row.items.push(item);
+    };
+    const addAdjacentNode = (index, row) => {
+      clidNodeAddAdjacentNode(props.service.variables, row);
+    };
+    const clidNodeAddAdjacentNode = (tableData, clickRow) => {
+      tableData.forEach((row, index) => {
+        if (row.code === clickRow.code) {
+          const item = getNewItem();
+          item.level = row.level;
+          tableData.splice(index + 1, 0, item);
+        } else {
+          if (row.items && row.items.length > 0) {
+            clidNodeAddAdjacentNode(row.items, clickRow);
+          }
+        }
+      });
+    };
+    const handleDelete = (index, row) => {
+      deleteClidNode(props.service.variables, row);
+    };
+    const deleteClidNode = (tableData, clickRow) => {
+      for (let index = 0; index < tableData.length; index++) {
+        const row = tableData[index];
+        if (row.items && row.items.length > 0) {
+          deleteClidNode(row.items, clickRow);
+        } else {
+          if (row.code === clickRow.code) {
+            tableData.splice(index, 1);
+            return;
+          }
+        }
+      }
+    };
+    const getNewItem = () => {
+      return {
+        level: 0,
+        code: uuid.v4(),
+        name: "",
+        alias: "",
+        type: "string",
+        defaultValue: "",
+        items: [],
+        $editing: true
+      };
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_alert = vue.resolveComponent("el-alert");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(_component_el_form, {
+          "label-width": "auto",
+          "label-position": "left"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_form_item, { label: "服务名称：" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  modelValue: __props.service.name,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.service.name = $event),
+                  placeholder: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_divider),
+            vue.createVNode(_component_el_table, {
+              data: __props.service.variables,
+              style: { "width": "100%", "margin-top": "20px", "margin-bottom": "20px" },
+              "row-key": "code",
+              size: "small",
+              onRowDblclick: rowDblclick,
+              border: "",
+              "tree-props": { children: "items" },
+              "default-expand-all": ""
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_table_column, {
+                  type: "index",
+                  width: "50",
+                  label: "序号"
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "name",
+                  width: "80",
+                  label: "变量名"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.$editing ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(scope.row.name), 1)) : (vue.openBlock(), vue.createBlock(_component_el_input, {
+                      key: 1,
+                      size: "small",
+                      disabled: scope.row.isArrayElement,
+                      modelValue: scope.row.name,
+                      "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                      placeholder: ""
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"]))
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "alias",
+                  width: "80",
+                  label: "别名"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.$editing ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(scope.row.alias), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      !scope.row.isArrayElement ? (vue.openBlock(), vue.createBlock(_component_el_input, {
+                        key: 0,
+                        size: "small",
+                        modelValue: scope.row.alias,
+                        "onUpdate:modelValue": ($event) => scope.row.alias = $event,
+                        placeholder: ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true)
+                    ], 64))
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "type",
+                  width: "100",
+                  label: "类型"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.$editing ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(scope.row.type), 1)) : (vue.openBlock(), vue.createBlock(_component_el_select, {
+                      key: 1,
+                      modelValue: scope.row.type,
+                      "onUpdate:modelValue": ($event) => scope.row.type = $event,
+                      onChange: ($event) => typeChange($event, scope.$index, scope.row),
+                      placeholder: "",
+                      size: "small"
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(typeOptions, (item) => {
+                          return vue.createVNode(_component_el_option, {
+                            key: item,
+                            label: item,
+                            value: item
+                          }, null, 8, ["label", "value"]);
+                        }), 64))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "defaultValue",
+                  label: "默认值"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.isArrayElement ? (vue.openBlock(), vue.createBlock(vue.unref(valueSetInput), {
+                      key: 0,
+                      showLabel: !scope.row.$editing,
+                      size: "small",
+                      paramTypes: ["request", "system", "context", "fixed"],
+                      modelValue: scope.row.defaultValue,
+                      "onUpdate:modelValue": ($event) => scope.row.defaultValue = $event
+                    }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  align: "right",
+                  width: 150
+                }, {
+                  header: vue.withCtx(() => [
+                    vue.createVNode(_component_el_button, {
+                      type: "primary",
+                      size: "small",
+                      onClick: addRootRow,
+                      link: ""
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("添加 ")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_dropdown, {
+                      size: "small",
+                      style: { "vertical-align": "middle" }
+                    }, {
+                      dropdown: vue.withCtx(() => [
+                        vue.createVNode(_component_el_dropdown_menu, null, {
+                          default: vue.withCtx(() => [
+                            scope.row.type === "object" ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                              key: 0,
+                              onClick: ($event) => addChildrenItem(scope.$index, scope.row)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("添加下级节点")
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+                            !scope.row.isArrayElement ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                              key: 1,
+                              onClick: ($event) => addAdjacentNode(scope.$index, scope.row)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("添加相邻节点")
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])) : vue.createCommentVNode("", true)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_button, {
+                          type: "primary",
+                          link: "",
+                          size: "small"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" 添加 ")
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 2
+                    }, 1024),
+                    vue.createVNode(_component_el_button, {
+                      type: "danger",
+                      size: "small",
+                      disabled: scope.row.isArrayElement,
+                      link: "",
+                      onClick: ($event) => handleDelete(scope.$index, scope.row)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(" 删除 ")
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"]),
+            vue.createVNode(_component_el_alert, {
+              title: "返回值定义",
+              type: "info",
+              closable: false,
+              style: { "margin-bottom": "10px" }
+            }),
+            vue.createVNode(serviceResult_vue_vue_type_script_setup_true_lang, { service: __props.service }, null, 8, ["service"]),
+            vue.createVNode(_component_el_alert, {
+              title: "执行异常消息格式化",
+              type: "info",
+              closable: false,
+              style: { "margin-bottom": "10px" }
+            }),
+            vue.createVNode(_component_el_form_item, null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  type: "textarea",
+                  modelValue: __props.service.errorMessage,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.service.errorMessage = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_alert, {
+              title: "操作日志",
+              type: "info",
+              closable: false,
+              style: { "margin-bottom": "10px" }
+            }),
+            vue.createVNode(_component_el_form_item, null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_checkbox, {
+                  modelValue: __props.service.log.enable,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.service.log.enable = $event),
+                  label: "启用操作日志"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, { label: "标题：" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  disabled: !__props.service.log.enable,
+                  modelValue: __props.service.log.title,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.service.log.title = $event),
+                  placeholder: ""
+                }, null, 8, ["disabled", "modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, { label: "内容：" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  disabled: !__props.service.log.enable,
+                  modelValue: __props.service.log.content,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.service.log.content = $event),
+                  autosize: { minRows: 2, maxRows: 4 },
+                  type: "textarea",
+                  placeholder: ""
+                }, null, 8, ["disabled", "modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

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