service-flow-designer 0.0.1-beta

package/dist/es/designer/service-components/database/regular-query/index.css

@@ -0,0 +1,50 @@
+.nodeView[data-v-4c6dfa4a] {
+  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-4c6dfa4a] {
+  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-4c6dfa4a] {
+  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-4c6dfa4a] {
+  margin: 12px 0;
+}
+.nodeView[data-v-4c6dfa4a] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
+}
+.nodeContent[data-v-4c6dfa4a] {
+}

package/dist/es/designer/service-components/database/regular-query/index.d.ts

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

package/dist/es/designer/service-components/database/regular-query/index.js

@@ -0,0 +1,75 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import AbLogicNode from "../../../flow/base/AbLogicNode.js";
+import AbLogicNodeModel from "../../../flow/base/AbLogicNodeModel.js";
+import "../../../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js";
+import { h, createApp } from "vue";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/StartEvent.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/EndEvent.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/gateways/ExclusiveGateway.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/UserTask.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/ServiceTask.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/flow/SequenceFlow.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements-adapter/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/turbo-adapter/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/insert-node-in-polyline/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/control/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/menu/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/context-menu/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/dnd-panel/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/selection-select/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/mini-map/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/curved-edge/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/group/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/RectResize.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/EllipseResize.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/DiamondResize.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/HtmlResize.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/flow-path/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/auto-layout/index.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/xml2json.js";
+import "../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/highlight/index.js";
+import RegularQuery from "./index.vue.js";
+class RegularQueryNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    __publicField(this, "customP1");
+    this.isMounted = false;
+    this.r = h(RegularQuery, {
+      text: props.model.inputData,
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = createApp({
+      render: () => this.r
+    });
+  }
+  getResizeShape() {
+  }
+}
+class RegularQueryNodeModel extends AbLogicNodeModel {
+}
+const regularQuery = {
+  type: "regularQuery",
+  view: RegularQueryNode,
+  model: RegularQueryNodeModel,
+  options: {}
+};
+export {
+  regularQuery as default
+};

