service-flow-designer 0.0.1-beta.6 → 0.0.2-tmp2

package/dist/lib/designer/common/components/value-set-input/value-set-input.vue2.js

@@ -1,559 +0,0 @@
-"use strict";
-const Vue = require("vue");
-const index = require("../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.27/node_modules/@element-plus/icons-vue/dist/index.js");
-const option = require("./option.js");
-const pageStore = require("../../../../stores/page-store.js");
-const fileUpload = require("../file-upload.vue.js");
-const request = require("../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.27/node_modules/agilebuilder-ui/src/utils/request.js");
-const index$1 = require("../../../../node_modules/.pnpm/element-plus@2.7.5_vue@3.4.27/node_modules/element-plus/es/components/message/index.js");
-const v4 = require("../../../../node_modules/.pnpm/uuid@8.3.2/node_modules/uuid/dist/esm-browser/v4.js");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-9cc733d7"), n = n(), Vue.popScopeId(), n);
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
-const _hoisted_4 = { style: { "font-size": "10px", "line-height": "30px" } };
-const _hoisted_5 = { style: { "margin-bottom": "5px" } };
-const _hoisted_6 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
-const _hoisted_8 = { class: "totalStyle" };
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  ...{
-    name: "ValueSetInput",
-    inheritAttrs: false
-  },
-  __name: "value-set-input",
-  props: {
-    modelValue: {
-      type: [String],
-      default: null
-    },
-    paramTypes: {
-      type: Array,
-      default: () => []
-    },
-    size: {
-      type: String,
-      default: "default"
-    },
-    inputSize: {
-      type: String,
-      default: "small"
-    },
-    showLabel: {
-      type: Boolean,
-      default: false
-    },
-    width: {
-      type: String,
-      default: ""
-    },
-    customInputTypes: {
-      type: Array,
-      default: []
-    },
-    customOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    showFileUpload: {
-      type: Boolean,
-      default: false
-    },
-    //自动创建服务字段的类型
-    autoCreateFieldType: {
-      type: String,
-      required: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const serviceFlowStoreUtil = pageStore.useServiceFlowStore();
-    const emits = __emit;
-    const props = __props;
-    const defalutValue = Vue.ref(null);
-    defalutValue.value = props.modelValue;
-    const typeOptions = Vue.ref([]);
-    const showInputType = Vue.ref("");
-    const fileObject = Vue.ref({});
-    const labelValue = Vue.ref(null);
-    const requestParams = Vue.ref([]);
-    const paramType = Vue.ref(null);
-    const paramValue = Vue.ref(null);
-    const valueOptions = Vue.ref([]);
-    const selectOptions = Vue.ref({});
-    const searchValue = Vue.ref(null);
-    const popoverRef = Vue.ref();
-    const selectInputType = ["context", "system", "task", "data", "service"];
-    props.customInputTypes.forEach((item) => {
-      const index2 = selectInputType.findIndex((type) => item === type);
-      if (index2 >= 0) {
-        selectInputType.splice(index2, 1);
-      }
-    });
-    typeOptions.value = option.getTypeOptions(props.paramTypes);
-    setSelectOptions();
-    const showFileUploadOption = () => {
-      if (props.showFileUpload) {
-        if (typeOptions.value.findIndex((item) => item.value === "file") === -1) {
-          typeOptions.value.push({ label: "文件", value: "file" });
-        }
-      } else {
-        const index2 = typeOptions.value.findIndex((item) => item.value === "file");
-        if (index2 >= 0) {
-          typeOptions.value.splice(index2, 1);
-        }
-      }
-    };
-    if (props.modelValue) {
-      const match = props.modelValue.match(/\${(.*?)\.(.*?)}/);
-      if (match) {
-        const type = match[1];
-        const val = match[2];
-        paramType.value = type;
-        paramValue.value = val;
-        showFileUploadOption();
-        if (paramType.value === "file") {
-          showInputType.value = "file";
-        } else if (selectInputType.includes(type)) {
-          if (paramType.value === "system") {
-            querySystemParams();
-          }
-          showInputType.value = "select";
-        } else {
-          showInputType.value = "input";
-        }
-      }
-      labelValue.value = formatter();
-    }
-    const filterTableData = Vue.computed(
-      () => valueOptions.value.filter(
-        (data) => !searchValue.value || data.label.toLowerCase().includes(searchValue.value.toLowerCase() || data.value.toLowerCase().includes(searchValue.value.toLowerCase()))
-      )
-    );
-    function setSelectOptions() {
-      selectOptions.value.dataModelOptions = serviceFlowStoreUtil.pageContextVarOptions.dataOptions;
-      if (props.customOptions.data) {
-        selectOptions.value.dataModelOptions = props.customOptions.data;
-      }
-      selectOptions.value.serviceVarOptions = serviceFlowStoreUtil.getServiceVarOptions();
-      const tempParams = [
-        {
-          value: "query",
-          label: "query"
-        }
-      ];
-      if (serviceFlowStoreUtil.pageContext) {
-        convertVariablesToParams(serviceFlowStoreUtil.pageContext.variables, tempParams, "");
-      }
-      requestParams.value = tempParams;
-    }
-    function convertVariablesToParams(variables, tempParams, parentFieldName) {
-      if (!variables) {
-        return;
-      }
-      for (let v of variables) {
-        if (!v.name) {
-          continue;
-        }
-        let tempParentName = parentFieldName;
-        if (!v.isArrayElement) {
-          let fieldName = v.name;
-          if (parentFieldName) {
-            fieldName = parentFieldName + "." + fieldName;
-          }
-          const label = v.alias ? fieldName + "(" + v.alias + ")" : fieldName;
-          tempParams.push({
-            value: fieldName,
-            label
-          });
-          tempParentName = fieldName;
-        }
-        if (v.items) {
-          convertVariablesToParams(v.items, tempParams, tempParentName);
-        }
-      }
-    }
-    function formatter() {
-      if (props.modelValue) {
-        return getTypeLabel(paramType.value) + " : " + getValueLabel(paramType.value, paramValue.value);
-      }
-      return props.modelValue;
-    }
-    function paramTypeChange(paramType2) {
-      paramValue.value = "";
-      if (paramType2 === "file") {
-        showInputType.value = "file";
-      } else if (selectInputType.includes(paramType2)) {
-        showInputType.value = "select";
-        if (paramType2 === "system") {
-          querySystemParams();
-        } else {
-          setValueOptions(paramType2);
-        }
-      } else {
-        showInputType.value = "input";
-      }
-    }
-    if (!paramType.value && typeOptions.value.length > 0) {
-      paramType.value = typeOptions.value[0].value;
-      paramTypeChange(paramType.value);
-      console.log("paramType.value--", paramType.value);
-    }
-    function setValueOptions(value) {
-      if (value === "context") {
-        valueOptions.value = option.contextVarOptions;
-      } else if (value === "system") {
-        valueOptions.value = selectOptions.value.systemVarOptions || [];
-      } else if (value === "task") {
-        valueOptions.value = option.taskVarOptions;
-      } else if (value === "data") {
-        valueOptions.value = selectOptions.value.dataModelOptions || [];
-      } else if (value === "service") {
-        valueOptions.value = selectOptions.value.serviceVarOptions || [];
-      }
-    }
-    function selectRow(row) {
-      console.log(row, "选择数据");
-      paramValue.value = row.value;
-      defalutValue.value = "${" + paramType.value + "." + row.value + "}";
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
-    }
-    function addInputParams() {
-      if (!paramValue.value) {
-        index$1.ElMessage.warning("请输入参数名");
-        return;
-      }
-      defalutValue.value = "${" + paramType.value + "." + paramValue.value + "}";
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
-    }
-    function addRequestParam(addParam) {
-      paramValue.value = addParam;
-      addInputParams();
-    }
-    function addServiceParams() {
-      searchValue.value = searchValue.value.trim();
-      if (!searchValue.value) {
-        index$1.ElMessage.warning("请输入参数名");
-        return;
-      }
-      const tempValues = selectOptions.value.serviceVarOptions || [];
-      for (let t of tempValues) {
-        if (t.value === searchValue.value) {
-          index$1.ElMessage.warning("该变量已存在!");
-          return;
-        }
-      }
-      const variable = {
-        code: v4(),
-        level: 1,
-        name: searchValue.value,
-        alias: searchValue.value,
-        type: props.autoCreateFieldType ? props.autoCreateFieldType : "string",
-        defaultValue: "",
-        items: []
-      };
-      if (variable.type == "array") {
-        variable.items.push({
-          level: variable.level + 1,
-          code: v4(),
-          name: "items",
-          isArrayElement: true,
-          alias: "",
-          type: "object",
-          defaultValue: "",
-          items: []
-        });
-      }
-      if (!serviceFlowStoreUtil.currentService.variables) {
-        serviceFlowStoreUtil.currentService.variables = [];
-      }
-      serviceFlowStoreUtil.currentService.variables.push(variable);
-      selectOptions.value.serviceVarOptions = serviceFlowStoreUtil.getServiceVarOptions();
-      setValueOptions(paramType.value);
-      paramValue.value = searchValue.value;
-      defalutValue.value = "${" + paramType.value + "." + searchValue.value + "}";
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
-    }
-    function getTypeLabel(valueType) {
-      var _a;
-      return (_a = typeOptions.value.find((item) => item.value === valueType)) == null ? void 0 : _a.label;
-    }
-    function getValueLabel(valueType, value) {
-      if (selectInputType.includes(valueType)) {
-        const option2 = valueOptions.value.find((item) => item.value === value);
-        if (option2) {
-          return option2.label;
-        }
-      } else if (valueType === "file") {
-        return value.split("|")[0];
-      }
-      return value;
-    }
-    const tableRef = Vue.ref();
-    function handSelectRow() {
-      if (!props.showLabel && showInputType.value === "select") {
-        const index2 = filterTableData.value.findIndex((item) => item.value === paramValue.value);
-        tableRef.value.setCurrentRow(filterTableData.value[index2]);
-      }
-    }
-    const showPopover = () => {
-      showFileUploadOption();
-      setSelectOptions();
-      if (paramType.value) {
-        setValueOptions(paramType.value);
-      }
-      Vue.nextTick(() => {
-        handSelectRow();
-      });
-    };
-    function clearData() {
-      defalutValue.value = null;
-      paramType.value = null;
-      paramValue.value = null;
-      emits("update:modelValue", defalutValue.value);
-    }
-    function successUpload() {
-      defalutValue.value = "${file." + fileObject.value.name + "|" + fileObject.value.fileUuid + "}";
-      paramValue.value = fileObject.value.name + "|" + fileObject.value.fileUuid;
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
-    }
-    let lastSystemQuery = null;
-    function querySystemParams() {
-      if (lastSystemQuery && lastSystemQuery == searchValue.value) {
-        return;
-      }
-      const param = {
-        query: searchValue.value
-      };
-      lastSystemQuery = searchValue.value;
-      request.post("/component/system-params/query", param).then((results) => {
-        const tempOptions = [];
-        for (let result of results) {
-          tempOptions.push({
-            value: result.key,
-            label: result.key + "  (" + result.value + ")"
-          });
-        }
-        selectOptions.value.systemVarOptions = tempOptions;
-        if (paramType.value == "system") {
-          setValueOptions(paramType.value);
-        }
-      });
-    }
-    __expose({
-      setSelectOptions
-    });
-    return (_ctx, _cache) => {
-      const _component_el_button = Vue.resolveComponent("el-button");
-      const _component_el_input = Vue.resolveComponent("el-input");
-      const _component_el_cascader_panel = Vue.resolveComponent("el-cascader-panel");
-      const _component_el_col = Vue.resolveComponent("el-col");
-      const _component_el_empty = Vue.resolveComponent("el-empty");
-      const _component_el_icon = Vue.resolveComponent("el-icon");
-      const _component_el_table_column = Vue.resolveComponent("el-table-column");
-      const _component_el_table = Vue.resolveComponent("el-table");
-      const _component_el_row = Vue.resolveComponent("el-row");
-      const _component_el_popover = Vue.resolveComponent("el-popover");
-      return __props.showLabel ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_1, Vue.toDisplayString(labelValue.value), 1)) : (Vue.openBlock(), Vue.createBlock(_component_el_popover, {
-        key: 1,
-        ref_key: "popoverRef",
-        ref: popoverRef,
-        trigger: "click",
-        width: 450
-      }, {
-        reference: Vue.withCtx(() => [
-          Vue.createVNode(_component_el_input, {
-            style: Vue.normalizeStyle({ width: __props.width ? __props.width : "" }),
-            readonly: "",
-            size: __props.inputSize,
-            onClick: showPopover,
-            formatter,
-            class: "input-with-select",
-            "prefix-icon": Vue.unref(index.Search),
-            modelValue: defalutValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => defalutValue.value = $event),
-            placeholder: "请选择"
-          }, {
-            append: Vue.withCtx(() => [
-              Vue.createVNode(_component_el_button, {
-                size: __props.inputSize,
-                icon: Vue.unref(index.Delete),
-                onClick: Vue.withModifiers(clearData, ["stop"])
-              }, null, 8, ["size", "icon"])
-            ]),
-            _: 1
-          }, 8, ["style", "size", "prefix-icon", "modelValue"])
-        ]),
-        default: Vue.withCtx(() => [
-          Vue.createVNode(_component_el_row, null, {
-            default: Vue.withCtx(() => [
-              Vue.createVNode(_component_el_col, { span: 8 }, {
-                default: Vue.withCtx(() => [
-                  Vue.createVNode(_component_el_cascader_panel, {
-                    modelValue: paramType.value,
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => paramType.value = $event),
-                    onChange: paramTypeChange,
-                    props: { emitPath: false },
-                    size: "small",
-                    style: { "width": "fit-content", "height": "200px" },
-                    options: typeOptions.value
-                  }, null, 8, ["modelValue", "options"])
-                ]),
-                _: 1
-              }),
-              !paramType.value ? (Vue.openBlock(), Vue.createBlock(_component_el_col, {
-                key: 0,
-                span: 16
-              }, {
-                default: Vue.withCtx(() => [
-                  Vue.createVNode(_component_el_empty, {
-                    description: "请选择类型",
-                    "image-size": 40
-                  })
-                ]),
-                _: 1
-              })) : showInputType.value === "input" ? (Vue.openBlock(), Vue.createBlock(_component_el_col, {
-                key: 1,
-                span: 16
-              }, {
-                default: Vue.withCtx(() => [
-                  Vue.createVNode(_component_el_input, {
-                    style: { "width": "88%" },
-                    size: "small",
-                    modelValue: paramValue.value,
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => paramValue.value = $event),
-                    placeholder: "请手动输入"
-                  }, null, 8, ["modelValue"]),
-                  Vue.createVNode(_component_el_button, {
-                    style: { "float": "right" },
-                    onClick: addInputParams,
-                    size: "small",
-                    type: "primary",
-                    icon: Vue.unref(index.Plus),
-                    circle: ""
-                  }, null, 8, ["icon"]),
-                  Vue.createElementVNode("div", _hoisted_2, [
-                    Vue.createVNode(_component_el_icon, null, {
-                      default: Vue.withCtx(() => [
-                        Vue.createVNode(Vue.unref(index.InfoFilled))
-                      ]),
-                      _: 1
-                    }),
-                    _hoisted_3
-                  ]),
-                  Vue.withDirectives(Vue.createElementVNode("div", _hoisted_4, [
-                    Vue.createTextVNode(" 可用参数： "),
-                    (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(requestParams.value, (o) => {
-                      return Vue.openBlock(), Vue.createBlock(_component_el_button, {
-                        type: "primary",
-                        size: "small",
-                        onClick: ($event) => addRequestParam(o.value)
-                      }, {
-                        default: Vue.withCtx(() => [
-                          Vue.createTextVNode(Vue.toDisplayString(o.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]);
-                    }), 256))
-                  ], 512), [
-                    [Vue.vShow, paramType.value == "request"]
-                  ])
-                ]),
-                _: 1
-              })) : showInputType.value === "file" ? (Vue.openBlock(), Vue.createBlock(_component_el_col, {
-                key: 2,
-                span: 16
-              }, {
-                default: Vue.withCtx(() => [
-                  Vue.createVNode(fileUpload, {
-                    modelValue: fileObject.value,
-                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => fileObject.value = $event),
-                    onOnSuccess: successUpload
-                  }, null, 8, ["modelValue"])
-                ]),
-                _: 1
-              })) : (Vue.openBlock(), Vue.createBlock(_component_el_col, {
-                key: 3,
-                span: 16
-              }, {
-                default: Vue.withCtx(() => [
-                  Vue.createElementVNode("div", _hoisted_5, [
-                    Vue.createVNode(_component_el_input, {
-                      size: "small",
-                      modelValue: searchValue.value,
-                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => searchValue.value = $event),
-                      placeholder: "搜索",
-                      "suffix-icon": Vue.unref(index.Search),
-                      style: { "width": "88%" }
-                    }, null, 8, ["modelValue", "suffix-icon"]),
-                    Vue.withDirectives(Vue.createVNode(_component_el_button, {
-                      style: { "float": "right" },
-                      onClick: addServiceParams,
-                      size: "small",
-                      type: "primary",
-                      icon: Vue.unref(index.Plus),
-                      circle: ""
-                    }, null, 8, ["icon"]), [
-                      [Vue.vShow, paramType.value == "service"]
-                    ]),
-                    Vue.withDirectives(Vue.createElementVNode("div", _hoisted_6, [
-                      Vue.createVNode(_component_el_icon, null, {
-                        default: Vue.withCtx(() => [
-                          Vue.createVNode(Vue.unref(index.InfoFilled))
-                        ]),
-                        _: 1
-                      }),
-                      _hoisted_7
-                    ], 512), [
-                      [Vue.vShow, paramType.value == "service"]
-                    ])
-                  ]),
-                  Vue.createVNode(_component_el_table, {
-                    ref_key: "tableRef",
-                    ref: tableRef,
-                    height: "155",
-                    "show-header": false,
-                    size: "small",
-                    "current-row-key": "code",
-                    "row-key": "code",
-                    "tree-props": { children: "items" },
-                    "highlight-current-row": true,
-                    data: filterTableData.value
-                  }, {
-                    default: Vue.withCtx(() => [
-                      Vue.createVNode(_component_el_table_column, null, {
-                        default: Vue.withCtx((scope) => [
-                          Vue.createVNode(_component_el_button, {
-                            size: "small",
-                            onClick: ($event) => selectRow(scope.row)
-                          }, {
-                            default: Vue.withCtx(() => [
-                              Vue.createTextVNode(" 选择 ")
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"])
-                        ]),
-                        _: 1
-                      }),
-                      Vue.createVNode(_component_el_table_column, { prop: "label" })
-                    ]),
-                    _: 1
-                  }, 8, ["data"]),
-                  Vue.createElementVNode("div", _hoisted_8, "总计：" + Vue.toDisplayString(filterTableData.value.length), 1)
-                ]),
-                _: 1
-              }))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 512));
-    };
-  }
-});
-module.exports = _sfc_main;

package/dist/lib/designer/common/util/node-util.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function getNextNodeById(node, flowData) {
-  const edges = flowData.edges.filter((item) => item.sourceNodeId === node.id);
-  const result = [];
-  if (edges) {
-    for (let i = 0; i < edges.length; i++) {
-      result.push(flowData.nodes.find((item) => item.id === edges[i].targetNodeId));
-    }
-  }
-  return result;
-}
-function isDeepEqual(tempData, flowData) {
-  if (typeof tempData !== "object" || typeof flowData !== "object") {
-    return tempData === flowData;
-  }
-  if (tempData === void 0 || tempData === null || flowData === void 0 || flowData === null) {
-    return tempData === flowData;
-  }
-  if (Array.isArray(tempData) && Array.isArray(flowData)) {
-    if (tempData.length !== flowData.length) return false;
-    for (let i = 0; i < tempData.length; i++) {
-      if (!isDeepEqual(tempData[i], flowData[i])) return false;
-    }
-    return true;
-  } else {
-    const keys1 = Object.keys(tempData);
-    const keys2 = Object.keys(flowData);
-    if (keys1.length !== keys2.length) {
-      return false;
-    }
-    for (let key of keys1) {
-      if (!keys2.includes(key) || !isDeepEqual(tempData[key], flowData[key])) {
-        return false;
-      }
-    }
-    return true;
-  }
-}
-function findServcieByCode(code, datas) {
-  for (let i = 0; i < datas.length; i++) {
-    if (datas[i].code === code) {
-      return datas[i];
-    } else if (datas[i].children && datas[i].children.length > 0) {
-      const result = findServcieByCode(code, datas[i].children);
-      if (result) {
-        return result;
-      }
-    }
-  }
-}
-exports.findServcieByCode = findServcieByCode;
-exports.getNextNodeById = getNextNodeById;
-exports.isDeepEqual = isDeepEqual;

package/dist/lib/designer/desginer-index.css

@@ -1,24 +0,0 @@
-.amb-container-left[data-v-9cfa34b7] {
-  width: 260px;
-  padding-right: 20px;
-  overflow-y: auto;
-}
-.amb-container-main[data-v-9cfa34b7] {
-  padding: 0 10px 0 0;
-}
-.amb-container-main[data-v-9cfa34b7]::-webkit-scrollbar {
-  width: 1px;
-}
-.amb-container-attr[data-v-9cfa34b7] {
-  width: 300px;
-  padding-left: 20px;
-}
-/**
-解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
- */
-[data-v-9cfa34b7]:v-deep(.el-drawer__header) {
-  margin-bottom: 0 !important;
-}
-[data-v-9cfa34b7] .el-overlay {
-  position: static;
-}

package/dist/lib/designer/desginer-index.vue.js

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