service-flow-designer 0.0.1-beta

package/dist/lib/designer/desginer-index.vue2.js

@@ -0,0 +1,115 @@
+"use strict";
+;/* empty css                                                                                                  */
+;/* empty css                                                                                                          */
+;/* empty css                                                                                                      */
+;/* empty css                                                                                                       */
+;/* empty css                                                                                                       */
+;/* empty css                                                                                                     */
+const Vue = require("vue");
+const servicePanel = require("./service-panel/service-panel.vue.js");
+const viewIndex = ;/* empty css                                  */
+require("./service-components/index.js");
+const pageStore = require("../stores/page-store.js");
+const request = require("../node_modules/.pnpm/agilebuilder-ui@1.0.11_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
+const index = require("../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/container/index.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "desginer-index",
+  props: {
+    pageContext: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const serviceTreeData = Vue.ref([]);
+    const serviceFlowStoreUtil = pageStore.useServiceFlowStore();
+    serviceFlowStoreUtil.setPageContext(props.pageContext);
+    const logicFlowInstance = Vue.ref(null);
+    const serviceFlowViewRef = Vue.ref();
+    const winHeight = Vue.ref();
+    const containerHeightStyle = Vue.computed(() => {
+      return {
+        height: winHeight.value - 60 + "px"
+      };
+    });
+    const serviceFlowContainerRef = Vue.ref();
+    Vue.onMounted(() => {
+      loadTreeData();
+      if (serviceFlowContainerRef.value) {
+        const rect = serviceFlowContainerRef.value.getBoundingClientRect();
+        if (rect.y || rect.y === 0) {
+          winHeight.value = window.innerHeight - rect.y;
+        }
+      }
+    });
+    const loadTreeData = () => {
+      request.get(
+        "/component/super-page-design/service-flow/tree/" + props.pageContext.systemCode + "/" + props.pageContext.systemVersion
+      ).then((res) => {
+        if (res) {
+          serviceTreeData.value = res.children;
+        }
+      });
+    };
+    const dragNode = (serviceComponent) => {
+      console.log("dragNode");
+      serviceFlowViewRef.value.onDragNode(serviceComponent);
+    };
+    const onServiceClick = (service) => {
+      console.log("service-click", service);
+      serviceFlowViewRef.value.onServiceClick(service);
+    };
+    const clearFlowCanvas = () => {
+      serviceFlowViewRef.value.clearFlowCanvas();
+      logicFlowInstance.value = null;
+    };
+    return (_ctx, _cache) => {
+      const _component_el_aside = index.ElAside;
+      const _component_el_main = index.ElMain;
+      const _component_el_container = index.ElContainer;
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        ref_key: "serviceFlowContainerRef",
+        ref: serviceFlowContainerRef
+      }, [
+        Vue.createVNode(_component_el_container, { class: "amb-container" }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(_component_el_aside, { class: "amb-container-left" }, {
+              default: Vue.withCtx(() => [
+                Vue.createVNode(servicePanel, {
+                  logicFlowInstance: logicFlowInstance.value,
+                  "onUpdate:logicFlowInstance": _cache[0] || (_cache[0] = ($event) => logicFlowInstance.value = $event),
+                  serviceTreeData: serviceTreeData.value,
+                  onServiceClick,
+                  onClearFlowCanvas: clearFlowCanvas,
+                  onLoadTreeData: loadTreeData,
+                  onDragNode: dragNode,
+                  style: Vue.normalizeStyle(containerHeightStyle.value)
+                }, null, 8, ["logicFlowInstance", "serviceTreeData", "style"])
+              ]),
+              _: 1
+            }),
+            Vue.createVNode(_component_el_main, {
+              class: "amb-container-main",
+              style: Vue.normalizeStyle(containerHeightStyle.value)
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createVNode(viewIndex, {
+                  logicFlowInstance: logicFlowInstance.value,
+                  "onUpdate:logicFlowInstance": _cache[1] || (_cache[1] = ($event) => logicFlowInstance.value = $event),
+                  serviceTreeData: serviceTreeData.value,
+                  onLoadTreeData: loadTreeData,
+                  ref_key: "serviceFlowViewRef",
+                  ref: serviceFlowViewRef
+                }, null, 8, ["logicFlowInstance", "serviceTreeData"])
+              ]),
+              _: 1
+            }, 8, ["style"])
+          ]),
+          _: 1
+        })
+      ], 512);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/flow/base/AbLogicNode.d.ts