package/dist/es/designer/service-components/database/regular-query/index.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import('vue').DefineComponent<{
+    graphModel: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    graphModel: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onBtnClick?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+    graphModel: Record<string, any>;
+    model: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/service-components/database/regular-query/index.vue.js

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

package/dist/es/designer/service-components/database/regular-query/index.vue2.js

@@ -0,0 +1,90 @@
+/* empty css                                                                                                          */
+/* empty css                                                                                                                */
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, createVNode, Fragment, renderList, pushScopeId, popScopeId } from "vue";
+import _imports_0 from "../../../../assets/icon/vardef-v.png.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";
+const _withScopeId = (n) => (pushScopeId("data-v-4c6dfa4a"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = { class: "nodeTitle" };
+const _hoisted_3 = { class: "nodeContent" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    graphModel: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    model: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const varDef = ref([]);
+    const canJumpNodes = ref([]);
+    onMounted(() => {
+      const graphData = props.graphModel.modelToGraphData();
+      graphData.nodes.forEach((item, index) => {
+        canJumpNodes.value.push({ id: item.id, name: item.properties.name });
+      });
+      canJumpNodes.value.push({ id: "end", name: "结束" });
+      if (props.properties) {
+        if (props.properties.rules && props.properties.rules.length > 0) {
+          props.properties.rules.forEach((item, index) => {
+            varDef.value.push(item.name + "->" + getNodeNameById(item.to));
+          });
+        }
+      }
+    });
+    function getNodeNameById(to) {
+      if (to === "end") {
+        return "结束";
+      }
+      for (let i = 0; i < canJumpNodes.value.length; i++) {
+        if (canJumpNodes.value[i].id == to) {
+          return canJumpNodes.value[i].name;
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_divider = ElDivider;
+      return openBlock(), createElementBlock("div", null, [
+        _hoisted_1,
+        createElementVNode("div", {
+          class: "nodeView",
+          style: normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          createElementVNode("div", _hoisted_2, toDisplayString(__props.properties.name ? __props.properties.name : "条件判断"), 1),
+          createVNode(_component_el_divider),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(varDef.value, (item) => {
+              return openBlock(), createElementBlock("div", null, [
+                createElementVNode("span", null, toDisplayString(item), 1),
+                _hoisted_4
+              ]);
+            }), 256))
+          ])
+        ], 4)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,19 @@
+export interface NodeType<T extends any> {
+    type: string;
+    label: string;
+    nodeAndView: T | undefined;
+    configComponent: T | undefined;
+    icon: string | undefined;
+    [otherProp: string]: any;
+}
+type NodeGroup = {
+    name: string;
+    label: string;
+    items: NodeType<any>[];
+    icon: string;
+};
+export declare const initNodes: NodeType<any>[];
+export declare const serviceComponentGroups: NodeGroup[];
+export declare function getServiceNodeByType(type: string): NodeType<any>;
+export declare function getConfigByType(type: string): NodeType<any>;
+export {};

package/dist/es/designer/service-components/index.js

@@ -0,0 +1,229 @@
+import startNode from "./base/start-node/index.js";
+import endNode from "./base/end-node/index.js";
+import loopNode from "./base/loop-node/index.js";
+import customFunction from "./base/custom-function/index.js";
+import judgeCondition from "./base/judge-condition/index.js";
+import regularQuery from "./database/regular-query/index.js";
+import aggregateQuery from "./database/aggregate-query/index.js";
+import dynamicSql from "./database/dynamic-sql/index.js";
+import notification from "./base/notification/index.js";
+import connect from "./computation/connect/index.js";
+import splitJoint from "./computation/split-joint/index.js";
+import computationClean from "./computation/clean/index.js";
+import statistics from "./computation/statistics/index.js";
+import computationSort from "./computation/sort/index.js";
+import httpService from "./service/http-service/index.js";
+import customBean from "./service/custom-bean/index.js";
+import { defineAsyncComponent } from "vue";
+const initNodes = [
+  {
+    type: "start",
+    label: "开始",
+    nodeAndView: startNode,
+    configComponent: null,
+    icon: void 0
+  }
+];
+const serviceComponentGroups = [
+  {
+    name: "base",
+    label: "基本",
+    icon: "../../assets/icon/base.png",
+    items: [
+      {
+        type: "judgeCondition",
+        label: "条件判断",
+        icon: "../../assets/icon/condition.png",
+        nodeAndView: judgeCondition,
+        drawerWidth: "60%",
+        configComponent: defineAsyncComponent(() => {
+          return import("./base/judge-condition/config.vue.js");
+        })
+      },
+      {
+        type: "loop",
+        label: "循环",
+        icon: "../../assets/icon/loop.svg",
+        nodeAndView: loopNode,
+        drawerWidth: "30%",
+        configComponent: defineAsyncComponent(() => {
+          return import("./base/loop-node/config.vue.js");
+        })
+      },
+      {
+        type: "customFunction",
+        label: "自定义函数",
+        icon: "../../assets/icon/function.png",
+        nodeAndView: customFunction,
+        configComponent: defineAsyncComponent(() => {
+          return import("./base/custom-function/config.vue.js");
+        })
+      },
+      {
+        type: "end",
+        label: "结束",
+        icon: "../../assets/icon/end.png",
+        nodeAndView: endNode,
+        configComponent: null
+      }
+    ]
+  },
+  {
+    name: "database",
+    label: "数据库",
+    icon: "../../assets/icon/base.png",
+    items: [
+      {
+        type: "regularQuery",
+        label: "普通查询",
+        icon: "../../assets/icon/regularQuery.svg",
+        nodeAndView: regularQuery,
+        configComponent: defineAsyncComponent(() => {
+          return import("./database/regular-query/config.vue.js");
+        })
+      },
+      {
+        type: "aggregateQuery",
+        label: "汇总查询",
+        drawerWidth: "60%",
+        icon: "../../assets/icon/aggregateQuery.svg",
+        nodeAndView: aggregateQuery,
+        configComponent: defineAsyncComponent(() => {
+          return import("./database/aggregate-query/config.vue.js");
+        })
+      },
+      {
+        type: "dynamicSql",
+        label: "动态SQL",
+        drawerWidth: "60%",
+        icon: "../../assets/icon/dynamicSql.svg",
+        nodeAndView: dynamicSql,
+        configComponent: defineAsyncComponent(() => {
+          return import("./database/dynamic-sql/config.vue.js");
+        })
+      }
+    ]
+  },
+  {
+    name: "computation",
+    label: "计算",
+    icon: "../../assets/icon/base.png",
+    items: [
+      {
+        type: "connect",
+        label: "连接",
+        icon: "../../assets/icon/connect.svg",
+        nodeAndView: connect,
+        configComponent: defineAsyncComponent(() => {
+          return import("./computation/connect/config.vue.js");
+        })
+      },
+      {
+        type: "splitJoint",
+        label: "拼接",
+        icon: "../../assets/icon/split-joint.svg",
+        nodeAndView: splitJoint,
+        drawerWidth: "50%",
+        configComponent: defineAsyncComponent(() => {
+          return import("./computation/split-joint/config.vue.js");
+        })
+      },
+      {
+        type: "computationClean",
+        label: "清理",
+        icon: "../../assets/icon/clean.svg",
+        nodeAndView: computationClean,
+        drawerWidth: "60%",
+        configComponent: defineAsyncComponent(() => {
+          return import("./computation/clean/config.vue.js");
+        })
+      },
+      {
+        type: "statistics",
+        label: "统计",
+        icon: "../../assets/icon/statistics.svg",
+        nodeAndView: statistics,
+        drawerWidth: "50%",
+        configComponent: defineAsyncComponent(() => {
+          return import("./computation/statistics/config.vue.js");
+        })
+      },
+      {
+        type: "computationSort",
+        label: "排序",
+        icon: "../../assets/icon/sort.svg",
+        nodeAndView: computationSort,
+        drawerWidth: "50%",
+        configComponent: defineAsyncComponent(() => {
+          return import("./computation/sort/config.vue.js");
+        })
+      }
+    ]
+  },
+  {
+    name: "notification",
+    label: "通知",
+    icon: "../../assets/icon/base.png",
+    items: [
+      {
+        type: "notification",
+        label: "通知",
+        drawerWidth: "50%",
+        icon: "../../assets/icon/notification.svg",
+        nodeAndView: notification,
+        configComponent: defineAsyncComponent(() => {
+          return import("./base/notification/config.vue.js");
+        })
+      }
+    ]
+  },
+  {
+    name: "service",
+    label: "服务",
+    icon: "../../assets/icon/base.png",
+    items: [
+      {
+        type: "httpService",
+        label: "http服务",
+        drawerWidth: "60%",
+        icon: "../../assets/icon/http-service.svg",
+        nodeAndView: httpService,
+        configComponent: defineAsyncComponent(() => {
+          return import("./service/http-service/config.vue.js");
+        })
+      },
+      {
+        type: "customBean",
+        label: "自定义bean",
+        drawerWidth: "50%",
+        icon: "../../assets/icon/http-service.svg",
+        nodeAndView: customBean,
+        configComponent: defineAsyncComponent(() => {
+          return import("./service/custom-bean/config.vue.js");
+        })
+      }
+    ]
+  }
+];
+function getServiceNodeByType(type) {
+  for (let group of serviceComponentGroups) {
+    let match = group.items.find((item) => item.type === type);
+    if (match) {
+      return match;
+    }
+  }
+}
+function getConfigByType(type) {
+  for (let group of serviceComponentGroups) {
+    let match = group.items.find((item) => item.type === type);
+    if (match) {
+      return match;
+    }
+  }
+}
+export {
+  getConfigByType,
+  getServiceNodeByType,
+  initNodes,
+  serviceComponentGroups
+};

package/dist/es/designer/service-components/service/common/cookie-data.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: unknown[];
+}, {}>;
+export default _default;