fec-dev-designer 1.0.0

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

@@ -0,0 +1,36 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import { openBlock as a, createBlock as l, mergeProps as m, withCtx as t, createVNode as p, createTextVNode as c } from "vue";
+import s from "./GatewayNode.vue2.js";
+import { ElButton as u } from "../../../../node_modules/element-plus/es/components/button/index.js";
+const y = {
+  __name: "ExclusiveNode",
+  props: {
+    node: Object
+  },
+  setup(e) {
+    return (n, o) => {
+      const r = u;
+      return a(), l(s, m(n.$attrs, { node: e.node }), {
+        default: t(({ addNode: d, readOnly: i }) => [
+          p(r, {
+            type: "primary",
+            disabled: i,
+            onClick: (f) => d("condition", e.node),
+            plain: "",
+            round: ""
+          }, {
+            default: t(() => [...o[0] || (o[0] = [
+              c("添加条件", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      }, 16, ["node"]);
+    };
+  }
+};
+export {
+  y as default
+};

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

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

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

@@ -0,0 +1,79 @@
+import { inject as C, ref as _, resolveComponent as $, openBlock as d, createElementBlock as l, Fragment as c, createElementVNode as n, renderSlot as A, unref as b, renderList as O, createCommentVNode as L, createVNode as a, mergeProps as V, withCtx as j, withDirectives as v, withModifiers as u, vShow as p } from "vue";
+import B from "./TreeNode.vue.js";
+import D from "./Add.vue2.js";
+import "./GatewayNode.vue.js";
+import E from "../../../../_virtual/_plugin-vue_export-helper.js";
+const G = { class: "gateway-node" }, R = { class: "add-branch" }, S = ["onClick"], F = ["onClick"], I = {
+  __name: "GatewayNode",
+  props: {
+    node: Object
+  },
+  emits: ["addNode"],
+  setup(r, { emit: g }) {
+    const N = g, s = r, { readOnly: i } = C("flowDesign", { readOnly: _(!1) }), m = (o, e) => {
+      N("addNode", o, e || s.node);
+    }, w = (o) => {
+      const e = s.node.branches[o];
+      s.node.branches.splice(o, 1), s.node.branches.splice(o + 1, 0, e);
+    }, k = (o) => {
+      const e = s.node.branches[o];
+      s.node.branches.splice(o, 1), s.node.branches.splice(o - 1, 0, e);
+    };
+    return (o, e) => {
+      const f = $("svg-icon");
+      return d(), l(c, null, [
+        n("div", G, [
+          n("div", R, [
+            A(o.$slots, "default", {
+              addNode: m,
+              readOnly: b(i)
+            }, void 0, !0)
+          ]),
+          (d(!0), l(c, null, O(r.node.branches, (h, t) => (d(), l("div", {
+            key: h.id,
+            class: "col-box"
+          }, [
+            t === 0 ? (d(), l(c, { key: 0 }, [
+              e[0] || (e[0] = n("div", { class: "top-left-border" }, null, -1)),
+              e[1] || (e[1] = n("div", { class: "bottom-left-border" }, null, -1))
+            ], 64)) : r.node.branches.length === t + 1 ? (d(), l(c, { key: 1 }, [
+              e[2] || (e[2] = n("div", { class: "top-right-border" }, null, -1)),
+              e[3] || (e[3] = n("div", { class: "bottom-right-border" }, null, -1))
+            ], 64)) : L("", !0),
+            a(B, V({ node: h }, { ref_for: !0 }, o.$attrs, {
+              onAddNode: m,
+              class: "col-node"
+            }), {
+              append: j(() => [
+                v(n("div", {
+                  class: "move-left",
+                  onClick: u((y) => k(t), ["stop"])
+                }, [
+                  a(f, { name: "el:ArrowLeft" })
+                ], 8, S), [
+                  [p, t !== 0 && r.node.branches.length !== t + 1 && !b(i)]
+                ]),
+                v(n("div", {
+                  class: "move-right",
+                  onClick: u((y) => w(t), ["stop"])
+                }, [
+                  a(f, { name: "el:ArrowRight" })
+                ], 8, F), [
+                  [p, ![t + 1, t + 2].includes(r.node.branches.length) && !b(i)]
+                ])
+              ]),
+              _: 2
+            }, 1040, ["node"])
+          ]))), 128))
+        ]),
+        a(D, {
+          onAddNode: m,
+          class: "branch-but"
+        })
+      ], 64);
+    };
+  }
+}, J = /* @__PURE__ */ E(I, [["__scopeId", "data-v-3050b6e4"]]);
+export {
+  J as default
+};

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

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

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

@@ -0,0 +1,176 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.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-text.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-popconfirm.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 { useCssVars as L, inject as M, ref as u, computed as w, resolveComponent as g, openBlock as r, createElementBlock as p, createElementVNode as a, normalizeClass as U, unref as l, withModifiers as f, createVNode as o, withCtx as d, withDirectives as k, vShow as x, createBlock as O, createTextVNode as q, toDisplayString as V, renderSlot as B, createCommentVNode as G, Fragment as H, renderList as J, nextTick as K } from "vue";
+import { ClickOutside as Q } from "element-plus";
+import X from "./Add.vue2.js";
+import "./Node.vue.js";
+import Y from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { ElButton as Z } from "../../../../node_modules/element-plus/es/components/button/index.js";
+import { ElPopconfirm as ee } from "../../../../node_modules/element-plus/es/components/popconfirm/index.js";
+import { ElInput as oe } from "../../../../node_modules/element-plus/es/components/input/index.js";
+import { ElIcon as te } from "../../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElText as ne } from "../../../../node_modules/element-plus/es/components/text/index.js";
+import { ElTooltip as le } from "../../../../node_modules/element-plus/es/components/tooltip/index.js";
+const ie = { class: "node-box" }, re = { class: "node-header" }, de = { class: "head" }, se = { class: "node-content" }, ce = {
+  __name: "Node",
+  props: {
+    icon: String,
+    node: Object,
+    color: String,
+    readOnly: {
+      type: Boolean,
+      default: !1
+    },
+    close: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["addNode", "delNode", "activeNode"],
+  setup(t, { emit: I }) {
+    L((e) => ({
+      v77a51cb7: t.color
+    }));
+    const N = M("flowDesign", {
+      readOnly: u(!1),
+      nodesError: u({})
+    }), _ = I, s = t, v = w(() => N.nodesError.value[s.node.id]), c = w(() => {
+      var e;
+      return ((e = N.readOnly) == null ? void 0 : e.value) || s.readOnly;
+    }), m = u(!1), C = u(), S = () => {
+      c.value || (m.value = !0, K(() => {
+        var e;
+        (e = C.value) == null || e.focus();
+      }));
+    }, y = () => {
+      m.value && (m.value = !1);
+    }, T = () => {
+      c.value || _("activeNode", s.node);
+    }, b = (e) => {
+      _("addNode", e, s.node);
+    }, z = () => {
+      _("delNode", s.node);
+    };
+    return (e, n) => {
+      var h;
+      const $ = Z, j = ee, D = oe, F = g("EditPen"), E = te, P = ne, A = g("svg-icon"), R = g("WarnTriangleFilled"), W = le;
+      return r(), p("div", ie, [
+        a("div", {
+          onClick: T,
+          class: U(["node", { "error-node": ((h = l(v)) == null ? void 0 : h.length) && !l(c) }])
+        }, [
+          a("div", re, [
+            a("span", {
+              onClick: n[0] || (n[0] = f(() => {
+              }, ["stop"]))
+            }, [
+              o(j, {
+                title: "您确定要删除该节点吗？",
+                width: "200",
+                "hide-after": 0,
+                placement: "right-start",
+                onConfirm: z
+              }, {
+                reference: d(() => [
+                  k(o($, {
+                    class: "node-close",
+                    plain: "",
+                    circle: "",
+                    icon: "CircleClose",
+                    size: "small",
+                    type: "danger"
+                  }, null, 512), [
+                    [x, t.close && !l(c)]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            a("div", de, [
+              l(m) ? (r(), p("div", {
+                key: 0,
+                onClick: n[2] || (n[2] = f(() => {
+                }, ["stop"]))
+              }, [
+                k(o(D, {
+                  ref_key: "inputRef",
+                  ref: C,
+                  onBlur: y,
+                  maxlength: "30",
+                  modelValue: t.node.name,
+                  "onUpdate:modelValue": n[1] || (n[1] = (i) => t.node.name = i)
+                }, null, 8, ["modelValue"]), [
+                  [l(Q), y]
+                ])
+              ])) : (r(), O(P, {
+                key: 1,
+                tag: "b",
+                truncated: "",
+                onClick: f(S, ["stop"])
+              }, {
+                default: d(() => [
+                  q(V(t.node.name) + " ", 1),
+                  o(E, null, {
+                    default: d(() => [
+                      o(F)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })),
+              B(e.$slots, "icon", {}, () => [
+                t.icon ? (r(), O(A, {
+                  key: 0,
+                  size: 30,
+                  color: "node-icon",
+                  name: t.icon
+                }, null, 8, ["name"])) : G("", !0)
+              ], !0)
+            ]),
+            o(W, { placement: "top-start" }, {
+              content: d(() => [
+                (r(!0), p(H, null, J(l(v), (i) => (r(), p("div", {
+                  key: i.id
+                }, V(i.message), 1))), 128))
+              ]),
+              default: d(() => {
+                var i;
+                return [
+                  k(o(E, {
+                    class: "warn-icon",
+                    size: 20
+                  }, {
+                    default: d(() => [
+                      o(R, {
+                        onClick: n[3] || (n[3] = f(() => {
+                        }, ["stop"]))
+                      })
+                    ]),
+                    _: 1
+                  }, 512), [
+                    [x, ((i = l(v)) == null ? void 0 : i.length) && !l(c)]
+                  ])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          a("div", se, [
+            B(e.$slots, "default", {}, void 0, !0)
+          ])
+        ], 2),
+        o(X, { onAddNode: b })
+      ]);
+    };
+  }
+}, Ie = /* @__PURE__ */ Y(ce, [["__scopeId", "data-v-45d7e9c1"]]);
+export {
+  Ie as default
+};

package/es/src/packages/eventFlow/nodes/NotifyNode.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 b, ref as d, watchEffect as E, openBlock as w, createBlock as P, mergeProps as T, withCtx as j, createVNode as U, createTextVNode as k, toDisplayString as D, unref as L } from "vue";
+import R from "./Node.vue2.js";
+import { ElText as V } from "../../../../node_modules/element-plus/es/components/text/index.js";
+const q = {
+  __name: "NotifyNode",
+  props: {
+    node: Object
+  },
+  setup(f) {
+    const { fields: u, nodesError: c } = b("flowDesign", { fields: d([]), nodesError: d({}) }), p = f, e = d("");
+    return E(() => {
+      var y, $;
+      const s = [], { id: l, assigneeType: o, name: t, users: g, roles: h, leader: v, choice: x, formUser: i, formRole: r, orgLeader: _, subject: B, types: N } = p.node;
+      if (o === "user")
+        if (g.length > 0) {
+          const n = g.map((a) => getByUsername(a));
+          Promise.all(n).then((a) => {
+            e.value = a.map((m) => m.data.name).join("、");
+          });
+        } else
+          s.push({ id: l, name: t, message: "未指定人员" }), e.value = "未指定人员";
+      else if (o === "choice")
+        e.value = `发起人自选（${x ? "多选" : "单选"}）`;
+      else if (o === "self")
+        e.value = "发起人自己";
+      else if (o === "leader")
+        e.value = v === 1 ? "直属上级" : `${v}级上级`;
+      else if (o === "orgLeader")
+        e.value = _ === 1 ? "直属主管" : `${_}级主管`;
+      else if (o === "formUser") {
+        i || s.push({ id: l, name: t, message: "未指定表单内人员" });
+        const n = ((y = u.value.find((a) => a.id === i)) == null ? void 0 : y.label) || i || "?";
+        e.value = `表单内（${n}）人员`;
+      } else if (o === "formRole") {
+        r || s.push({ id: l, name: t, message: "未指定表单内角色" });
+        const n = (($ = u.value.find((a) => a.id === r)) == null ? void 0 : $.label) || r || "?";
+        e.value = `表单内（${n}）角色`;
+      } else if (o === "role")
+        if (h.length > 0) {
+          const n = h.map((a) => getById(a));
+          Promise.all(n).then((a) => {
+            e.value = a.map((m) => m.data.name).join("、");
+          });
+        } else
+          s.push({ id: l, name: t, message: "未指定角色" }), e.value = "未指定角色";
+      else
+        s.push({ id: l, name: t, message: "未知错误" }), e.value = t;
+      N.length === 0 && s.push({ id: l, name: t, message: "未指定通知类型" }), B || s.push({ id: l, name: t, message: "消息主题为空" }), p.node.content || s.push({ id: l, name: t, message: "消息内容为空" }), s.length > 0 ? c.value[l] = s : delete c.value[l];
+    }), (s, l) => {
+      const o = V;
+      return w(), P(R, T(s.$attrs, {
+        icon: "el:BellFilled",
+        color: "#95d475",
+        node: f.node
+      }), {
+        default: j(() => [
+          U(o, null, {
+            default: j(() => [
+              k(D(L(e)), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["node"]);
+    };
+  }
+};
+export {
+  q as default
+};

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

@@ -0,0 +1,38 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-text.css.js";
+import { inject as d, ref as l, watchEffect as p, openBlock as f, createBlock as u, mergeProps as _, withCtx as a, createVNode as g, createTextVNode as h, toDisplayString as v, unref as x } from "vue";
+import E from "./Node.vue2.js";
+import { ElText as N } from "../../../../node_modules/element-plus/es/components/text/index.js";
+const B = {
+  __name: "ServiceNode",
+  props: {
+    node: Object
+  },
+  setup(r) {
+    const { nodesError: s } = d("flowDesign", { nodesError: l({}) }), c = r, t = l("");
+    return p(() => {
+      const e = [], { id: o, name: n, implementationType: i, implementation: m } = c.node;
+      i ? m ? t.value = "执行服务" : (e.push({ id: o, name: n, message: "执行值为空" }), t.value = "执行值为空") : (e.push({ id: o, name: n, message: "执行类型为空" }), t.value = "执行类型为空"), e.length > 0 ? s.value[o] = e : delete s.value[o];
+    }), (e, o) => {
+      const n = N;
+      return f(), u(E, _(e.$attrs, {
+        icon: "el:Tools",
+        color: "#ffc107",
+        node: r.node
+      }), {
+        default: a(() => [
+          g(n, null, {
+            default: a(() => [
+              h(v(x(t)), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["node"]);
+    };
+  }
+};
+export {
+  B as default
+};

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

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

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

@@ -0,0 +1,39 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-text.css.js";
+import { inject as a, ref as c, openBlock as d, createElementBlock as i, createVNode as t, mergeProps as l, withCtx as o, createTextVNode as m } from "vue";
+import p from "./Node.vue2.js";
+import "./StartNode.vue.js";
+import f from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { ElText as _ } from "../../../../node_modules/element-plus/es/components/text/index.js";
+const u = { class: "start-node" }, x = {
+  __name: "StartNode",
+  props: {
+    node: Object
+  },
+  setup(r) {
+    return a("flowDesign", { nodesError: c({}) }), (n, e) => {
+      const s = _;
+      return d(), i("div", u, [
+        t(p, l(n.$attrs, {
+          icon: "el:List",
+          close: !1,
+          color: "linear-gradient(89.96deg, #a89bfa .05%, #8c7cf3 79.83%)",
+          node: r.node
+        }), {
+          default: o(() => [
+            t(s, null, {
+              default: o(() => [...e[0] || (e[0] = [
+                m("事件开始", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 16, ["node"])
+      ]);
+    };
+  }
+}, w = /* @__PURE__ */ f(x, [["__scopeId", "data-v-699b6864"]]);
+export {
+  w as default
+};

package/es/src/packages/eventFlow/nodes/TimerNode.vue.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 p, ref as d, watchEffect as T, openBlock as _, createBlock as P, mergeProps as g, withCtx as l, createVNode as h, createTextVNode as x, toDisplayString as E, unref as v } from "vue";
+import w from "./Node.vue2.js";
+import { ElText as D } from "../../../../node_modules/element-plus/es/components/text/index.js";
+const k = {
+  __name: "TimerNode",
+  props: {
+    node: Object
+  },
+  setup(r) {
+    const { nodesError: s } = p("flowDesign", { nodesError: d({}) }), m = r, n = d(""), u = {
+      "PT%sS": "秒",
+      "PT%sM": "分钟",
+      "PT%sH": "小时",
+      "P%sD": "天",
+      "P%sW": "周",
+      "P%sM": "月"
+    };
+    return T(() => {
+      const e = [], { id: t, name: o, waitType: a, unit: f, duration: i, timeDate: c } = m.node;
+      a === "date" ? (n.value = `等至 ${c || "?"}`, c || e.push({ id: t, name: o, message: "未设置等待时间" })) : a === "duration" && (n.value = `等待 ${i} ${u[f]}`, i <= 0 && e.push({ id: t, name: o, message: "未设置等待时长" })), e.length > 0 ? s.value[t] = e : delete s.value[t];
+    }), (e, t) => {
+      const o = D;
+      return _(), P(w, g(e.$attrs, {
+        icon: "el:Timer",
+        color: "#E872B7",
+        node: r.node
+      }), {
+        default: l(() => [
+          h(o, null, {
+            default: l(() => [
+              x(E(v(n)), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["node"]);
+    };
+  }
+};
+export {
+  k as default
+};

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

@@ -0,0 +1,47 @@
+import { openBlock as r, createElementBlock as c, Fragment as d, renderSlot as n, createBlock as m, resolveDynamicComponent as f, mergeProps as i, createSlots as l, renderList as p, withCtx as u, normalizeProps as $, guardReactiveProps as _, createCommentVNode as v } from "vue";
+import k from "./StartNode.vue2.js";
+import y from "./EndNode.vue2.js";
+import C from "./ApprovalNode.vue.js";
+import g from "./CcNode.vue.js";
+import B from "./TimerNode.vue.js";
+import P from "./NotifyNode.vue.js";
+import S from "./ServiceNode.vue.js";
+import h from "./ExclusiveNode.vue.js";
+import E from "./ConditionNode.vue2.js";
+const N = {
+  __name: "TreeNode",
+  props: {
+    node: Object
+  },
+  setup(o) {
+    const a = {
+      start: k,
+      approval: C,
+      cc: g,
+      timer: B,
+      notify: P,
+      service: S,
+      exclusive: h,
+      condition: E,
+      end: y
+    };
+    return (e, b) => (r(), c(d, null, [
+      n(e.$slots, "default"),
+      (r(), m(f(a[o.node.type]), i({ node: o.node }, e.$attrs), l({ _: 2 }, [
+        p(e.$slots, (j, t) => ({
+          name: t,
+          fn: u((s) => [
+            n(e.$slots, t, $(_(s || {})))
+          ])
+        }))
+      ]), 1040, ["node"])),
+      o.node.next ? (r(), m(N, i({
+        key: 0,
+        node: o.node.next
+      }, e.$attrs), null, 16, ["node"])) : v("", !0)
+    ], 64));
+  }
+};
+export {
+  N as default
+};