service-flow-designer 0.0.1-beta

package/dist/es/designer/service-components/computation/connect/config.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    service: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    service: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    properties: Record<string, any>;
+    service: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/computation/connect/config.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./config.vue2.js";
+/* empty css            */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32875028"]]);
+export {
+  config as default
+};

package/dist/es/designer/service-components/computation/connect/config.vue2.js

@@ -0,0 +1,535 @@
+/* empty css                                                                                                          */
+/* empty css                                                                                                             */
+/* empty css                                                                                                              */
+/* empty css                                                                                                              */
+/* empty css                                                                                                                 */
+import "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-tooltip.css.js";
+/* empty css                                                                                                               */
+/* empty css                                                                                                                  */
+/* empty css                                                                                                                     */
+/* empty css                                                                                                            */
+/* empty css                                                                                                              */
+/* empty css                                                                                                               */
+/* empty css                                                                                                                    */
+/* empty css                                                                                                              */
+import "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-form-item.css.js";
+/* empty css                                                                                                               */
+/* empty css                                                                                                                     */
+/* empty css                                                                                                               */
+/* empty css                                                                                                                */
+import { defineComponent, ref, openBlock, createBlock, withCtx, createVNode, createElementBlock, Fragment, renderList, createTextVNode, createElementVNode, unref, toDisplayString } from "vue";
+import { Plus as plus_default, Minus as minus_default } from "../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.21/node_modules/@element-plus/icons-vue/dist/index.js";
+import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
+import ValueSetInput from "../../../common/components/value-set-input/value-set-input.vue.js";
+import { ElDivider } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/divider/index.js";
+import { ElOption, ElSelect } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/select/index.js";
+import { ElFormItem, ElForm } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/form/index.js";
+import { ElRadio, ElRadioGroup } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/radio/index.js";
+import { ElButton } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/button/index.js";
+import { ElAlert } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/alert/index.js";
+import { ElTableColumn, ElTable } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/table/index.js";
+import { ElTooltip } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tooltip/index.js";
+import { ElInput } from "../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/input/index.js";
+const _hoisted_1 = { style: { "position": "absolute", "right": "10px" } };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    service: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const dataSources = ref([]);
+    const leftDataSources = ref([]);
+    const rightDataSources = ref([]);
+    const lefValueRef = ref();
+    if (props.service.variables) {
+      props.service.variables.forEach((item) => {
+        if (item.type === "array" && item.items[0] && item.items[0].type === "object") {
+          dataSources.value.push(item);
+        }
+      });
+    }
+    const connectModes = [
+      { label: "内连接", value: "inner" },
+      { label: "左连接", value: "left" },
+      { label: "右连接", value: "right" }
+    ];
+    const addConnectCondition = () => {
+      if (!props.properties.connectConditions) {
+        props.properties.connectConditions = [];
+      }
+      props.properties.connectConditions.push({
+        $editing: true,
+        leftColumn: "",
+        leftFixed: "",
+        rightColumn: "",
+        rightFixed: ""
+      });
+    };
+    const deleteConnectCondition = (index, row) => {
+      props.properties.connectConditions.splice(index, 1);
+    };
+    const addOutPutField = () => {
+      if (!props.properties.outputFields) {
+        props.properties.outputFields = [];
+      }
+      props.properties.outputFields.push({
+        $editing: true,
+        source: "left"
+      });
+    };
+    const deleteOutPutField = (index, row) => {
+      props.properties.outputFields.splice(index, 1);
+    };
+    const dataSouceChange = (value, type) => {
+      const temp = props.service.variables.findIndex((item) => item.name === value);
+      if (type === "left") {
+        if (temp !== -1) {
+          console.log(lefValueRef.value, "lefValueRef");
+          leftDataSources.value = [];
+          props.service.variables[temp].items[0].items.forEach((element) => {
+            leftDataSources.value.push({
+              value: element.name,
+              label: element.alias,
+              type: element.type
+            });
+          });
+          lefValueRef.value.setSelectOptions();
+        }
+      } else {
+        if (temp !== -1) {
+          rightDataSources.value = [];
+          props.service.variables[temp].items[0].items.forEach((element) => {
+            rightDataSources.value.push({
+              value: element.name,
+              label: element.alias,
+              type: element.type
+            });
+          });
+        }
+      }
+    };
+    const addAllConnnect = (type) => {
+      if (!props.properties.connectConditions) {
+        props.properties.connectConditions = [];
+      }
+      if (type === "left") {
+        leftDataSources.value.forEach((item) => {
+          props.properties.connectConditions.push({
+            $editing: true,
+            leftField: item.name,
+            rightField: ""
+          });
+        });
+      } else {
+        rightDataSources.value.forEach((item) => {
+          props.properties.connectConditions.push({
+            $editing: true,
+            leftField: "",
+            rightField: item.name
+          });
+        });
+      }
+    };
+    const clearConditions = () => {
+      props.properties.connectConditions = [];
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_divider = ElDivider;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_radio = ElRadio;
+      const _component_el_radio_group = ElRadioGroup;
+      const _component_el_button = ElButton;
+      const _component_el_alert = ElAlert;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_tooltip = ElTooltip;
+      const _component_el_table = ElTable;
+      const _component_el_input = ElInput;
+      const _component_el_form = ElForm;
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "auto",
+        "label-position": "left"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, { properties: __props.properties }, null, 8, ["properties"]),
+          createVNode(_component_el_divider),
+          createVNode(_component_el_form_item, { label: "左边数据源：" }, {
+            default: withCtx(() => [
+              createVNode(_component_el_select, {
+                onChange: _cache[0] || (_cache[0] = ($event) => dataSouceChange($event, "left")),
+                modelValue: __props.properties.leftDataSource,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties.leftDataSource = $event),
+                "value-key": "name"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(dataSources.value, (item) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.code,
+                      label: item.name,
+                      value: item.name
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_form_item, { label: "右边数据源：" }, {
+            default: withCtx(() => [
+              createVNode(_component_el_select, {
+                onChange: _cache[2] || (_cache[2] = ($event) => dataSouceChange($event, "right")),
+                modelValue: __props.properties.rightDataSource,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.properties.rightDataSource = $event),
+                "value-key": "name"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(dataSources.value, (item) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.code,
+                      label: item.name,
+                      value: item.name
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_form_item, { label: "连接方式：" }, {
+            default: withCtx(() => [
+              createVNode(_component_el_radio_group, {
+                modelValue: __props.properties.connectMode,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.properties.connectMode = $event)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(connectModes, (item) => {
+                    return createVNode(_component_el_radio, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 64))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_alert, {
+            type: "info",
+            size: "small",
+            closable: false
+          }, {
+            title: withCtx(() => [
+              createTextVNode(" 连接条件 "),
+              createElementVNode("span", _hoisted_1, [
+                createVNode(_component_el_button, {
+                  size: "small",
+                  type: "primary",
+                  onClick: _cache[5] || (_cache[5] = ($event) => addAllConnnect("left"))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("全部左表")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_button, {
+                  size: "small",
+                  type: "primary",
+                  onClick: _cache[6] || (_cache[6] = ($event) => addAllConnnect("right"))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("全部右表")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_button, {
+                  size: "small",
+                  type: "danger",
+                  onClick: clearConditions
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("清空")
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table, {
+            border: "",
+            data: __props.properties.connectConditions,
+            style: { "width": "100%" },
+            size: "small"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_table_column, {
+                type: "index",
+                width: "50",
+                label: "序",
+                align: "center"
+              }),
+              createVNode(_component_el_table_column, {
+                label: "左表",
+                align: "center"
+              }, {
+                default: withCtx((scope) => [
+                  createVNode(unref(ValueSetInput), {
+                    ref_key: "lefValueRef",
+                    ref: lefValueRef,
+                    showLabel: !scope.row.$editing,
+                    size: "small",
+                    paramTypes: ["data", "fixed"],
+                    customOptions: { data: leftDataSources.value },
+                    modelValue: scope.row.leftField,
+                    "onUpdate:modelValue": ($event) => scope.row.leftField = $event
+                  }, null, 8, ["showLabel", "customOptions", "modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, {
+                label: "右表",
+                align: "center"
+              }, {
+                default: withCtx((scope) => [
+                  createVNode(unref(ValueSetInput), {
+                    showLabel: !scope.row.$editing,
+                    size: "small",
+                    paramTypes: ["data", "fixed"],
+                    customOptions: { data: rightDataSources.value },
+                    modelValue: scope.row.rightField,
+                    "onUpdate:modelValue": ($event) => scope.row.rightField = $event
+                  }, null, 8, ["showLabel", "customOptions", "modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, { align: "right" }, {
+                header: withCtx(() => [
+                  createVNode(_component_el_tooltip, {
+                    effect: "dark",
+                    content: "添加",
+                    placement: "top"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_button, {
+                        type: "primary",
+                        size: "small",
+                        icon: unref(plus_default),
+                        circle: "",
+                        onClick: _cache[7] || (_cache[7] = ($event) => addConnectCondition())
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: withCtx((scope) => [
+                  createElementVNode("span", null, [
+                    createVNode(_component_el_button, {
+                      type: "danger",
+                      size: "small",
+                      icon: unref(minus_default),
+                      circle: "",
+                      onClick: ($event) => deleteConnectCondition(scope.$index, scope.row)
+                    }, null, 8, ["icon", "onClick"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["data"]),
+          createVNode(_component_el_alert, {
+            title: "输出字段",
+            type: "info",
+            size: "small",
+            closable: false
+          }),
+          createVNode(_component_el_table, {
+            border: "",
+            "header-row-style": { background: "#0000CD" },
+            data: __props.properties.outputFields,
+            style: { "width": "100%" },
+            size: "small"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_table_column, {
+                type: "index",
+                width: "50",
+                label: "序",
+                align: "center"
+              }),
+              createVNode(_component_el_table_column, {
+                prop: "source",
+                label: "来源",
+                align: "center"
+              }, {
+                default: withCtx((scope) => [
+                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(scope.row.source), 1)) : (openBlock(), createBlock(_component_el_select, {
+                    key: 1,
+                    size: "small",
+                    modelValue: scope.row.source,
+                    "onUpdate:modelValue": ($event) => scope.row.source = $event,
+                    placeholder: ""
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_option, {
+                        label: "左表",
+                        value: "left"
+                      }),
+                      createVNode(_component_el_option, {
+                        label: "右表",
+                        value: "right"
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, {
+                prop: "field",
+                label: "原字段名",
+                align: "center"
+              }, {
+                default: withCtx((scope) => [
+                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(scope.row.field), 1)) : (openBlock(), createBlock(_component_el_select, {
+                    key: 1,
+                    modelValue: scope.row.field,
+                    "onUpdate:modelValue": ($event) => scope.row.field = $event,
+                    "value-key": "name",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      scope.row.source === "left" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(leftDataSources.value, (item) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: item.name,
+                          label: item.alias,
+                          value: item.name
+                        }, null, 8, ["label", "value"]);
+                      }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(rightDataSources.value, (item) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          label: item.alias,
+                          value: item.name
+                        }, null, 8, ["label", "value"]);
+                      }), 256))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, {
+                prop: "rename",
+                label: "新字段名",
+                align: "center"
+              }, {
+                default: withCtx((scope) => [
+                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(scope.row.rename), 1)) : (openBlock(), createBlock(_component_el_input, {
+                    key: 1,
+                    modelValue: scope.row.rename,
+                    "onUpdate:modelValue": ($event) => scope.row.rename = $event,
+                    placeholder: "",
+                    size: "small"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, {
+                prop: "fixedValue",
+                label: "固定值",
+                align: "center"
+              }, {
+                default: withCtx((scope) => [
+                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(scope.row.fixedValue), 1)) : (openBlock(), createBlock(_component_el_input, {
+                    key: 1,
+                    modelValue: scope.row.fixedValue,
+                    "onUpdate:modelValue": ($event) => scope.row.fixedValue = $event,
+                    placeholder: "",
+                    size: "small"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_table_column, { align: "right" }, {
+                header: withCtx(() => [
+                  createVNode(_component_el_tooltip, {
+                    effect: "dark",
+                    content: "添加",
+                    placement: "top"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_button, {
+                        type: "primary",
+                        size: "small",
+                        icon: unref(plus_default),
+                        circle: "",
+                        onClick: _cache[8] || (_cache[8] = ($event) => addOutPutField())
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: withCtx((scope) => [
+                  createElementVNode("span", null, [
+                    createVNode(_component_el_button, {
+                      type: "danger",
+                      size: "small",
+                      icon: unref(minus_default),
+                      circle: "",
+                      onClick: ($event) => deleteOutPutField(scope.$index, scope.row)
+                    }, null, 8, ["icon", "onClick"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["data"]),
+          createVNode(_component_el_alert, {
+            title: "结果设置",
+            type: "info",
+            size: "small",
+            closable: false
+          }),
+          createVNode(_component_el_form_item, { label: "设置到：" }, {
+            default: withCtx(() => [
+              createVNode(unref(ValueSetInput), {
+                inputSize: "default",
+                paramTypes: ["service"],
+                size: "small",
+                modelValue: __props.properties.resultSet,
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.properties.resultSet = $event)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/designer/service-components/computation/connect/index.css

@@ -0,0 +1,49 @@
+.nodeView[data-v-9fff2753] {
+  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-9fff2753] {
+  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-9fff2753] {
+  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-9fff2753] {
+  margin: 12px 0;
+}
+.nodeView[data-v-9fff2753] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-9fff2753] {
+  width: 80px;
+}

package/dist/es/designer/service-components/computation/connect/index.d.ts

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