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

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

@@ -1,573 +0,0 @@
-"use strict";
-const Vue = require("vue");
-const index = require("../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.27/node_modules/@element-plus/icons-vue/dist/index.js");
-const commonOptions = require("../../util/common-options.js");
-const valueSetInput = require("../../../common/components/value-set-input/value-set-input.vue.js");
-const nodeBaseConfig_vue_vue_type_script_setup_true_lang = require("../../../common/components/node-base-config.vue.js");
-const index$1 = require("../../../../node_modules/.pnpm/element-plus@2.7.5_vue@3.4.27/node_modules/element-plus/es/components/message/index.js");
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ Vue.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 = Vue.ref([]);
-    const setModeOptions = [
-      { label: "覆盖", value: "cover" },
-      { label: "追加", value: "append" },
-      { label: "无重复时追加", value: "appendNoDupli" }
-    ];
-    Vue.onMounted(() => {
-      console.log(props.logicFlowInstance.getGraphData());
-      const graphData = props.logicFlowInstance.getGraphData();
-      const id = props.currentNode.data.id;
-      graphData.nodes.forEach((item, index2) => {
-        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 = Vue.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(index2, row, rule) {
-      rule.conditions.splice(index2, 1);
-    }
-    function deleteRule(index2) {
-      if (props.properties.rules.length === 1) {
-        index$1.ElMessage.warning("请保留至少一条规则！");
-        return;
-      }
-      ElMessageBox.confirm("确认删除该规则?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        props.properties.rules.splice(index2, 1);
-      }).catch(() => {
-        index$1.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, index2) => {
-          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 = Vue.resolveComponent("el-input");
-      const _component_el_button = Vue.resolveComponent("el-button");
-      const _component_el_form_item = Vue.resolveComponent("el-form-item");
-      const _component_el_alert = Vue.resolveComponent("el-alert");
-      const _component_el_table_column = Vue.resolveComponent("el-table-column");
-      const _component_el_option = Vue.resolveComponent("el-option");
-      const _component_el_select = Vue.resolveComponent("el-select");
-      const _component_el_tooltip = Vue.resolveComponent("el-tooltip");
-      const _component_el_table = Vue.resolveComponent("el-table");
-      const _component_el_radio = Vue.resolveComponent("el-radio");
-      const _component_el_divider = Vue.resolveComponent("el-divider");
-      const _component_el_form = Vue.resolveComponent("el-form");
-      return Vue.openBlock(), Vue.createElementBlock("div", null, [
-        Vue.createVNode(_component_el_form, {
-          "label-width": "auto",
-          "label-position": "left"
-        }, {
-          default: Vue.withCtx(() => [
-            Vue.createVNode(nodeBaseConfig_vue_vue_type_script_setup_true_lang, { properties: __props.properties }, null, 8, ["properties"]),
-            Vue.createVNode(_component_el_form_item, {
-              label: "规则名：",
-              style: { "width": "100%" }
-            }, {
-              default: Vue.withCtx(() => [
-                Vue.createVNode(_component_el_input, {
-                  modelValue: ruleName.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => ruleName.value = $event),
-                  placeholder: "",
-                  style: { "width": "85%" }
-                }, null, 8, ["modelValue"]),
-                Vue.createVNode(_component_el_button, {
-                  type: "primary",
-                  onClick: _cache[1] || (_cache[1] = ($event) => addNewRule()),
-                  style: { "position": "absolute", "right": "0" }
-                }, {
-                  default: Vue.withCtx(() => [
-                    Vue.createTextVNode("添加规则")
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.properties.rules, (rule, index$12) => {
-              return Vue.openBlock(), Vue.createElementBlock("div", null, [
-                Vue.createVNode(_component_el_form_item, {
-                  "label-width": "0",
-                  style: { "width": "100%" }
-                }, {
-                  default: Vue.withCtx(() => [
-                    Vue.createVNode(_component_el_alert, {
-                      title: rule.name,
-                      type: "info",
-                      size: "small",
-                      closable: false
-                    }, null, 8, ["title"]),
-                    Vue.createVNode(_component_el_button, {
-                      size: "small",
-                      circle: "",
-                      type: "danger",
-                      style: { "position": "absolute", "right": "0" },
-                      icon: Vue.unref(index.Delete),
-                      onClick: ($event) => deleteRule(index$12)
-                    }, null, 8, ["icon", "onClick"])
-                  ]),
-                  _: 2
-                }, 1024),
-                Vue.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: Vue.withCtx(() => [
-                    Vue.createVNode(_component_el_table_column, {
-                      type: "index",
-                      width: "50",
-                      label: "序号"
-                    }),
-                    Vue.createVNode(_component_el_table_column, {
-                      prop: "name",
-                      label: "((("
-                    }, {
-                      default: Vue.withCtx((scope) => [
-                        !scope.row.$editing ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_1, Vue.toDisplayString(scope.row.leftBracket), 1)) : (Vue.openBlock(), Vue.createBlock(_component_el_select, {
-                          key: 1,
-                          size: "small",
-                          modelValue: scope.row.leftBracket,
-                          "onUpdate:modelValue": ($event) => scope.row.leftBracket = $event,
-                          placeholder: ""
-                        }, {
-                          default: Vue.withCtx(() => [
-                            Vue.createVNode(_component_el_option, {
-                              label: "",
-                              value: ""
-                            }),
-                            Vue.createVNode(_component_el_option, {
-                              label: "(",
-                              value: "("
-                            }),
-                            Vue.createVNode(_component_el_option, {
-                              label: "((",
-                              value: "(("
-                            }),
-                            Vue.createVNode(_component_el_option, {
-                              label: "(((",
-                              value: "((("
-                            })
-                          ]),
-                          _: 2
-                        }, 1032, ["modelValue", "onUpdate:modelValue"]))
-                      ]),
-                      _: 1
-                    }),
-                    Vue.createVNode(_component_el_table_column, {
-                      prop: "alias",
-                      label: "参数名",
-                      width: "150"
-                    }, {
-                      default: Vue.withCtx((scope) => [
-                        Vue.createVNode(Vue.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
-                    }),
-                    Vue.createVNode(_component_el_table_column, {
-                      prop: "type",
-                      label: "操作符"
-                    }, {
-                      default: Vue.withCtx((scope) => [
-                        !scope.row.$editing ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_2, Vue.toDisplayString(Vue.unref(commonOptions.getLabel)(scope.row.operator, Vue.unref(commonOptions.operators))), 1)) : (Vue.openBlock(), Vue.createBlock(_component_el_select, {
-                          key: 1,
-                          modelValue: scope.row.operator,
-                          "onUpdate:modelValue": ($event) => scope.row.operator = $event,
-                          placeholder: "",
-                          size: "small"
-                        }, {
-                          default: Vue.withCtx(() => [
-                            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(commonOptions.operators), (item) => {
-                              return Vue.openBlock(), Vue.createBlock(_component_el_option, {
-                                key: item.value,
-                                label: item.label,
-                                value: item.value
-                              }, null, 8, ["label", "value"]);
-                            }), 128))
-                          ]),
-                          _: 2
-                        }, 1032, ["modelValue", "onUpdate:modelValue"]))
-                      ]),
-                      _: 1
-                    }),
-                    Vue.createVNode(_component_el_table_column, {
-                      prop: "value",
-                      label: "值",
-                      width: "170"
-                    }, {
-                      default: Vue.withCtx((scope) => [
-                        Vue.createVNode(Vue.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
-                    }),
-                    Vue.createVNode(_component_el_table_column, {
-                      prop: "rightBracket",
-                      label: ")))"
-                    }, {
-                      default: Vue.withCtx((scope) => [
-                        !scope.row.$editing ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_3, Vue.toDisplayString(scope.row.rightBracket), 1)) : (Vue.openBlock(), Vue.createBlock(_component_el_select, {
-                          key: 1,
-                          size: "small",
-                          modelValue: scope.row.rightBracket,
-                          "onUpdate:modelValue": ($event) => scope.row.rightBracket = $event,
-                          placeholder: ""
-                        }, {
-                          default: Vue.withCtx(() => [
-                            Vue.createVNode(_component_el_option, {
-                              label: "",
-                              value: ""
-                            }),
-                            Vue.createVNode(_component_el_option, {
-                              label: ")",
-                              value: ")"
-                            }),
-                            Vue.createVNode(_component_el_option, {
-                              label: "))",
-                              value: "))"
-                            }),
-                            Vue.createVNode(_component_el_option, {
-                              label: ")))",
-                              value: ")))"
-                            })
-                          ]),
-                          _: 2
-                        }, 1032, ["modelValue", "onUpdate:modelValue"]))
-                      ]),
-                      _: 1
-                    }),
-                    Vue.createVNode(_component_el_table_column, {
-                      prop: "logicOperator",
-                      label: "连接符"
-                    }, {
-                      default: Vue.withCtx((scope) => [
-                        !scope.row.$editing ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_4, Vue.toDisplayString(Vue.unref(commonOptions.getLabel)(scope.row.logicOperator, Vue.unref(commonOptions.logicOperators))), 1)) : (Vue.openBlock(), Vue.createBlock(_component_el_select, {
-                          key: 1,
-                          modelValue: scope.row.logicOperator,
-                          "onUpdate:modelValue": ($event) => scope.row.logicOperator = $event,
-                          placeholder: "",
-                          size: "small"
-                        }, {
-                          default: Vue.withCtx(() => [
-                            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(commonOptions.logicOperators), (item) => {
-                              return Vue.openBlock(), Vue.createBlock(_component_el_option, {
-                                key: item.value,
-                                label: item.label,
-                                value: item.value
-                              }, null, 8, ["label", "value"]);
-                            }), 128))
-                          ]),
-                          _: 2
-                        }, 1032, ["modelValue", "onUpdate:modelValue"]))
-                      ]),
-                      _: 1
-                    }),
-                    Vue.createVNode(_component_el_table_column, { align: "center" }, {
-                      header: Vue.withCtx(() => [
-                        Vue.createVNode(_component_el_tooltip, {
-                          effect: "dark",
-                          content: "添加",
-                          placement: "top"
-                        }, {
-                          default: Vue.withCtx(() => [
-                            Vue.createVNode(_component_el_button, {
-                              type: "primary",
-                              size: "small",
-                              icon: Vue.unref(index.Plus),
-                              circle: "",
-                              onClick: ($event) => addRow(rule)
-                            }, null, 8, ["icon", "onClick"])
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ]),
-                      default: Vue.withCtx((scope) => [
-                        Vue.createElementVNode("span", null, [
-                          Vue.createVNode(_component_el_tooltip, {
-                            effect: "dark",
-                            content: "删除",
-                            placement: "top"
-                          }, {
-                            default: Vue.withCtx(() => [
-                              Vue.createVNode(_component_el_button, {
-                                type: "danger",
-                                size: "small",
-                                icon: Vue.unref(index.Minus),
-                                circle: "",
-                                onClick: ($event) => handleDelete(scope.$index, scope.row, rule)
-                              }, null, 8, ["icon", "onClick"])
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]),
-                  _: 2
-                }, 1032, ["data"]),
-                Vue.createVNode(_component_el_form_item, { style: { "width": "100%" } }, {
-                  label: Vue.withCtx((scope) => [
-                    Vue.createVNode(_component_el_radio, {
-                      modelValue: rule.action,
-                      "onUpdate:modelValue": ($event) => rule.action = $event,
-                      value: "abort",
-                      label: "异常中止"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                  ]),
-                  default: Vue.withCtx(() => [
-                    Vue.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),
-                Vue.createVNode(_component_el_form_item, { style: { "width": "100%" } }, {
-                  label: Vue.withCtx((scope) => [
-                    Vue.createVNode(_component_el_radio, {
-                      modelValue: rule.action,
-                      "onUpdate:modelValue": ($event) => rule.action = $event,
-                      value: "jump",
-                      label: "跳转组件"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                  ]),
-                  default: Vue.withCtx(() => [
-                    Vue.createVNode(_component_el_select, {
-                      disabled: rule.action !== "jump",
-                      modelValue: rule.jumpComponentTo,
-                      "onUpdate:modelValue": ($event) => rule.jumpComponentTo = $event,
-                      placeholder: ""
-                    }, {
-                      default: Vue.withCtx(() => [
-                        (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(canJumpNodes.value, (item) => {
-                          return Vue.openBlock(), Vue.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),
-                Vue.createVNode(_component_el_form_item, { style: { "width": "100%" } }, {
-                  default: Vue.withCtx(() => [
-                    Vue.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),
-                Vue.createVNode(_component_el_form_item, {
-                  label: "提示信息设置：",
-                  style: { "width": "100%" }
-                }, {
-                  default: Vue.withCtx(() => [
-                    Vue.createVNode(Vue.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
-                }),
-                Vue.createVNode(_component_el_form_item, {
-                  label: "信息内容：",
-                  style: { "width": "100%" }
-                }, {
-                  default: Vue.withCtx(() => [
-                    Vue.createVNode(_component_el_input, {
-                      modelValue: rule.messageContent,
-                      "onUpdate:modelValue": ($event) => rule.messageContent = $event,
-                      placeholder: ""
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                  ]),
-                  _: 2
-                }, 1024),
-                Vue.createVNode(_component_el_form_item, { label: "设置方式：" }, {
-                  default: Vue.withCtx(() => [
-                    Vue.createVNode(_component_el_select, {
-                      modelValue: rule.setMode,
-                      "onUpdate:modelValue": ($event) => rule.setMode = $event,
-                      placeholder: "",
-                      style: { "width": "30%" }
-                    }, {
-                      default: Vue.withCtx(() => [
-                        (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(setModeOptions, (item) => {
-                          return Vue.createVNode(_component_el_option, {
-                            key: item.value,
-                            label: item.label,
-                            value: item.value
-                          }, null, 8, ["label", "value"]);
-                        }), 64))
-                      ]),
-                      _: 2
-                    }, 1032, ["modelValue", "onUpdate:modelValue"]),
-                    Vue.createVNode(_component_el_form_item, {
-                      label: "分隔符：",
-                      style: { "margin-left": "20px" }
-                    }, {
-                      default: Vue.withCtx(() => [
-                        Vue.createVNode(_component_el_input, {
-                          modelValue: rule.delimiter,
-                          "onUpdate:modelValue": ($event) => rule.delimiter = $event,
-                          placeholder: ""
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]),
-                  _: 2
-                }, 1024),
-                Vue.createVNode(_component_el_divider)
-              ]);
-            }), 256))
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

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

@@ -1,52 +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: 100%; */
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #666666;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0px 0px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.nodeContent-desc[data-v-c176feb6]{
-}
-.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] {
-}