service-flow-designer 1.1.3 → 1.1.4

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

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const typeOptions = [
+  {
+    value: "request",
+    label: "请求参数"
+  },
+  {
+    value: "data",
+    label: "数据模型"
+  },
+  {
+    value: "page",
+    label: "页面变量"
+  },
+  {
+    value: "task",
+    label: "流程变量"
+  },
+  {
+    value: "service",
+    label: "服务变量"
+  },
+  {
+    value: "system",
+    label: "系统变量"
+  },
+  {
+    value: "context",
+    label: "环境变量"
+  },
+  {
+    value: "fixed",
+    label: "固定值"
+  }
+];
+const contextVarOptions = [
+  { value: "currentTime", label: "当前时间" },
+  { value: "currentDate", label: "当前日期" },
+  { value: "currentTransactorId", label: "当前用户id" },
+  { value: "currentTransactor", label: "当前用户登录名" },
+  { value: "currentTransactorName", label: "当前用户姓名" },
+  { value: "currentTransactorMainDepartmentId", label: "当前用户部门id" },
+  { value: "currentTransactorMainDepartmentCode", label: "当前用户部门编码" },
+  { value: "currentTransactorMainDepartment", label: "当前用户部门名称" }
+];
+const taskVarOptions = [
+  { value: "transactor", label: "当前办理人" },
+  { value: "nodeId", label: "环节名称" },
+  { value: "nodeCode", label: "环节编码" },
+  { value: "assigner", label: "当前指派人" },
+  { value: "trustor", label: "当前委托人" }
+];
+function getTypeOptions(types) {
+  if (types && types.length > 0) {
+    return typeOptions.filter((item) => types.includes(item.value));
+  }
+  return typeOptions;
+}
+exports.contextVarOptions = contextVarOptions;
+exports.getTypeOptions = getTypeOptions;
+exports.taskVarOptions = taskVarOptions;

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

@@ -0,0 +1,14 @@
+
+[data-v-53118ceb] .el-cascader-menu {
+  min-width: 120px !important;
+}
+.totalStyle[data-v-53118ceb] {
+  display: flex;
+  height: 15px;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+}
+[data-v-53118ceb] .el-input-group__append {
+  cursor: pointer;
+}

package/dist/lib/designer/common/components/value-set-input/value-set-input.vue.d.ts

@@ -0,0 +1,145 @@
+declare function setSelectOptions(): void;
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: StringConstructor[];
+        default: any;
+    };
+    paramTypes: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => any[];
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    customInputTypes: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: any[];
+    };
+    customOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    showFileUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    setSelectOptions: typeof setSelectOptions;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor[];
+        default: any;
+    };
+    paramTypes: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => any[];
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    customInputTypes: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: any[];
+    };
+    customOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    showFileUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    size: string;
+    modelValue: string;
+    width: string;
+    paramTypes: string[];
+    inputSize: string;
+    showLabel: boolean;
+    customInputTypes: any[];
+    customOptions: Record<string, any>;
+    showFileUpload: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+"use strict";
+const valueSetInput_vue_vue_type_script_setup_true_lang = require("./value-set-input.vue2.js");
+;/* empty css                      */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const ValueSetInput = /* @__PURE__ */ _pluginVue_exportHelper(valueSetInput_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-53118ceb"]]);
+module.exports = ValueSetInput;

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

@@ -0,0 +1,419 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const option = require("./option.js");
+const pageStore = require("../../../../stores/page-store.js");
+const fileUpload = require("../file-upload.vue.js");
+const http = require("agilebuilder-ui/src/utils/request");
+const elementPlus = require("element-plus");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-53118ceb"), 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 = { 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
+    }
+  },
+  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 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 index = selectInputType.findIndex((type) => item === type);
+      if (index >= 0) {
+        selectInputType.splice(index, 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 index = typeOptions.value.findIndex((item) => item.value === "file");
+        if (index >= 0) {
+          typeOptions.value.splice(index, 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";
+        }
+        setValueOptions(paramType.value);
+        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();
+    }
+    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";
+      }
+    }
+    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) {
+        elementPlus.ElMessage.warning("请输入参数名");
+        return;
+      }
+      defalutValue.value = "${" + paramType.value + "." + paramValue.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 index = filterTableData.value.findIndex((item) => item.value === paramValue.value);
+        tableRef.value.setCurrentRow(filterTableData.value[index]);
+      }
+    }
+    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;
+      http.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(iconsVue.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(iconsVue.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": "75%" },
+                    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(iconsVue.Plus),
+                    circle: ""
+                  }, null, 8, ["icon"]),
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createVNode(_component_el_icon, null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.InfoFilled))
+                      ]),
+                      _: 1
+                    }),
+                    _hoisted_3
+                  ])
+                ]),
+                _: 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.createVNode(_component_el_input, {
+                    size: "small",
+                    modelValue: searchValue.value,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => searchValue.value = $event),
+                    placeholder: "搜索",
+                    "suffix-icon": vue.unref(iconsVue.Search),
+                    style: { "margin-bottom": "5px", "height": "25px" }
+                  }, null, 8, ["modelValue", "suffix-icon"]),
+                  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_4, "总计：" + vue.toDisplayString(filterTableData.value.length), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 512));
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/common/types/common-type.d.ts

@@ -0,0 +1,18 @@
+export interface Service {
+    code: string;
+    name: string;
+    variables?: Var[];
+    returnValues?: Var[];
+    log?: any;
+    [otherProp: string]: any;
+}
+export interface Var {
+    level: number;
+    code: string;
+    name: string;
+    alias: string;
+    type: string;
+    defaultValue?: string;
+    items?: Var[];
+    [otherProp: string]: any;
+}

package/dist/lib/designer/common/types/select.d.ts

@@ -0,0 +1,7 @@
+export interface Option {
+    value: any;
+    label: string;
+    [otherProp: string]: any;
+}
+export declare const tfOptions: Option[];
+export declare const dataTypeOptions: Option[];