@@ -0,0 +1,11 @@
+import { HtmlNode } from '@logicflow/core';
+
+/**
+ * 自定义节点基类view
+ */
+export default class AbLogicNode extends HtmlNode {
+    isMounted: boolean;
+    r: any;
+    app: any;
+    setHtml(rootEl: any): void;
+}

package/dist/lib/designer/flow/base/AbLogicNode.js

@@ -0,0 +1,54 @@
+"use strict";
+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;
+};
+const logicFlow = require("../../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/StartEvent.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/EndEvent.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/gateways/ExclusiveGateway.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/UserTask.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/ServiceTask.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/flow/SequenceFlow.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements-adapter/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/turbo-adapter/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/insert-node-in-polyline/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/control/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/menu/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/context-menu/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/dnd-panel/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/selection-select/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/mini-map/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/curved-edge/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/group/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/RectResize.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/EllipseResize.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/DiamondResize.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/HtmlResize.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/flow-path/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/auto-layout/index.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/xml2json.js");
+require("../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/highlight/index.js");
+class AbLogicNode extends logicFlow.logicFlowExports.HtmlNode {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isMounted", false);
+    __publicField(this, "r");
+    __publicField(this, "app");
+  }
+  setHtml(rootEl) {
+    if (!this.isMounted) {
+      this.isMounted = true;
+      const node = document.createElement("div");
+      rootEl.appendChild(node);
+      this.app.mount(node);
+    } else {
+      this.r.component.props.properties = this.props.model.getProperties();
+    }
+  }
+}
+module.exports = AbLogicNode;

package/dist/lib/designer/flow/base/AbLogicNodeModel.d.ts

@@ -0,0 +1,14 @@
+import { HtmlNodeModel, ConnectRule } from '@logicflow/core';
+
+/**
+ * 自定义节点基类model 主要右键删除还有节点大小
+ */
+export default class AbLogicNodeModel extends HtmlNodeModel {
+    nodeWidth: number;
+    nodeHeight: number;
+    constructor(data: any, graphModel: any);
+    setAttributes(): void;
+    getOutlineStyle(): import('@logicflow/core/types/constant/DefaultTheme').OutlineTheme;
+    initNodeData(data: any): void;
+    getConnectedSourceRules(): ConnectRule[];
+}

package/dist/lib/designer/flow/base/AbLogicNodeModel.js

@@ -0,0 +1,70 @@
+"use strict";
+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;
+};
+const logicFlow = require("../../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js");
+require("vue");
+class AbLogicNodeModel extends logicFlow.logicFlowExports.HtmlNodeModel {
+  constructor(data, graphModel) {
+    super(data, graphModel);
+    __publicField(this, "nodeWidth", 200);
+    __publicField(this, "nodeHeight", 115);
+    console.log("----constructor---AbLogicNodeModel---");
+    this.setAttributes();
+  }
+  setAttributes() {
+    this.width = this.nodeWidth;
+    this.height = this.nodeHeight;
+    this.text.editable = false;
+    this.inputData = this.text.value;
+    this.stroke = "#1E90FF";
+    this.fill = "#F0F8FF";
+    this.radius = 100;
+    this.menu = [
+      {
+        className: "lf-menu-delete",
+        icon: true,
+        text: "删除",
+        callback: (node) => {
+          this.graphModel.deleteNode(node.id);
+          this.graphModel.eventCenter.emit("custom:deleteNode", node);
+        }
+      }
+    ];
+  }
+  getOutlineStyle() {
+    const style = super.getOutlineStyle();
+    style.width = this.nodeWidth;
+    style.height = this.nodeHeight;
+    return style;
+  }
+  initNodeData(data) {
+    super.initNodeData(data);
+  }
+  getConnectedSourceRules() {
+    const rules = super.getConnectedSourceRules();
+    const excludes = ["judgeCondition", "end"];
+    const geteWayOnlyAsTarget = {
+      message: "条件判断才能作为source有多条边连线！",
+      validate: (source, target, sourceAnchor, targetAnchor) => {
+        if (!source) {
+          return false;
+        }
+        let isValid = true;
+        if (excludes.indexOf(source.type) === -1) {
+          const n = source.graphModel.getNodeOutgoingEdge(source.id);
+          if (n.length > 0) {
+            isValid = false;
+          }
+        }
+        return isValid;
+      }
+    };
+    rules.push(geteWayOnlyAsTarget);
+    return rules;
+  }
+}
+module.exports = AbLogicNodeModel;

package/dist/lib/designer/flow/base/AbLogicResizeNode.d.ts

