fec-dev-designer 1.0.0

package/es/src/packages/eventFlow/eventFlow.vue2.js

@@ -0,0 +1,298 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tooltip.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import { useCssVars as R, unref as c, computed as g, ref as l, provide as M, openBlock as j, createBlock as F, withCtx as y, createElementVNode as u, renderSlot as P, createVNode as d, toDisplayString as U, isRef as z } from "vue";
+import L from "./nodes/TreeNode.vue.js";
+import Z from "./dialog/index.vue.js";
+import { useDraggableScroll as q } from "./hooks/useDraggableScroll.js";
+import "./eventFlow.vue.js";
+import G from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElButton as H } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElTooltip as J } from "../../../node_modules/element-plus/es/components/tooltip/index.js";
+import { ElScrollbar as K } from "../../../node_modules/element-plus/es/components/scrollbar/index.js";
+const Q = { class: "tool" }, W = { class: "zoom" }, X = { class: "node-container" }, Y = {
+  __name: "eventFlow",
+  props: {
+    process: Object,
+    fields: Array,
+    readOnly: {
+      type: Boolean,
+      default: !1
+    },
+    defaultZoom: {
+      type: Number,
+      default: 100
+    },
+    bgColor: {
+      type: String,
+      default: "var(--el-bg-color-page)"
+    }
+  },
+  setup(h, { expose: C }) {
+    R((e) => ({
+      v0134b47a: h.bgColor,
+      v4611d6e2: c(D)
+    }));
+    const p = h, S = g(() => {
+      const e = [], t = (n) => {
+        n.forEach((o) => {
+          o.type === "formItem" && e.push(o), Array.isArray(o.children) && t(o.children);
+        });
+      };
+      return t(p.fields), e;
+    }), D = g(() => a.value / 100), a = l(p.defaultZoom), T = g(() => p.readOnly), _ = l({ id: "", name: "", type: "start" });
+    l(!1);
+    const m = l(!1), f = l({}), N = l(null);
+    q(N), M("flowDesign", {
+      readOnly: T,
+      fields: S,
+      nodesError: f
+    });
+    const V = (e) => {
+      e.type === "start" || e.type === "end" || (_.value = e, m.value = !0);
+    }, s = () => {
+      let e = `node_${Math.random().toString(36).substring(2, 7)}`;
+      const t = (n, o) => {
+        if (n.id === o)
+          return !0;
+        if (n.next)
+          return t(n.next, o);
+        if ("branches" in n) {
+          const i = n;
+          if (i.branches && i.branches.length > 0)
+            return i.branches.some((r) => t(r, o));
+        }
+        return !1;
+      };
+      return t(p.process, e) ? s() : e;
+    }, $ = (e) => {
+      const t = e.next, n = s(), o = {
+        id: n,
+        pid: e.id,
+        type: "exclusive",
+        name: "独占网关",
+        next: t,
+        branches: []
+      };
+      if (t && (t.pid = n), v(o), v(o), e.next = o, o.branches.length > 0) {
+        const i = o.branches[o.branches.length - 1];
+        i.def = !0, i.name = "默认条件";
+      }
+    }, v = (e) => {
+      const t = e;
+      t.branches.splice(t.branches.length - 1, 0, {
+        id: s(),
+        pid: t.id,
+        type: "condition",
+        def: !1,
+        name: `条件${t.branches.length}`,
+        conditions: {
+          operator: "and",
+          conditions: [],
+          groups: []
+        },
+        ruleMatchStrategy: "continue",
+        next: void 0
+      });
+    }, w = (e) => {
+      const t = e.next, n = s();
+      e.next = {
+        id: n,
+        pid: e.id,
+        type: "cc",
+        name: "抄送人",
+        next: t,
+        assigneeType: "user",
+        formUser: "",
+        formRole: "",
+        users: [],
+        roles: [],
+        leader: 1,
+        orgLeader: 1,
+        choice: !1,
+        self: !1,
+        formProperties: []
+      }, t && (t.pid = n);
+    }, A = (e) => {
+      const t = e.next, n = s();
+      e.next = {
+        id: n,
+        pid: e.id,
+        name: "计时等待",
+        type: "timer",
+        next: t,
+        waitType: "duration",
+        unit: "PT%sS",
+        duration: 0,
+        timeDate: void 0
+      }, t && (t.pid = n);
+    }, O = (e) => {
+      const t = e.next, n = s();
+      e.next = {
+        id: n,
+        pid: e.id,
+        name: "消息通知",
+        type: "notify",
+        next: t,
+        assigneeType: "user",
+        formUser: "",
+        formRole: "",
+        users: [],
+        roles: [],
+        leader: 1,
+        orgLeader: 1,
+        choice: !1,
+        self: !1,
+        types: ["site"],
+        subject: "",
+        content: ""
+      }, t && (t.pid = n);
+    }, k = (e) => {
+      const t = e.next, n = s();
+      e.next = {
+        id: n,
+        pid: e.id,
+        type: "service",
+        name: "服务节点",
+        next: t,
+        implementationType: "",
+        implementation: ""
+      }, t && (t.pid = n);
+    }, B = (e) => {
+      const t = e.next, n = s();
+      e.next = {
+        id: n,
+        pid: e.id,
+        type: "approval",
+        name: "动作",
+        // executionListeners: [],
+        next: t,
+        actionType: "",
+        basic: {},
+        advanced: {}
+        // assigneeType: "user",
+        // formUser: "",
+        // formRole: "",
+        // users: [],
+        // roles: [],
+        // leader: 1,
+        // orgLeader: 1,
+        // choice: false,
+        // self: false,
+        // multi: "sequential",
+        // multiPercent: 100,
+        // nobody: "pass",
+        // nobodyUsers: [],
+        // formProperties: [],
+        // operations: {
+        //   complete: true,
+        //   refuse: true,
+        //   back: true,
+        //   transfer: true,
+        //   delegate: true,
+        //   addMulti: false,
+        //   minusMulti: false,
+        // },
+      }, t && (t.pid = n);
+    }, I = (e, t) => {
+      const o = {
+        exclusive: $,
+        condition: v,
+        cc: w,
+        timer: A,
+        notify: O,
+        service: k,
+        approval: B
+      }[e];
+      o && o(t);
+    }, E = (e) => {
+      delete f.value[e.id], x(p.process, e);
+    }, x = (e, t) => {
+      var n;
+      if (delete f.value[t.id], e.id === t.pid)
+        if ("branches" in e && ((n = e.next) == null ? void 0 : n.id) !== t.id) {
+          const o = e, i = o.branches.findIndex((r) => r.id === t.id);
+          i !== -1 && (o.branches.length <= 2 ? (b(o), E(o)) : (b(t), o.branches.splice(i, 1)));
+        } else
+          t.next && t.next.pid && (t.next.pid = e.id), e.next = t.next;
+      else if (e.next && x(e.next, t), "branches" in e) {
+        const o = e;
+        o.branches && o.branches.length > 0 && o.branches.forEach((i) => x(i, t));
+      }
+    }, b = (e) => {
+      if (delete f.value[e.id], e.next && b(e.next), "branches" in e) {
+        const t = e;
+        t.branches && t.branches.length > 0 && t.branches.forEach((n) => b(n));
+      }
+    };
+    return C({ validate: () => new Promise((e, t) => {
+      const n = Object.values(f.value).flat();
+      n.length > 0 ? t(n) : e(!0);
+    }) }), (e, t) => {
+      const n = H, o = J, i = K;
+      return j(), F(i, { class: "event-scrollbar" }, {
+        default: y(() => [
+          u("div", {
+            class: "designer-container cursor-default active:cursor-grabbing",
+            ref_key: "designerContainerRef",
+            ref: N
+          }, [
+            u("div", Q, [
+              P(e.$slots, "default", {}, void 0, !0)
+            ]),
+            u("div", W, [
+              d(o, {
+                content: "放大",
+                placement: "bottom-start"
+              }, {
+                default: y(() => [
+                  d(n, {
+                    icon: "plus",
+                    onClick: t[0] || (t[0] = (r) => a.value += 10),
+                    disabled: c(a) >= 170,
+                    circle: ""
+                  }, null, 8, ["disabled"])
+                ]),
+                _: 1
+              }),
+              u("span", null, U(c(a)) + "%", 1),
+              d(o, {
+                content: "缩小",
+                placement: "bottom-start"
+              }, {
+                default: y(() => [
+                  d(n, {
+                    icon: "minus",
+                    onClick: t[1] || (t[1] = (r) => a.value -= 10),
+                    circle: "",
+                    disabled: c(a) <= 50
+                  }, null, 8, ["disabled"])
+                ]),
+                _: 1
+              })
+            ]),
+            u("div", X, [
+              d(L, {
+                node: h.process,
+                onAddNode: I,
+                onDelNode: E,
+                onActiveNode: V
+              }, null, 8, ["node"])
+            ]),
+            d(Z, {
+              modelValue: c(m),
+              "onUpdate:modelValue": t[2] || (t[2] = (r) => z(m) ? m.value = r : null),
+              activeData: c(_)
+            }, null, 8, ["modelValue", "activeData"])
+          ], 512)
+        ]),
+        _: 3
+      });
+    };
+  }
+}, be = /* @__PURE__ */ G(Y, [["__scopeId", "data-v-67c6ede7"]]);
+export {
+  be as default
+};

