service-flow-designer 1.1.1 → 1.1.3

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

@@ -1,589 +0,0 @@
-import { ElMessageBox, ElInput, ElButton, ElFormItem, ElAlert, ElTableColumn, ElOption, ElSelect, ElTooltip, ElTable, ElRadio, ElDivider, ElForm } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/form/style/css";
-import "element-plus/es/components/divider/style/css";
-import "element-plus/es/components/radio/style/css";
-import "element-plus/es/components/table/style/css";
-import "element-plus/es/components/tooltip/style/css";
-import "element-plus/es/components/select/style/css";
-import "element-plus/es/components/option/style/css";
-import "element-plus/es/components/table-column/style/css";
-import "element-plus/es/components/alert/style/css";
-import "element-plus/es/components/form-item/style/css";
-import "element-plus/es/components/button/style/css";
-import "element-plus/es/components/input/style/css";
-import { defineComponent, ref, onMounted, 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";
-import "element-plus/es/components/message-box/style/css";
-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 = ElInput;
-      const _component_el_button = ElButton;
-      const _component_el_form_item = ElFormItem;
-      const _component_el_alert = ElAlert;
-      const _component_el_table_column = ElTableColumn;
-      const _component_el_option = ElOption;
-      const _component_el_select = ElSelect;
-      const _component_el_tooltip = ElTooltip;
-      const _component_el_table = ElTable;
-      const _component_el_radio = ElRadio;
-      const _component_el_divider = ElDivider;
-      const _component_el_form = ElForm;
-      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

@@ -1,50 +0,0 @@
-.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

@@ -1,16 +0,0 @@
-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;