@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/components/custom-bpmn/components/Api.js

@@ -0,0 +1,376 @@
+import '../../../../style.css';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, Fragment, renderList, toDisplayString, withCtx, createBlock, createCommentVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-bpmn-api",
+  props: {
+    globalParamsData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    inParamData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    ruleVariable: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    elementValues: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    businessMetaId: String
+  },
+  data() {
+    return {
+      apiData: {
+        api: "",
+        apiName: "",
+        inParams: [],
+        outParams: []
+      },
+      apiScope: [
+        {
+          lb: "(",
+          field: "API_TYPE",
+          mode: "equal",
+          values: "1",
+          rb: ")",
+          linkLabel: ""
+        }
+      ]
+    };
+  },
+  computed: {
+    getChineseValue() {
+      return (value) => {
+        let string = "";
+        if (value) {
+          string = JSON.parse(value).elText;
+        }
+        return string;
+      };
+    }
+  },
+  watch: {
+    apiData: {
+      handler() {
+        this.saveNodeData();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    changeFormData(field, v) {
+      let value = "";
+      let label = "";
+      if (Array.isArray(v)) {
+        value = v.map((item) => item.id || item).join(",");
+        label = v.map((item) => item.name || item).join("、");
+      } else if (typeof v === "object") {
+        value = v.id;
+        label = v.name;
+      } else {
+        value = v;
+      }
+      field.valueC = label || value;
+      field.value = value;
+    },
+    selectDynamicParams(paramItem, field) {
+      if (!paramItem.leaf) return;
+      field.valueC = paramItem.text;
+      field.value = paramItem.code;
+      field.paramsType = paramItem.paramsType;
+    },
+    setFormMeta(v) {
+      this.apiData.api = v ? v.id : "";
+      this.apiData.apiName = v ? v.name : "";
+      this.getParams();
+    },
+    getParams() {
+      const api = this.apiData.api;
+      if (api) {
+        const scopeParams = [
+          {
+            lb: "(",
+            field: "PARAM_TYPE",
+            mode: "in",
+            values: "url,body,query,header",
+            rb: ")",
+            linkLabel: ""
+          }
+        ];
+        const scopeParamsTwo = [
+          {
+            lb: "(",
+            field: "PARAM_TYPE",
+            mode: "in",
+            values: "resp-header,response",
+            rb: ")",
+            linkLabel: ""
+          }
+        ];
+        const columnFields = [
+          { attriName: "ID#" },
+          { attriName: "NAME#" },
+          { attriName: "KEY#" },
+          { attriName: "TYPE#" },
+          { attriName: "UP#" }
+        ];
+        this.$http.$post({
+          action: "list",
+          entityId: "FM_API_PARAM",
+          order_field: "ORDER_NUM",
+          order_mode: "asc",
+          "scope.API": api,
+          scopeParams: JSON.stringify(scopeParams),
+          columnFields
+        }).then((data) => {
+          this.apiData.inParams = data.entitys.map((item) => ({
+            KEY: item.KEY,
+            NAME: item.NAME,
+            value: "",
+            valueC: "",
+            valueType: "designated",
+            paramsType: ""
+          }));
+        });
+        this.$http.$post({
+          action: "listTree",
+          entityId: "FM_API_PARAM",
+          order_field: "ORDER_NUM",
+          order_mode: "asc",
+          parentField: "UP",
+          "scope.API": api,
+          scopeParams: JSON.stringify(scopeParamsTwo),
+          columnFields
+        }).then((data) => {
+          const arr = data.entitys.map((item) => {
+            return {
+              id: item.id,
+              text: item.NAME,
+              textAndType: item.NAME + item["TYPE#"],
+              type: item.TYPE,
+              code: item.KEY,
+              children: item.children
+            };
+          });
+          const formatData = (arr2) => {
+            arr2.forEach((item) => {
+              if (item.children) {
+                const arr3 = item.children.map((item2) => {
+                  return {
+                    id: item2.id,
+                    text: item2.NAME,
+                    textAndType: item2.NAME + item2["TYPE#"],
+                    type: item2.TYPE,
+                    code: item2.KEY,
+                    children: item2.children
+                  };
+                });
+                item.children = arr3;
+                formatData(item.children);
+              }
+            });
+          };
+          formatData(arr);
+          this.apiData.outParams = arr;
+        });
+      } else {
+        this.apiData.inParams = [];
+        this.apiData.outParams = [];
+      }
+    },
+    saveNodeData() {
+      this.$emit("updateElementValues", {
+        key: "camunda:apiData",
+        data: JSON.stringify(this.apiData)
+      });
+    },
+    getNodeParamsData() {
+      if (!this.$_.isEmpty(this.elementValues["camunda:apiData"]) && this.elementValues["camunda:apiData"] !== "{}") {
+        const apiData = this.elementValues["camunda:apiData"];
+        if (apiData) {
+          this.apiData = JSON.parse(apiData);
+        }
+        console.log(this.apiData, "apiData");
+      } else {
+        this.apiData = {
+          api: "",
+          apiName: "",
+          inParams: [],
+          outParams: []
+        };
+      }
+    }
+  },
+  created() {
+    this.getNodeParamsData();
+  }
+};
+const _hoisted_1 = { class: "bpmn-node-properties__attribute-list" };
+const _hoisted_2 = { class: "attribute-item" };
+const _hoisted_3 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_4 = {
+  key: 0,
+  class: "attribute-item"
+};
+const _hoisted_5 = { class: "bpmn-node-properties__attribute-input__label" };
+const _hoisted_6 = { class: "bpmn-node-properties__attribute-input-type" };
+const _hoisted_7 = { key: 2 };
+const _hoisted_8 = { class: "bpmn-node-properties__scope-opera__popper" };
+const _hoisted_9 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_table_form_item = resolveComponent("epx-table-form-item");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_epx_rule = resolveComponent("epx-rule");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_popover = resolveComponent("el-popover");
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("ul", _hoisted_1, [
+      _cache[1] || (_cache[1] = createElementVNode("div", { class: "bpmn-node-properties__jiedina-header bpmn-node-properties__jiedina-content-header" }, [
+        createElementVNode("span", null, "外部接口选择")
+      ], -1)),
+      createElementVNode("li", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
+          _cache[0] || (_cache[0] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "外部接口", -1)),
+          createVNode(_component_epx_table_form_item, {
+            value: { id: $data.apiData.api, name: $data.apiData.apiName },
+            onChange: $options.setFormMeta,
+            fieldConfigs: { attriName: "api", attriLabel: "服务接口", objectScope: $data.apiScope, dataType: "object", codeKey: "FM_API_IN", state: "EDIT" }
+          }, null, 8, ["value", "onChange", "fieldConfigs"])
+        ])
+      ]),
+      _cache[2] || (_cache[2] = createElementVNode("div", { class: "bpmn-node-properties__jiedina-header bpmn-node-properties__jiedina-content-header" }, [
+        createElementVNode("span", null, "输入参数")
+      ], -1)),
+      $data.apiData.inParams.length > 0 ? (openBlock(), createElementBlock("li", _hoisted_4, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.apiData.inParams, (field, index) => {
+          return openBlock(), createElementBlock("div", {
+            class: "bpmn-node-properties__attribute-input bpmn-node-properties__attribute-input-update",
+            key: index
+          }, [
+            createElementVNode("label", _hoisted_5, toDisplayString(field.NAME), 1),
+            createElementVNode("div", _hoisted_6, [
+              createVNode(_component_el_select, {
+                modelValue: field.valueType,
+                "onUpdate:modelValue": ($event) => field.valueType = $event,
+                placeholder: "请选择",
+                onChange: ($event) => (field.value = "", field.valueC = "", field.paramsType = "")
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_option, {
+                    label: "指定值",
+                    value: "designated"
+                  }),
+                  createVNode(_component_el_option, {
+                    label: "动态值",
+                    value: "dynamic"
+                  }),
+                  createVNode(_component_el_option, {
+                    label: "公式",
+                    value: "formula"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
+            ]),
+            createElementVNode("div", null, [
+              field.valueType === "designated" ? (openBlock(), createBlock(_component_epx_table_form_item, {
+                key: 0,
+                "show-label": false,
+                valueWidth: "auto",
+                value: field.value,
+                valueLabel: field.valueC,
+                onChange: (v) => $options.changeFormData(field, v),
+                "field-configs": { attriName: field.KEY, dataType: "text", attriLabel: field.NAME, state: "ADD" }
+              }, null, 8, ["value", "valueLabel", "onChange", "field-configs"])) : field.valueType === "formula" ? (openBlock(), createBlock(_component_epx_rule, {
+                key: 1,
+                modelValue: field.value,
+                "onUpdate:modelValue": ($event) => field.value = $event,
+                selfStyle: false,
+                fieldConfigs: { attriName: "value", attriLabel: "判断条件", dataType: "rule", rows: 2, state: "EDIT" },
+                extendVariable: $props.ruleVariable,
+                ruleMetaId: _ctx.scopeMetaId || $props.businessMetaId
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_input, {
+                    class: "bpmn-node-properties__designated-input",
+                    "model-value": $options.getChineseValue(field.value),
+                    placeholder: "请点击输入"
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "extendVariable", "ruleMetaId"])) : field.valueType === "dynamic" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                createVNode(_component_el_popover, {
+                  ref_for: true,
+                  ref: "popover",
+                  trigger: "click",
+                  tabindex: 1
+                }, {
+                  reference: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      class: "bpmn-node-properties__designated-input",
+                      "model-value": field.valueC,
+                      placeholder: "参数"
+                    }, null, 8, ["model-value"])
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_8, [
+                      createVNode(_component_el_tree, {
+                        data: $props.globalParamsData,
+                        "node-key": "label",
+                        props: {
+                          children: "children",
+                          label: "text"
+                        },
+                        onNodeClick: ($event) => $options.selectDynamicParams($event, field)
+                      }, {
+                        default: withCtx(({ node }) => [
+                          createElementVNode("span", {
+                            innerHTML: _ctx.xss.process(node.label)
+                          }, null, 8, _hoisted_9)
+                        ]),
+                        _: 1
+                      }, 8, ["data", "onNodeClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1536)
+              ])) : createCommentVNode("", true)
+            ])
+          ]);
+        }), 128))
+      ])) : createCommentVNode("", true),
+      _cache[3] || (_cache[3] = createElementVNode("div", { class: "bpmn-node-properties__jiedina-header bpmn-node-properties__jiedina-content-header" }, [
+        createElementVNode("span", null, "输出参数")
+      ], -1)),
+      createVNode(_component_el_tree, {
+        data: $data.apiData.outParams,
+        "node-key": "id",
+        props: { children: "children", label: "textAndType" },
+        "default-expand-all": true
+      }, {
+        default: withCtx(({ data }) => [
+          createElementVNode("span", null, toDisplayString(data.textAndType), 1)
+        ]),
+        _: 1
+      }, 8, ["data"])
+    ])
+  ]);
+}
+const Api = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Api as default
+};