package/es/src/packages/eventFlow/hooks/useDraggableScroll.js

@@ -0,0 +1,27 @@
+import { ref as p, onMounted as c, onBeforeUnmount as g } from "vue";
+function E(o) {
+  const t = p(!1);
+  let u, s, l, n;
+  const r = (e) => {
+    o.value && (t.value = !0, u = e.pageX, s = e.pageY, l = o.value.scrollLeft, n = o.value.scrollTop, document.addEventListener("mousemove", v), document.addEventListener("mouseup", a));
+  }, v = (e) => {
+    if (!t.value || !o.value)
+      return;
+    const m = e.pageX - u, d = e.pageY - s;
+    o.value.scrollLeft = l - m, o.value.scrollTop = n - d;
+  }, a = () => {
+    t.value = !1, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", a);
+  };
+  return c(() => {
+    var e;
+    (e = o.value) == null || e.addEventListener("mousedown", r);
+  }), g(() => {
+    var e;
+    (e = o.value) == null || e.removeEventListener("mousedown", r);
+  }), {
+    isDragging: t
+  };
+}
+export {
+  E as useDraggableScroll
+};

package/es/src/packages/eventFlow/index.vue.js

@@ -0,0 +1,26 @@
+import { ref as r, openBlock as f, createBlock as p, unref as a } from "vue";
+import i from "./eventFlow.vue2.js";
+const _ = {
+  __name: "index",
+  props: {
+    process: Object
+  },
+  setup(t, { expose: l }) {
+    const n = t, s = r(null), c = r([]);
+    return l({
+      validate: () => {
+        var e, o;
+        return (o = (e = s.value) == null ? void 0 : e.validate) == null ? void 0 : o.call(e);
+      }
+    }), (e, o) => (f(), p(i, {
+      ref_key: "eventFlowRef",
+      ref: s,
+      process: n.process,
+      fields: a(c),
+      readOnly: !1
+    }, null, 8, ["process", "fields"]));
+  }
+};
+export {
+  _ as default
+};

