service-flow-designer 0.0.1-beta

package/dist/es/designer/service-components/service/http-service/response-xml-setting.vue.js

@@ -0,0 +1,286 @@
+/* empty css                                                                                                          */
+/* empty css                                                                                                              */
+/* empty css                                                                                                                 */
+import "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-tooltip.css.js";
+/* empty css                                                                                                               */
+/* empty css                                                                                                                  */
+/* empty css                                                                                                               */
+/* empty css                                                                                                                     */
+/* empty css                                                                                                                 */
+import "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-dropdown-menu.css.js";
+import "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-dropdown-item.css.js";
+/* empty css                                                                                                              */
+/* empty css                                                                                                            */
+/* empty css                                                                                                               */
+/* empty css                                                                                                                     */
+/* empty css                                                                                                               */
+/* empty css                                                                                                                     */
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, Fragment, renderList, unref, createCommentVNode, createTextVNode } from "vue";
+import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
+import v4 from "../../../../node_modules/.pnpm/uuid@8.3.2/node_modules/uuid/dist/esm-browser/v4.js";
+import { ElInput } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/input/index.js";
+import { ElTableColumn, ElTable } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/table/index.js";
+import { ElOption, ElSelect } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/select/index.js";
+import { ElButton } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/button/index.js";
+import { ElDropdownItem, ElDropdownMenu, ElDropdown } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/dropdown/index.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "response-xml-setting",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    contentType: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    if (!props.modelValue || props.modelValue.length === 0) {
+      emits("update:modelValue", []);
+    }
+    const typeOptions = ["any", "object", "array"];
+    const rowDblclick = (row) => {
+      row.$editing = true;
+    };
+    const typeChange = (value, index, row) => {
+      if (value === "array")
+        ;
+      else if (row.items && row.items.length > 0) {
+        if (value === "object") {
+          row.items = [];
+        } else {
+          if (row.items) {
+            delete row.items;
+          }
+        }
+      }
+    };
+    const addRootRow = () => {
+      props.modelValue.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.modelValue, 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) => {
+      console.log(row, props.modelValue, "===========");
+      deleteClidNode(props.modelValue, 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);
+        }
+        if (row.code === clickRow.code) {
+          tableData.splice(index, 1);
+          return;
+        }
+      }
+    };
+    const getNewItem = () => {
+      return {
+        level: 0,
+        code: v4(),
+        name: "",
+        paramType: "any",
+        value: "",
+        items: [],
+        $editing: true
+      };
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_input = ElInput;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_button = ElButton;
+      const _component_el_dropdown_item = ElDropdownItem;
+      const _component_el_dropdown_menu = ElDropdownMenu;
+      const _component_el_dropdown = ElDropdown;
+      const _component_el_table = ElTable;
+      return openBlock(), createBlock(_component_el_table, {
+        data: __props.modelValue,
+        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: withCtx(() => [
+          createVNode(_component_el_table_column, {
+            prop: "name",
+            label: "返回值字段"
+          }, {
+            default: withCtx((scope) => [
+              !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(scope.row.name), 1)) : (openBlock(), 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
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "paramType",
+            width: "100",
+            label: "类型"
+          }, {
+            default: withCtx((scope) => [
+              !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(scope.row.paramType), 1)) : (openBlock(), createBlock(_component_el_select, {
+                key: 1,
+                modelValue: scope.row.paramType,
+                "onUpdate:modelValue": ($event) => scope.row.paramType = $event,
+                onChange: ($event) => typeChange($event, scope.$index, scope.row),
+                placeholder: "",
+                size: "small"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(typeOptions, (item) => {
+                    return createVNode(_component_el_option, {
+                      key: item,
+                      label: item,
+                      value: item
+                    }, null, 8, ["label", "value"]);
+                  }), 64))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "value",
+            label: "设置到"
+          }, {
+            default: withCtx((scope) => [
+              !scope.row.isArrayElement ? (openBlock(), createBlock(unref(ValueSetInput), {
+                key: 0,
+                showLabel: !scope.row.$editing,
+                size: "small",
+                paramTypes: ["request", "data", "service"],
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": ($event) => scope.row.value = $event
+              }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            align: "center",
+            width: 150
+          }, {
+            header: withCtx(() => [
+              createVNode(_component_el_button, {
+                type: "primary",
+                size: "small",
+                onClick: addRootRow,
+                link: ""
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("添加 ")
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx((scope) => [
+              createVNode(_component_el_dropdown, {
+                size: "small",
+                style: { "vertical-align": "middle" }
+              }, {
+                dropdown: withCtx(() => [
+                  createVNode(_component_el_dropdown_menu, null, {
+                    default: withCtx(() => [
+                      scope.row.paramType === "object" ? (openBlock(), createBlock(_component_el_dropdown_item, {
+                        key: 0,
+                        onClick: ($event) => addChildrenItem(scope.$index, scope.row)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("添加下级节点")
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])) : createCommentVNode("", true),
+                      !scope.row.isArrayElement ? (openBlock(), createBlock(_component_el_dropdown_item, {
+                        key: 1,
+                        onClick: ($event) => addAdjacentNode(scope.$index, scope.row)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("添加相邻节点")
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                default: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    link: "",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" 添加 " + toDisplayString(scope.row.type), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024),
+              createVNode(_component_el_button, {
+                type: "danger",
+                size: "small",
+                disabled: scope.row.isArrayElement,
+                link: "",
+                onClick: ($event) => handleDelete(scope.$index, scope.row)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 删除 ")
+                ]),
+                _: 2
+              }, 1032, ["disabled", "onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/designer/service-components/service/http-service/response-xml-setting.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./response-xml-setting.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/designer/service-components/util/common-options.d.ts

@@ -0,0 +1,36 @@
+interface Option {
+    value: string | number | boolean;
+    label: string;
+    [otherProp: string]: any;
+}
+export declare function dataTypes(): {
+    value: string;
+    label: string;
+}[];
+export declare function isNumber(type: string): boolean;
+export declare const operatorsForNumber: {
+    value: string;
+    label: string;
+}[];
+export declare function isString(type: string): boolean;
+export declare const operatorsForString: {
+    value: string;
+    label: string;
+}[];
+export declare function isDate(type: string): boolean;
+export declare const allOperators: {
+    value: string;
+    label: string;
+}[];
+export declare const logicOperators: {
+    value: string;
+    label: string;
+}[];
+export declare function getOperatorLabel(name: string): string;
+export declare function getLabel(value: string, options: Option[]): string;
+export declare const dateFormats: Option[];
+export declare const formulas: Option[];
+export declare const operators: Option[];
+export declare const sqlOperators: Option[];
+export declare const httpMethods: Option[];
+export {};

package/dist/es/designer/service-components/util/common-options.js

@@ -0,0 +1,131 @@
+const operatorsForNumber = [
+  {
+    value: "gt",
+    label: "大于"
+  },
+  {
+    value: "lt",
+    label: "小于"
+  },
+  {
+    value: "eq",
+    label: "等于"
+  },
+  {
+    value: "le",
+    label: "不小于"
+  },
+  {
+    value: "ge",
+    label: "不大于"
+  },
+  {
+    value: "ne",
+    label: "不等于"
+  }
+];
+const operatorsForString = [
+  {
+    value: "eq",
+    label: "等于"
+  },
+  {
+    value: "neq",
+    label: "不等于"
+  },
+  {
+    value: "contain",
+    label: "包含"
+  },
+  {
+    value: "contain.not",
+    label: "不包含"
+  },
+  {
+    value: "is.null",
+    label: "等于NULL"
+  },
+  {
+    value: "not.null",
+    label: "不等于NULL"
+  }
+];
+[...operatorsForNumber, ...operatorsForString];
+const logicOperators = [
+  {
+    value: "or",
+    label: "或者"
+  },
+  {
+    value: "and",
+    label: "并且"
+  }
+];
+function getLabel(value, options) {
+  if (!value) {
+    return "";
+  }
+  const operator = options.filter((item) => {
+    return item.value === value;
+  });
+  if (operator.length > 0) {
+    return operator[0].label;
+  } else {
+    return "";
+  }
+}
+const dateFormats = [
+  { value: "year", label: "年" },
+  { value: "month", label: "月" },
+  { value: "day", label: "日" }
+];
+const formulas = [
+  { value: "count", label: "总数" },
+  { value: "sum", label: "求和" },
+  { value: "max", label: "最大" },
+  { value: "min", label: "最小" },
+  { value: "avg", label: "均值" }
+];
+const operators = [
+  { value: "gt", label: "大于" },
+  { value: "lt", label: "小于" },
+  { value: "eq", label: "等于" },
+  { value: "le", label: "不小于" },
+  { value: "ge", label: "不大于" },
+  { value: "ne", label: "不等于" },
+  { value: "contain", label: "包含" },
+  { value: "contain.not", label: "不包含" },
+  { value: "is.null", label: "等于NULL" },
+  { value: "not.null", label: "不等于NULL" }
+];
+const sqlOperators = [
+  { value: "EQ", label: "等于" },
+  { value: "GT", label: "大于" },
+  { value: "GET", label: "大于等于" },
+  { value: "LT", label: "小于" },
+  { value: "LET", label: "小于等于" },
+  { value: "NET", label: "不等于" },
+  { value: "CONTAIN", label: "包含" },
+  { value: "NOT_CONTAIN", label: "不包含" },
+  { value: "RANGE_QUERY", label: "IN" },
+  { value: "LEFT_LIKE", label: "左匹配" },
+  { value: "RIGHT_LIKE", label: "右匹配" }
+];
+const httpMethods = [
+  { value: "GET", label: "GET" },
+  { value: "POST", label: "POST" },
+  { value: "PUT", label: "PUT" },
+  { value: "PATCH", label: "PATCH" },
+  { value: "DELETE", label: "DELETE" }
+];
+export {
+  dateFormats,
+  formulas,
+  getLabel,
+  httpMethods,
+  logicOperators,
+  operators,
+  operatorsForNumber,
+  operatorsForString,
+  sqlOperators
+};

package/dist/es/designer/service-flow-view/flow-tool-util.d.ts

@@ -0,0 +1,2 @@
+export declare function customControlClick(lf: any, item: any): void;
+export declare function beautify(lf: any): void;

package/dist/es/designer/service-flow-view/flow-tool-util.js

@@ -0,0 +1,44 @@
+function customControlClick(lf, item) {
+  switch (item.type) {
+    case "zoomOut":
+      lf.zoom(false);
+      break;
+    case "zoomIn":
+      lf.zoom(true);
+      break;
+    case "fit":
+      lf.fitView();
+      break;
+    case "undo":
+      lf.undo();
+      break;
+    case "redo":
+      lf.redo();
+      break;
+    case "reset":
+      lf.resetZoom();
+      lf.resetTranslate();
+      break;
+    case "select":
+      lf.extension.selectionSelect.openSelectionSelect();
+      break;
+    case "beautify":
+      beautify(lf);
+      break;
+  }
+}
+function beautify(lf) {
+  if (lf) {
+    lf.extension.dagre.layout({
+      rankdir: "TB",
+      align: "DR",
+      nodesep: 20,
+      ranksep: 20,
+      begin: [200, 50]
+    });
+  }
+}
+export {
+  beautify,
+  customControlClick
+};

package/dist/es/designer/service-flow-view/flow-util.d.ts

@@ -0,0 +1,53 @@
+import { default as LogicFlow } from '@logicflow/core';
+
+export declare const customControl: ({
+    type: string;
+    desc: string;
+    class: string;
+    clickStyle?: undefined;
+} | {
+    type: string;
+    desc: string;
+    class: string;
+    clickStyle: boolean;
+})[];
+interface ServiceVariable {
+    [otherProp: string]: any;
+}
+interface ServiceNode {
+    [otherProp: string]: any;
+}
+export declare function newLogicFlow(container: any): LogicFlow;
+export declare function addInitNode(lf: any): void;
+/**
+ * 注册节点
+ * @param lf logicFlow实例
+ */
+export declare const registerNode: (lf: any) => void;
+export declare function getRuntimeJson(service: any): {
+    code: any;
+    name: any;
+    returnValues: any;
+    errorMessage: any;
+    log: any;
+    variables: ServiceVariable[];
+    nodes: ServiceNode[];
+};
+declare const _default: {
+    customControl: ({
+        type: string;
+        desc: string;
+        class: string;
+        clickStyle?: undefined;
+    } | {
+        type: string;
+        desc: string;
+        class: string;
+        clickStyle: boolean;
+    })[];
+    getRuntimeJson: typeof getRuntimeJson;
+    newLogicFlow: typeof newLogicFlow;
+    registerNode: (lf: any) => void;
+    addInitNode: typeof addInitNode;
+};
+export default _default;