service-flow-designer 2.1.59 → 2.1.96

package/dist/es/designer/common/util/node-util.js

@@ -1,56 +1,46 @@
-function getNextNodeById(node, flowData) {
-  const edges = flowData.edges.filter((item) => item.sourceNodeId === node.id);
-  const result = [];
-  if (edges) {
-    for (let i = 0; i < edges.length; i++) {
-      result.push(flowData.nodes.find((item) => item.id === edges[i].targetNodeId));
-    }
-  }
-  return result;
+function e(e2, r2) {
+  const t2 = r2.edges.filter((r3) => r3.sourceNodeId === e2.id), n = [];
+  if (t2)
+    for (let e3 = 0; e3 < t2.length; e3++)
+      n.push(r2.nodes.find((r3) => r3.id === t2[e3].targetNodeId));
+  return n;
 }
-function isDeepEqual(tempData, flowData) {
-  if (typeof tempData !== "object" || typeof flowData !== "object") {
-    return tempData === flowData;
-  }
-  if (tempData === void 0 || tempData === null || flowData === void 0 || flowData === null) {
-    return tempData === flowData;
-  }
-  if (Array.isArray(tempData) && Array.isArray(flowData)) {
-    if (tempData.length !== flowData.length)
+function r(e2, t2) {
+  if ("object" != typeof e2 || "object" != typeof t2)
+    return e2 === t2;
+  if (null == e2 || null == t2)
+    return e2 === t2;
+  if (Array.isArray(e2) && Array.isArray(t2)) {
+    if (e2.length !== t2.length)
       return false;
-    for (let i = 0; i < tempData.length; i++) {
-      if (!isDeepEqual(tempData[i], flowData[i]))
+    for (let n = 0; n < e2.length; n++)
+      if (!r(e2[n], t2[n]))
         return false;
-    }
     return true;
-  } else {
-    const keys1 = Object.keys(tempData);
-    const keys2 = Object.keys(flowData);
-    if (keys1.length !== keys2.length) {
+  }
+  {
+    const n = Object.keys(e2), i = Object.keys(t2);
+    if (n.length !== i.length)
       return false;
-    }
-    for (let key of keys1) {
-      if (!keys2.includes(key) || !isDeepEqual(tempData[key], flowData[key])) {
+    for (let f of n)
+      if (!i.includes(f) || !r(e2[f], t2[f]))
         return false;
-      }
-    }
     return true;
   }
 }
-function findServcieByCode(code, datas) {
-  for (let i = 0; i < datas.length; i++) {
-    if (datas[i].code === code) {
-      return datas[i];
-    } else if (datas[i].children && datas[i].children.length > 0) {
-      const result = findServcieByCode(code, datas[i].children);
-      if (result) {
-        return result;
-      }
+function t(e2, r2) {
+  for (let n = 0; n < r2.length; n++) {
+    if (r2[n].code === e2)
+      return r2[n];
+    if (r2[n].children && r2[n].children.length > 0) {
+      const i = t(e2, r2[n].children);
+      if (i)
+        return i;
     }
   }
 }
 export {
-  findServcieByCode,
-  getNextNodeById,
-  isDeepEqual
+  t as findServcieByCode,
+  e as getNextNodeById,
+  r as isDeepEqual
 };

package/dist/es/designer/desginer-index.vue.js

@@ -1,7 +1,7 @@
-import _sfc_main from "./desginer-index.vue2.js";
+import e from "./desginer-index.vue2.js";
 import "./desginer-index.vue3.js";
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ServiceFlowDesginer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7117ba9e"]]);
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const i = r(e, [["__scopeId", "data-v-7117ba9e"]]);
 export {
-  ServiceFlowDesginer as default
+  i as default
 };

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

@@ -1,115 +1,40 @@
-import { ElAside, ElMain, ElContainer } from "element-plus/es";
+import { ElAside as e, ElMain as t, ElContainer as o } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/container/style/css";
 import "element-plus/es/components/main/style/css";
 import "element-plus/es/components/aside/style/css";
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, createVNode, withCtx, normalizeStyle } from "vue";
-import ServicePanel from "./service-panel/service-panel.vue.js";
-import ServiceFlowView from "./service-flow-view/view-index.vue.js";
+import { defineComponent as n, ref as s, computed as l, onMounted as a, openBlock as r, createElementBlock as i, createVNode as c, withCtx as p, normalizeStyle as u } from "vue";
+import v from "./service-panel/service-panel.vue.js";
+import m from "./service-flow-view/view-index.vue.js";
 import "./service-components/index.js";
-import { useServiceFlowStore } from "../stores/page-store.js";
-import http from "agilebuilder-ui/src/utils/request";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "desginer-index",
-  props: {
-    pageContext: {
-      type: Object,
-      default: () => ({})
+import { useServiceFlowStore as g } from "../stores/page-store.js";
+import d from "agilebuilder-ui/src/utils/request";
+const f = n({ __name: "desginer-index", props: { pageContext: { type: Object, default: () => ({}) } }, setup(n2) {
+  const f2 = n2, w = s([]);
+  g().setPageContext(f2.pageContext);
+  const y = s(null), C = s(), x = s(), F = l(() => ({ height: x.value - 60 + "px" })), D = s();
+  a(() => {
+    if (I(), D.value) {
+      const e2 = D.value.getBoundingClientRect();
+      (e2.y || 0 === e2.y) && (x.value = window.innerHeight - e2.y);
     }
-  },
-  setup(__props) {
-    const props = __props;
-    const serviceTreeData = ref([]);
-    const serviceFlowStoreUtil = useServiceFlowStore();
-    serviceFlowStoreUtil.setPageContext(props.pageContext);
-    const logicFlowInstance = ref(null);
-    const serviceFlowViewRef = ref();
-    const winHeight = ref();
-    const containerHeightStyle = computed(() => {
-      return {
-        height: winHeight.value - 60 + "px"
-      };
+  });
+  const I = () => {
+    d.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/tree/" + f2.pageContext.systemCode + "/" + f2.pageContext.systemVersion).then((e2) => {
+      e2 && (w.value = e2.children);
     });
-    const serviceFlowContainerRef = ref();
-    onMounted(() => {
-      loadTreeData();
-      if (serviceFlowContainerRef.value) {
-        const rect = serviceFlowContainerRef.value.getBoundingClientRect();
-        if (rect.y || rect.y === 0) {
-          winHeight.value = window.innerHeight - rect.y;
-        }
-      }
-    });
-    const loadTreeData = () => {
-      http.get(
-        window["$vueApp"].config.globalProperties.baseAPI + "/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 = ElAside;
-      const _component_el_main = ElMain;
-      const _component_el_container = ElContainer;
-      return openBlock(), createElementBlock("div", {
-        ref_key: "serviceFlowContainerRef",
-        ref: serviceFlowContainerRef
-      }, [
-        createVNode(_component_el_container, { class: "amb-container" }, {
-          default: withCtx(() => [
-            createVNode(_component_el_aside, { class: "serviceflow-container-left" }, {
-              default: withCtx(() => [
-                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: normalizeStyle(containerHeightStyle.value)
-                }, null, 8, ["logicFlowInstance", "serviceTreeData", "style"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_main, {
-              class: "serviceflow-container-main",
-              style: normalizeStyle(containerHeightStyle.value)
-            }, {
-              default: withCtx(() => [
-                createVNode(ServiceFlowView, {
-                  logicFlowInstance: logicFlowInstance.value,
-                  "onUpdate:logicFlowInstance": _cache[1] || (_cache[1] = ($event) => logicFlowInstance.value = $event),
-                  serviceTreeData: serviceTreeData.value,
-                  pageContext: __props.pageContext,
-                  onLoadTreeData: loadTreeData,
-                  ref_key: "serviceFlowViewRef",
-                  ref: serviceFlowViewRef
-                }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext"])
-              ]),
-              _: 1
-            }, 8, ["style"])
-          ]),
-          _: 1
-        })
-      ], 512);
-    };
-  }
-});
+  }, _ = (e2) => {
+    C.value.onDragNode(e2);
+  }, b = (e2) => {
+    C.value.onServiceClick(e2);
+  }, T = () => {
+    C.value.clearFlowCanvas(), y.value = null;
+  };
+  return (s2, l2) => {
+    const a2 = e, g2 = t, d2 = o;
+    return r(), i("div", { ref_key: "serviceFlowContainerRef", ref: D }, [c(d2, { class: "amb-container" }, { default: p(() => [c(a2, { class: "serviceflow-container-left" }, { default: p(() => [c(v, { logicFlowInstance: y.value, "onUpdate:logicFlowInstance": l2[0] || (l2[0] = (e2) => y.value = e2), serviceTreeData: w.value, onServiceClick: b, onClearFlowCanvas: T, onLoadTreeData: I, onDragNode: _, style: u(F.value) }, null, 8, ["logicFlowInstance", "serviceTreeData", "style"])]), _: 1 }), c(g2, { class: "serviceflow-container-main", style: u(F.value) }, { default: p(() => [c(m, { logicFlowInstance: y.value, "onUpdate:logicFlowInstance": l2[1] || (l2[1] = (e2) => y.value = e2), serviceTreeData: w.value, pageContext: n2.pageContext, onLoadTreeData: I, ref_key: "serviceFlowViewRef", ref: C }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext"])]), _: 1 }, 8, ["style"])]), _: 1 })], 512);
+  };
+} });
 export {
-  _sfc_main as default
+  f as default
 };

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

@@ -4,26 +4,25 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { HtmlNode } from "@logicflow/core";
+import { HtmlNode as e } from "@logicflow/core";
 import "@logicflow/extension";
-class AbLogicNode extends HtmlNode {
+class t extends e {
   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 {
+  setHtml(e2) {
+    if (this.isMounted)
       this.r.component.props.properties = this.props.model.getProperties();
+    else {
+      this.isMounted = true;
+      const t2 = document.createElement("div");
+      e2.appendChild(t2), this.app.mount(t2);
     }
   }
 }
 export {
-  AbLogicNode as default
+  t as default
 };

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

@@ -4,68 +4,40 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { HtmlNodeModel } from "@logicflow/core";
+import { HtmlNodeModel as e } from "@logicflow/core";
 import "vue";
-class AbLogicNodeModel extends HtmlNodeModel {
-  constructor(data, graphModel) {
-    super(data, graphModel);
+class t extends e {
+  constructor(e2, t2) {
+    super(e2, t2);
     __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);
-        }
-      }
-    ];
+    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: (e2) => {
+      this.graphModel.deleteNode(e2.id), this.graphModel.eventCenter.emit("custom:deleteNode", e2);
+    } }];
   }
   getOutlineStyle() {
-    const style = super.getOutlineStyle();
-    style.width = this.nodeWidth;
-    style.height = this.nodeHeight;
-    return style;
+    const e2 = super.getOutlineStyle();
+    return e2.width = this.nodeWidth, e2.height = this.nodeHeight, e2;
   }
-  initNodeData(data) {
-    super.initNodeData(data);
+  initNodeData(e2) {
+    super.initNodeData(e2);
   }
   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;
+    const e2 = super.getConnectedSourceRules(), t2 = ["judgeCondition", "end"], i = { message: "条件判断才能作为source有多条边连线！", validate: (e3, i2, s, d) => {
+      if (!e3)
+        return false;
+      let o = true;
+      if (-1 === t2.indexOf(e3.type)) {
+        e3.graphModel.getNodeOutgoingEdge(e3.id).length > 0 && (o = false);
       }
-    };
-    rules.push(geteWayOnlyAsTarget);
-    return rules;
+      return o;
+    } };
+    return e2.push(i), e2;
   }
 }
 export {
-  AbLogicNodeModel as default
+  t as default
 };

package/dist/es/designer/flow/base/AbLogicResizeNode.js

@@ -5,25 +5,24 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import "@logicflow/core";
-import { HtmlResize } from "@logicflow/extension";
-class AbLogicResizeNode extends HtmlResize.view {
+import { HtmlResize as e } from "@logicflow/extension";
+class t extends e.view {
   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 {
+  setHtml(e2) {
+    if (this.isMounted)
       this.r.component.props.properties = this.props.model.getProperties();
+    else {
+      this.isMounted = true;
+      const t2 = document.createElement("div");
+      e2.appendChild(t2), this.app.mount(t2);
     }
   }
 }
 export {
-  AbLogicResizeNode as default
+  t as default
 };

package/dist/es/designer/flow/base/AbLogicResizeNodeModel.js

@@ -6,40 +6,24 @@ var __publicField = (obj, key, value) => {
 };
 import "@logicflow/core";
 import "vue";
-import { HtmlResize } from "@logicflow/extension";
-class AbLogicResizeNodeModel extends HtmlResize.model {
-  constructor(data, graphModel) {
-    super(data, graphModel);
+import { HtmlResize as t } from "@logicflow/extension";
+class e extends t.model {
+  constructor(t2, e2) {
+    super(t2, e2);
     __publicField(this, "nodeWidth", 200);
     __publicField(this, "nodeHeight", 115);
-    console.log("----constructor---AbLogicNodeModel---");
     this.setAttributes();
   }
   setAttributes() {
-    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);
-        }
-      }
-    ];
+    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: (t2) => {
+      this.graphModel.deleteNode(t2.id), this.graphModel.eventCenter.emit("custom:deleteNode", t2);
+    } }];
   }
   getOutlineStyle() {
-    const style = super.getOutlineStyle();
-    style.width = this.nodeWidth;
-    style.height = this.nodeHeight;
-    return style;
+    const t2 = super.getOutlineStyle();
+    return t2.width = this.nodeWidth, t2.height = this.nodeHeight, t2;
   }
 }
 export {
-  AbLogicResizeNodeModel as default
+  e as default
 };

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

@@ -1,49 +1,22 @@
-import { PolylineEdge, PolylineEdgeModel } from "@logicflow/core";
-class CustomLine extends PolylineEdge {
-}
-class CustomLineModel extends PolylineEdgeModel {
+import { PolylineEdge as e, PolylineEdgeModel as t } from "@logicflow/core";
+const s = { type: "customLine", view: class extends e {
+}, model: class extends t {
   getEdgeStyle() {
-    const style = super.getEdgeStyle();
-    style.strokeWidth = 2;
-    style.stroke = this.isSelected ? "#ff7f0e" : "#C8CDD4";
-    return style;
+    const e2 = super.getEdgeStyle();
+    return e2.strokeWidth = 2, e2.stroke = this.isSelected ? "#ff7f0e" : "#C8CDD4", e2;
   }
   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;
-      }
+    const e2 = super.getTextPosition(), t2 = this.points.split(" ");
+    if (t2 && t2.forEach((e3) => {
+      e3.split(",");
+    }), t2.length > 1) {
+      let [s2, o] = t2[0].split(","), [i, r] = t2[1].split(","), l = 50;
+      const n = Number(s2), c = Number(o), p = Number(i), u = Number(r);
+      n === p ? (u < c && (l = -50), e2.y = c + l, e2.x = n) : (p < n && (l = -50), e2.x = n + l, e2.y = c - 10);
     }
-    return position;
+    return e2;
   }
-}
-const CustomLine$1 = {
-  type: "customLine",
-  view: CustomLine,
-  model: CustomLineModel
-};
+} };
 export {
-  CustomLine$1 as default
+  s as default
 };

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

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