service-flow-designer 1.1.11 → 1.1.13

package/dist/es/designer/service-components/base/judge-condition/config.vue.d.ts

@@ -0,0 +1,40 @@
+declare function getData(): Record<string, any>;
+/**
+ * 关闭drawer时进行跳转节点间的连线设值
+ */
+declare function onClose(): void;
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    logicFlowInstance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    currentNode: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    getData: typeof getData;
+    onClose: typeof onClose;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    logicFlowInstance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    currentNode: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    properties: Record<string, any>;
+    logicFlowInstance: Record<string, any>;
+    currentNode: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/base/judge-condition/config.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./config.vue2.js";
+export {
+  _sfc_main as default
+};

package/dist/es/designer/service-components/base/judge-condition/config.vue2.js

@@ -0,0 +1,574 @@
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, Fragment, renderList, unref, toDisplayString, createBlock, createElementVNode } from "vue";
+import { Delete, Plus, Minus } from "@element-plus/icons-vue";
+import { getLabel, operators, logicOperators } from "../../util/common-options.js";
+import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
+import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
+import { ElMessage } from "element-plus";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    logicFlowInstance: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    currentNode: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const canJumpNodes = ref([]);
+    const setModeOptions = [
+      { label: "覆盖", value: "cover" },
+      { label: "追加", value: "append" },
+      { label: "无重复时追加", value: "appendNoDupli" }
+    ];
+    onMounted(() => {
+      console.log(props.logicFlowInstance.getGraphData());
+      const graphData = props.logicFlowInstance.getGraphData();
+      const id = props.currentNode.data.id;
+      graphData.nodes.forEach((item, index) => {
+        if (item.type !== "start" && item.type !== "end" && id !== item.id) {
+          canJumpNodes.value.push({ id: item.id, name: item.properties.name });
+        }
+      });
+      canJumpNodes.value.push({ id: "end", name: "结束" });
+      if (!props.properties.rules) {
+        props.properties.rules = [];
+      }
+    });
+    const ruleName = ref("");
+    function addNewRule() {
+      if (ruleName.value) {
+        if (!props.properties.rules) {
+          props.properties.rules = [];
+        }
+        props.properties.rules.push({ conditions: [], name: ruleName.value, to: "" });
+        ruleName.value = "";
+      }
+    }
+    function rowDblclick(row, column, event) {
+      row.$editing = true;
+    }
+    function addRow(rule) {
+      rule.conditions.push({ $editing: true });
+    }
+    function handleDelete(index, row, rule) {
+      rule.conditions.splice(index, 1);
+    }
+    function deleteRule(index) {
+      if (props.properties.rules.length === 1) {
+        ElMessage.warning("请保留至少一条规则！");
+        return;
+      }
+      ElMessageBox.confirm("确认删除该规则?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        props.properties.rules.splice(index, 1);
+      }).catch(() => {
+        ElMessage({
+          type: "info",
+          message: "取消删除"
+        });
+      });
+    }
+    function getData() {
+      if (props.properties.rules) {
+        props.properties.rules.forEach((rule) => {
+          rule.conditions.forEach((item) => {
+            if (item.$editing) {
+              delete item.$editing;
+            }
+          });
+        });
+      }
+      return props.properties;
+    }
+    function onClose() {
+      const edgeModels = props.logicFlowInstance.graphModel.getNodeEdges(props.currentNode.data.id);
+      let hadConnectedEnd = false;
+      const targetNodeIds = [];
+      edgeModels.forEach((edgeModel) => {
+        console.log(edgeModel.targetNode);
+        if (edgeModel.targetNode.type === "end") {
+          hadConnectedEnd = true;
+        } else {
+          targetNodeIds.push(edgeModel.targetNode.id);
+        }
+      });
+      const newTargetNodeIds = [];
+      if (props.properties.rules) {
+        props.properties.rules.forEach((rule, index) => {
+          if (rule.jumpComponentTo) {
+            console.log(edgeModels);
+            if (rule.jumpComponentTo === "end") {
+              if (!hadConnectedEnd) {
+                rule.jumpComponentTo;
+                const endModel = props.logicFlowInstance.graphModel.addNode({
+                  type: "end",
+                  x: props.currentNode.data.x,
+                  y: props.currentNode.data.y + 150,
+                  properties: {}
+                });
+                const edgeModel = props.logicFlowInstance.graphModel.addEdge({
+                  sourceNodeId: props.currentNode.data.id,
+                  targetNodeId: endModel.id
+                });
+                targetNodeIds.push(edgeModel.to);
+                hadConnectedEnd = true;
+              }
+            } else {
+              if (!targetNodeIds.includes(rule.jumpComponentTo)) {
+                props.logicFlowInstance.graphModel.addEdge({
+                  sourceNodeId: props.currentNode.data.id,
+                  targetNodeId: rule.jumpComponentTo,
+                  text: rule.name
+                });
+              }
+              targetNodeIds.push(rule.jumpComponentTo);
+              newTargetNodeIds.push(rule.jumpComponentTo);
+            }
+          }
+        });
+      }
+      targetNodeIds.forEach((item) => {
+        if (!newTargetNodeIds.includes(item)) {
+          props.logicFlowInstance.graphModel.deleteEdgeBySourceAndTarget(props.currentNode.data.id, item);
+        }
+      });
+    }
+    __expose({ getData, onClose });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_alert = resolveComponent("el-alert");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_divider = resolveComponent("el-divider");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_el_form, {
+          "label-width": "auto",
+          "label-position": "left"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, { properties: __props.properties }, null, 8, ["properties"]),
+            createVNode(_component_el_form_item, {
+              label: "规则名：",
+              style: { "width": "100%" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: ruleName.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => ruleName.value = $event),
+                  placeholder: "",
+                  style: { "width": "85%" }
+                }, null, 8, ["modelValue"]),
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: _cache[1] || (_cache[1] = ($event) => addNewRule()),
+                  style: { "position": "absolute", "right": "0" }
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("添加规则")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.properties.rules, (rule, index) => {
+              return openBlock(), createElementBlock("div", null, [
+                createVNode(_component_el_form_item, {
+                  "label-width": "0",
+                  style: { "width": "100%" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_alert, {
+                      title: rule.name,
+                      type: "info",
+                      size: "small",
+                      closable: false
+                    }, null, 8, ["title"]),
+                    createVNode(_component_el_button, {
+                      size: "small",
+                      circle: "",
+                      type: "danger",
+                      style: { "position": "absolute", "right": "0" },
+                      icon: unref(Delete),
+                      onClick: ($event) => deleteRule(index)
+                    }, null, 8, ["icon", "onClick"])
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(_component_el_table, {
+                  data: rule.conditions,
+                  style: { "width": "100%", "margin-bottom": "20px" },
+                  "row-key": "code",
+                  onRowDblclick: rowDblclick,
+                  size: "small",
+                  border: "",
+                  "tree-props": { children: "conditions" },
+                  "default-expand-all": ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_table_column, {
+                      type: "index",
+                      width: "50",
+                      label: "序号"
+                    }),
+                    createVNode(_component_el_table_column, {
+                      prop: "name",
+                      label: "((("
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(scope.row.leftBracket), 1)) : (openBlock(), createBlock(_component_el_select, {
+                          key: 1,
+                          size: "small",
+                          modelValue: scope.row.leftBracket,
+                          "onUpdate:modelValue": ($event) => scope.row.leftBracket = $event,
+                          placeholder: ""
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              label: "",
+                              value: ""
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "(",
+                              value: "("
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "((",
+                              value: "(("
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "(((",
+                              value: "((("
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      prop: "alias",
+                      label: "参数名",
+                      width: "150"
+                    }, {
+                      default: withCtx((scope) => [
+                        createVNode(unref(ValueSetInput), {
+                          paramTypes: ["page", "data"],
+                          showLabel: !scope.row.$editing,
+                          size: "small",
+                          modelValue: scope.row.name,
+                          "onUpdate:modelValue": ($event) => scope.row.name = $event
+                        }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      prop: "type",
+                      label: "操作符"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(getLabel)(scope.row.operator, unref(operators))), 1)) : (openBlock(), createBlock(_component_el_select, {
+                          key: 1,
+                          modelValue: scope.row.operator,
+                          "onUpdate:modelValue": ($event) => scope.row.operator = $event,
+                          placeholder: "",
+                          size: "small"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operators), (item) => {
+                              return openBlock(), createBlock(_component_el_option, {
+                                key: item.value,
+                                label: item.label,
+                                value: item.value
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      prop: "value",
+                      label: "值",
+                      width: "170"
+                    }, {
+                      default: withCtx((scope) => [
+                        createVNode(unref(ValueSetInput), {
+                          showLabel: !scope.row.$editing,
+                          size: "small",
+                          modelValue: scope.row.value,
+                          "onUpdate:modelValue": ($event) => scope.row.value = $event
+                        }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      prop: "rightBracket",
+                      label: ")))"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(scope.row.rightBracket), 1)) : (openBlock(), createBlock(_component_el_select, {
+                          key: 1,
+                          size: "small",
+                          modelValue: scope.row.rightBracket,
+                          "onUpdate:modelValue": ($event) => scope.row.rightBracket = $event,
+                          placeholder: ""
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              label: "",
+                              value: ""
+                            }),
+                            createVNode(_component_el_option, {
+                              label: ")",
+                              value: ")"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "))",
+                              value: "))"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: ")))",
+                              value: ")))"
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      prop: "logicOperator",
+                      label: "连接符"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(getLabel)(scope.row.logicOperator, unref(logicOperators))), 1)) : (openBlock(), createBlock(_component_el_select, {
+                          key: 1,
+                          modelValue: scope.row.logicOperator,
+                          "onUpdate:modelValue": ($event) => scope.row.logicOperator = $event,
+                          placeholder: "",
+                          size: "small"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(logicOperators), (item) => {
+                              return openBlock(), createBlock(_component_el_option, {
+                                key: item.value,
+                                label: item.label,
+                                value: item.value
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, { align: "center" }, {
+                      header: withCtx(() => [
+                        createVNode(_component_el_tooltip, {
+                          effect: "dark",
+                          content: "添加",
+                          placement: "top"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_button, {
+                              type: "primary",
+                              size: "small",
+                              icon: unref(Plus),
+                              circle: "",
+                              onClick: ($event) => addRow(rule)
+                            }, null, 8, ["icon", "onClick"])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      default: withCtx((scope) => [
+                        createElementVNode("span", null, [
+                          createVNode(_component_el_tooltip, {
+                            effect: "dark",
+                            content: "删除",
+                            placement: "top"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_button, {
+                                type: "danger",
+                                size: "small",
+                                icon: unref(Minus),
+                                circle: "",
+                                onClick: ($event) => handleDelete(scope.$index, scope.row, rule)
+                              }, null, 8, ["icon", "onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["data"]),
+                createVNode(_component_el_form_item, { style: { "width": "100%" } }, {
+                  label: withCtx((scope) => [
+                    createVNode(_component_el_radio, {
+                      modelValue: rule.action,
+                      "onUpdate:modelValue": ($event) => rule.action = $event,
+                      value: "abort",
+                      label: "异常中止"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      disabled: rule.action !== "abort",
+                      modelValue: rule.abortMessage,
+                      "onUpdate:modelValue": ($event) => rule.abortMessage = $event,
+                      placeholder: ""
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(_component_el_form_item, { style: { "width": "100%" } }, {
+                  label: withCtx((scope) => [
+                    createVNode(_component_el_radio, {
+                      modelValue: rule.action,
+                      "onUpdate:modelValue": ($event) => rule.action = $event,
+                      value: "jump",
+                      label: "跳转组件"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      disabled: rule.action !== "jump",
+                      modelValue: rule.jumpComponentTo,
+                      "onUpdate:modelValue": ($event) => rule.jumpComponentTo = $event,
+                      placeholder: ""
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(canJumpNodes.value, (item) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: item.id,
+                            label: item.name,
+                            value: item.id
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(_component_el_form_item, { style: { "width": "100%" } }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio, {
+                      modelValue: rule.action,
+                      "onUpdate:modelValue": ($event) => rule.action = $event,
+                      value: "continue",
+                      label: "继续循环",
+                      style: { "width": "10%" }
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(_component_el_form_item, {
+                  label: "提示信息设置：",
+                  style: { "width": "100%" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ValueSetInput), {
+                      inputSize: "default",
+                      paramTypes: ["service"],
+                      modelValue: __props.properties.abortMessage,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.properties.abortMessage = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, {
+                  label: "信息内容：",
+                  style: { "width": "100%" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: rule.messageContent,
+                      "onUpdate:modelValue": ($event) => rule.messageContent = $event,
+                      placeholder: ""
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(_component_el_form_item, { label: "设置方式：" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      modelValue: rule.setMode,
+                      "onUpdate:modelValue": ($event) => rule.setMode = $event,
+                      placeholder: "",
+                      style: { "width": "30%" }
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createElementBlock(Fragment, null, renderList(setModeOptions, (item) => {
+                          return createVNode(_component_el_option, {
+                            key: item.value,
+                            label: item.label,
+                            value: item.value
+                          }, null, 8, ["label", "value"]);
+                        }), 64))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"]),
+                    createVNode(_component_el_form_item, {
+                      label: "分隔符：",
+                      style: { "margin-left": "20px" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: rule.delimiter,
+                          "onUpdate:modelValue": ($event) => rule.delimiter = $event,
+                          placeholder: ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(_component_el_divider)
+              ]);
+            }), 256))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/designer/service-components/base/judge-condition/index.css

@@ -0,0 +1,50 @@
+.nodeView[data-v-c176feb6] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-c176feb6] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-c176feb6] {
+  width: 112px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.el-divider--horizontal[data-v-c176feb6] {
+  margin: 12px 0;
+}
+.nodeView[data-v-c176feb6] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
+}
+.nodeContent[data-v-c176feb6] {
+}

package/dist/es/designer/service-components/base/judge-condition/index.d.ts

@@ -0,0 +1,16 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class JudgeConditionNode extends AbLogicNode {
+    customP1: any;
+    constructor(props: any);
+    getResizeShape(): void;
+}
+declare class JudgeConditionNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof JudgeConditionNode;
+    model: typeof JudgeConditionNodeModel;
+    options: {};
+};
+export default _default;