package/es/src/packages/eventFlow/nodes/Add.vue.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/es/src/packages/eventFlow/nodes/Add.vue2.js

@@ -0,0 +1,84 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-popover.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-space.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-text.css.js";
+import { inject as N, ref as d, resolveComponent as E, openBlock as k, createElementBlock as w, createVNode as e, withCtx as t, withDirectives as y, vShow as g, unref as h, createElementVNode as i, createTextVNode as s } from "vue";
+import "./Add.vue.js";
+import b from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { ElText as C } from "../../../../node_modules/element-plus/es/components/text/index.js";
+import { ElSpace as S } from "../../../../node_modules/element-plus/es/components/space/index.js";
+import { ElButton as A } from "../../../../node_modules/element-plus/es/components/button/index.js";
+import { ElPopover as B } from "../../../../node_modules/element-plus/es/components/popover/index.js";
+const V = { class: "add-but" }, D = {
+  __name: "Add",
+  emits: ["addNode"],
+  setup(O, { emit: a }) {
+    const { readOnly: m } = N("flowDesign", { readOnly: d(!1) }), r = d(), l = a, _ = () => {
+      var o;
+      l("addNode", "approval"), (o = r.value) == null || o.hide();
+    }, f = () => {
+      var o;
+      l("addNode", "exclusive"), (o = r.value) == null || o.hide();
+    };
+    return (o, n) => {
+      const c = E("svg-icon"), p = C, u = S, v = A, x = B;
+      return k(), w("div", V, [
+        e(x, {
+          placement: "bottom-start",
+          ref_key: "popoverRef",
+          ref: r,
+          trigger: "click",
+          width: 336
+        }, {
+          reference: t(() => [
+            y(e(v, {
+              icon: "Plus",
+              type: "primary",
+              style: { "z-index": "1" },
+              circle: ""
+            }, null, 512), [
+              [g, !h(m)]
+            ])
+          ]),
+          default: t(() => [
+            e(u, { wrap: "" }, {
+              default: t(() => [
+                i("div", {
+                  class: "node-select",
+                  onClick: _
+                }, [
+                  e(c, { name: "el:Stamp" }),
+                  e(p, null, {
+                    default: t(() => [...n[0] || (n[0] = [
+                      s("动作", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                i("div", {
+                  class: "node-select",
+                  onClick: f
+                }, [
+                  e(c, { name: "el:Share" }),
+                  e(p, null, {
+                    default: t(() => [...n[1] || (n[1] = [
+                      s("条件", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+}, L = /* @__PURE__ */ b(D, [["__scopeId", "data-v-3b2a9845"]]);
+export {
+  L as default
+};

package/es/src/packages/eventFlow/nodes/ApprovalNode.vue.js

@@ -0,0 +1,41 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-text.css.js";
+import { inject as m, ref as r, watchEffect as f, openBlock as u, createBlock as g, mergeProps as _, withCtx as s, createVNode as h, createTextVNode as v, toDisplayString as x, unref as N } from "vue";
+import E from "./Node.vue2.js";
+import { ElText as b } from "../../../../node_modules/element-plus/es/components/text/index.js";
+const T = {
+  __name: "ApprovalNode",
+  props: {
+    node: Object
+  },
+  setup(a) {
+    const { fields: j, nodesError: c } = m("flowDesign", {
+      fields: r([]),
+      nodesError: r({})
+    }), l = a, o = r("");
+    return f(() => {
+      const e = [], { id: t, name: n, actionType: i, actionName: d, basic: p } = l.node;
+      i && Object.keys(p || {}).length > 0 ? o.value = d : (e.push({ id: t, name: n, message: "未设置动作" }), o.value = "点击配置动作"), e.length > 0 ? c.value[t] = e : delete c.value[t];
+    }), (e, t) => {
+      const n = b;
+      return u(), g(E, _(e.$attrs, {
+        icon: "el:Stamp",
+        color: "linear-gradient(89.96deg, #FB9337 .05%, #FA6F32 79.83%)",
+        node: a.node
+      }), {
+        default: s(() => [
+          h(n, null, {
+            default: s(() => [
+              v(x(N(o)), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["node"]);
+    };
+  }
+};
+export {
+  T as default
+};

package/es/src/packages/eventFlow/nodes/CcNode.vue.js

@@ -0,0 +1,73 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-text.css.js";
+import { inject as y, ref as d, watchEffect as B, openBlock as E, createBlock as N, mergeProps as P, withCtx as x, createVNode as w, createTextVNode as T, toDisplayString as U, unref as k } from "vue";
+import C from "./Node.vue2.js";
+import { ElText as D } from "../../../../node_modules/element-plus/es/components/text/index.js";
+const S = {
+  __name: "CcNode",
+  props: {
+    node: Object
+  },
+  setup(f) {
+    const { fields: c, nodesError: u } = y("flowDesign", { fields: d([]), nodesError: d({}) }), b = f, e = d("");
+    return B(() => {
+      var _, $;
+      const s = [], { id: a, assigneeType: o, name: r, users: p, roles: g, leader: h, choice: j, formUser: n, formRole: i, orgLeader: v } = b.node;
+      if (o === "user")
+        if (p.length > 0) {
+          const t = p.map((l) => getByUsername(l));
+          Promise.all(t).then((l) => {
+            e.value = l.map((m) => m.data.name).join("、");
+          });
+        } else
+          s.push({ id: a, name: r, message: "未指定人员" }), e.value = "未指定人员";
+      else if (o === "choice")
+        e.value = `发起人自选（${j ? "多选" : "单选"}）`;
+      else if (o === "self")
+        e.value = "发起人自己";
+      else if (o === "leader")
+        e.value = h === 1 ? "直属上级" : `${h}级上级`;
+      else if (o === "orgLeader")
+        e.value = v === 1 ? "直属主管" : `${v}级主管`;
+      else if (o === "formUser") {
+        n || s.push({ id: a, name: r, message: "未指定表单内人员" });
+        const t = ((_ = c.value.find((l) => l.id === n)) == null ? void 0 : _.label) || n || "?";
+        e.value = `表单内（${t}）人员`;
+      } else if (o === "formRole") {
+        i || s.push({ id: a, name: r, message: "未指定表单内角色" });
+        const t = (($ = c.value.find((l) => l.id === i)) == null ? void 0 : $.label) || i || "?";
+        e.value = `表单内（${t}）角色`;
+      } else if (o === "role")
+        if (g.length > 0) {
+          const t = g.map((l) => getById(l));
+          Promise.all(t).then((l) => {
+            e.value = l.map((m) => m.data.name).join("、");
+          });
+        } else
+          s.push({ id: a, name: r, message: "未指定角色" }), e.value = "未指定角色";
+      else
+        s.push({ id: a, name: r, message: "未知错误" }), e.value = r;
+      s.length > 0 ? u.value[a] = s : delete u.value[a];
+    }), (s, a) => {
+      const o = D;
+      return E(), N(C, P(s.$attrs, {
+        icon: "el:Promotion",
+        color: "rgb(50, 150, 250)",
+        node: f.node
+      }), {
+        default: x(() => [
+          w(o, null, {
+            default: x(() => [
+              T(U(k(e)), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["node"]);
+    };
+  }
+};
+export {
+  S as default
+};

package/es/src/packages/eventFlow/nodes/ConditionNode.vue.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/packages/eventFlow/nodes/ConditionNode.vue2.js

@@ -0,0 +1,52 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-text.css.js";
+import { inject as h, ref as l, watchEffect as _, openBlock as v, createElementBlock as b, createVNode as a, mergeProps as x, withCtx as f, createTextVNode as E, toDisplayString as N, unref as w, renderSlot as y } from "vue";
+import C from "./Node.vue2.js";
+import "./ConditionNode.vue.js";
+import O from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { ElText as S } from "../../../../node_modules/element-plus/es/components/text/index.js";
+const $ = { class: "branch-node" }, j = {
+  __name: "ConditionNode",
+  props: {
+    node: Object
+  },
+  setup(s) {
+    const { nodesError: d } = h("flowDesign", { nodesError: l({}) }), m = s, n = l("");
+    return _(() => {
+      var i, c;
+      const e = [], { id: o, name: t, def: p, conditions: r, next: u } = m.node;
+      if (p)
+        n.value = "不满足其他条件时执行";
+      else if (r.conditions.length > 0 || (((i = r.groups) == null ? void 0 : i.length) || 0) > 0) {
+        const g = r.conditions.length + (((c = r.groups) == null ? void 0 : c.length) || 0);
+        n.value = `已设置（${g}）个条件`, u || e.push({ id: o, name: t, message: "分支下没有下一步动作" });
+      } else
+        e.push({ id: o, name: t, message: "未设置条件" }), n.value = "点击配置条件";
+      e.length > 0 ? d.value[o] = e : delete d.value[o];
+    }), (e, o) => {
+      const t = S;
+      return v(), b("div", $, [
+        a(C, x(e.$attrs, {
+          icon: "el:Share",
+          node: s.node,
+          readOnly: s.node.def,
+          color: "linear-gradient(89.96deg, #79db88 .05%, #4bb44b 79.83%)"
+        }), {
+          default: f(() => [
+            a(t, null, {
+              default: f(() => [
+                E(N(w(n)), 1)
+              ]),
+              _: 1
+            }),
+            y(e.$slots, "append", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 16, ["node", "readOnly"])
+      ]);
+    };
+  }
+}, q = /* @__PURE__ */ O(j, [["__scopeId", "data-v-6370e05c"]]);
+export {
+  q as default
+};

package/es/src/packages/eventFlow/nodes/EndNode.vue.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/packages/eventFlow/nodes/EndNode.vue2.js

@@ -0,0 +1,45 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-text.css.js";
+import { inject as m, ref as p, computed as _, openBlock as f, createElementBlock as u, createElementVNode as d, createVNode as v, withCtx as x, createTextVNode as y, toDisplayString as N } from "vue";
+import "./EndNode.vue.js";
+import O from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { ElText as E } from "../../../../node_modules/element-plus/es/components/text/index.js";
+const j = { class: "node-box" }, k = {
+  __name: "EndNode",
+  props: {
+    node: Object,
+    readOnly: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["activeNode"],
+  setup(t, { emit: c }) {
+    const l = m("flowDesign", { readOnly: p(!1) }), r = c, o = t, a = _(() => {
+      var e;
+      return ((e = l.readOnly) == null ? void 0 : e.value) || o.readOnly;
+    }), s = () => {
+      a.value || r("activeNode", o.node);
+    };
+    return (e, n) => {
+      const i = E;
+      return f(), u("div", j, [
+        n[0] || (n[0] = d("div", { class: "end-node-circle" }, null, -1)),
+        d("div", {
+          class: "end-node",
+          onClick: s
+        }, [
+          v(i, null, {
+            default: x(() => [
+              y(N(t.node.name), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+}, D = /* @__PURE__ */ O(k, [["__scopeId", "data-v-d22e0892"]]);
+export {
+  D as default
+};