package/dist/src/components/custom-bpmn/components/BatchOperation.js

@@ -0,0 +1,209 @@
+import '../../../../style.css';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-bpmn-batch-operation",
+  props: {
+    globalParamsData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    inParamData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    elementValues: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    businessMetaId: String
+  },
+  data() {
+    return {
+      batchOperationData: {
+        operateType: "1",
+        paramsId: "",
+        paramsType: "",
+        paramsValueC: "",
+        metaType: "designated",
+        formDataMeta: "",
+        formDataMetaName: "",
+        dynamicMeta: "",
+        dynamicMetaType: "",
+        dynamicMetaValueC: ""
+      }
+    };
+  },
+  computed: {
+    // 业务对象选择器的取值代理，保持数据扁平存储在 batchOperationData 上
+    metaConfig: {
+      get() {
+        const d = this.batchOperationData;
+        return {
+          metaType: d.metaType,
+          formDataMeta: d.formDataMeta,
+          formDataMetaName: d.formDataMetaName,
+          dynamicMeta: d.dynamicMeta,
+          dynamicMetaType: d.dynamicMetaType,
+          dynamicMetaValueC: d.dynamicMetaValueC
+        };
+      },
+      set(v) {
+        Object.keys(v).forEach((key) => this.$set(this.batchOperationData, key, v[key]));
+      }
+    }
+  },
+  watch: {
+    batchOperationData: {
+      handler() {
+        this.saveNodeData();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    selectDynamicParams(item) {
+      if (!item.leaf) return;
+      this.batchOperationData.paramsId = item.code;
+      this.batchOperationData.paramsType = item.paramsType;
+      this.batchOperationData.paramsValueC = item.text;
+    },
+    saveNodeData() {
+      this.$emit("updateElementValues", {
+        key: "camunda:batchOperationData",
+        data: JSON.stringify(this.batchOperationData)
+      });
+    },
+    getNodeParamsData() {
+      if (!this.$_.isEmpty(this.elementValues["camunda:batchOperationData"]) && this.elementValues["camunda:batchOperationData"] !== "{}") {
+        const batchOperationData = this.elementValues["camunda:batchOperationData"];
+        if (batchOperationData) {
+          this.batchOperationData = JSON.parse(batchOperationData);
+          if (!this.batchOperationData.metaType) {
+            this.$set(this.batchOperationData, "metaType", "designated");
+            this.$set(this.batchOperationData, "dynamicMeta", "");
+            this.$set(this.batchOperationData, "dynamicMetaType", "");
+            this.$set(this.batchOperationData, "dynamicMetaValueC", "");
+          }
+        }
+      }
+    }
+  },
+  created() {
+    this.getNodeParamsData();
+  }
+};
+const _hoisted_1 = { class: "bpmn-node-properties__attribute-list" };
+const _hoisted_2 = { class: "attribute-item" };
+const _hoisted_3 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_4 = { class: "attribute-item" };
+const _hoisted_5 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_6 = { class: "attribute-item" };
+const _hoisted_7 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_8 = { class: "bpmn-node-properties__scope-opera__popper" };
+const _hoisted_9 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_epx_bpmn_meta_select = resolveComponent("epx-bpmn-meta-select");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_popover = resolveComponent("el-popover");
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("ul", _hoisted_1, [
+      createElementVNode("li", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
+          _cache[4] || (_cache[4] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "操作类型", -1)),
+          createVNode(_component_el_radio_group, {
+            modelValue: $data.batchOperationData.operateType,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.batchOperationData.operateType = $event)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_radio, {
+                label: "1",
+                value: "1"
+              }, {
+                default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                  createTextVNode("新增", -1)
+                ])]),
+                _: 1
+              }),
+              createVNode(_component_el_radio, {
+                label: "2",
+                value: "2"
+              }, {
+                default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                  createTextVNode("更新", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      createElementVNode("li", _hoisted_4, [
+        createElementVNode("div", _hoisted_5, [
+          _cache[5] || (_cache[5] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "业务对象", -1)),
+          createVNode(_component_epx_bpmn_meta_select, {
+            modelValue: $options.metaConfig,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $options.metaConfig = $event),
+            globalParamsData: $props.globalParamsData,
+            attriLabel: "业务对象"
+          }, null, 8, ["modelValue", "globalParamsData"])
+        ])
+      ]),
+      createElementVNode("li", _hoisted_6, [
+        createElementVNode("div", _hoisted_7, [
+          _cache[6] || (_cache[6] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "转换参数", -1)),
+          createElementVNode("div", null, [
+            createVNode(_component_el_popover, {
+              ref: "popover",
+              trigger: "click",
+              tabindex: 1
+            }, {
+              reference: withCtx(() => [
+                createVNode(_component_el_input, {
+                  class: "bpmn-node-properties__designated-input",
+                  "model-value": $data.batchOperationData.paramsValueC,
+                  placeholder: "选择转换参数"
+                }, null, 8, ["model-value"])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(_component_el_tree, {
+                    data: $props.globalParamsData,
+                    "node-key": "label",
+                    props: {
+                      children: "children",
+                      label: "text"
+                    },
+                    onNodeClick: $options.selectDynamicParams
+                  }, {
+                    default: withCtx(({ node }) => [
+                      createElementVNode("span", {
+                        innerHTML: _ctx.xss.process(node.label)
+                      }, null, 8, _hoisted_9)
+                    ]),
+                    _: 1
+                  }, 8, ["data", "onNodeClick"])
+                ])
+              ]),
+              _: 1
+            }, 512)
+          ])
+        ])
+      ])
+    ])
+  ]);
+}
+const BatchOperation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  BatchOperation as default
+};