@@ -0,0 +1,11 @@
+import { HtmlResize } from '@logicflow/extension';
+
+/**
+ * 节点放大缩小， 暂时没研究， 需要自己控制自定义节点放大缩小比例
+ */
+export default class AbLogicResizeNode extends HtmlResize.view {
+    isMounted: boolean;
+    r: any;
+    app: any;
+    setHtml(rootEl: any): void;
+}

package/dist/lib/designer/flow/base/AbLogicResizeNodeModel.d.ts

@@ -0,0 +1,9 @@
+import { HtmlResize } from '@logicflow/extension';
+
+export default class AbLogicResizeNodeModel extends HtmlResize.model {
+    nodeWidth: number;
+    nodeHeight: number;
+    constructor(data: any, graphModel: any);
+    setAttributes(): void;
+    getOutlineStyle(): import('@logicflow/core/types/constant/DefaultTheme').OutlineTheme;
+}

package/dist/lib/designer/flow/base/index.d.ts

@@ -0,0 +1,6 @@
+import { default as AbLogicNode } from './AbLogicNode';
+import { default as AbLogicNodeModel } from './AbLogicNodeModel';
+import { default as AbLogicResizeNodeModel } from './AbLogicResizeNodeModel';
+import { default as AbLogicResizeNode } from './AbLogicResizeNode';
+
+export { AbLogicNode, AbLogicNodeModel, AbLogicResizeNode, AbLogicResizeNodeModel };

package/dist/lib/designer/flow/edge/CustomLine.d.ts

@@ -0,0 +1,25 @@
+import { PolylineEdge, PolylineEdgeModel } from '@logicflow/core';
+
+declare class CustomLine extends PolylineEdge {
+}
+/**
+ * 自定义线条model
+ */
+declare class CustomLineModel extends PolylineEdgeModel {
+    getEdgeStyle(): {
+        [x: string]: any;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+    getTextPosition(): {
+        x: number;
+        y: number;
+    };
+}
+declare const _default: {
+    type: string;
+    view: typeof CustomLine;
+    model: typeof CustomLineModel;
+};
+export default _default;

package/dist/lib/designer/flow/edge/CustomLine.js

@@ -0,0 +1,48 @@
+"use strict";
+const logicFlow = require("../../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js");
+class CustomLine extends logicFlow.logicFlowExports.PolylineEdge {
+}
+class CustomLineModel extends logicFlow.logicFlowExports.PolylineEdgeModel {
+  getEdgeStyle() {
+    const style = super.getEdgeStyle();
+    style.strokeWidth = 2;
+    style.stroke = this.isSelected ? "#ff7f0e" : "#C8CDD4";
+    return style;
+  }
+  getTextPosition() {
+    const position = super.getTextPosition();
+    const currentPositionList = this.points.split(" ");
+    currentPositionList && currentPositionList.forEach((item) => {
+      item.split(",");
+    });
+    if (currentPositionList.length > 1) {
+      let [x1, y1] = currentPositionList[0].split(",");
+      let [x2, y2] = currentPositionList[1].split(",");
+      let distence = 50;
+      const newX1 = Number(x1);
+      const newY1 = Number(y1);
+      const newx2 = Number(x2);
+      const newy2 = Number(y2);
+      if (newX1 === newx2) {
+        if (newy2 < newY1) {
+          distence = -50;
+        }
+        position.y = newY1 + distence;
+        position.x = newX1;
+      } else {
+        if (newx2 < newX1) {
+          distence = -50;
+        }
+        position.x = newX1 + distence;
+        position.y = newY1 - 10;
+      }
+    }
+    return position;
+  }
+}
+const CustomLine$1 = {
+  type: "customLine",
+  view: CustomLine,
+  model: CustomLineModel
+};
+module.exports = CustomLine$1;

package/dist/lib/designer/service-components/base/custom-function/config.css

@@ -0,0 +1,13 @@
+
+.editorTool[data-v-d55ab098] {
+  margin-left: auto;
+}
+.editorOption[data-v-d55ab098] {
+  margin-right: 10px;
+  cursor: pointer;
+}
+.pppp[data-v-d55ab098] {
+  display: flex; /* 使用Flex布局 */
+  justify-content: flex-start;
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}

package/dist/lib/designer/service-components/base/custom-function/config.vue.d.ts

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

package/dist/lib/designer/service-components/base/custom-function/config.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const config_vue_vue_type_script_setup_true_lang = require("./config.vue2.js");
+;/* empty css             */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const config = /* @__PURE__ */ _pluginVue_exportHelper(config_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-d55ab098"]]);
+module.exports = config;