@fecp/mobile-designer 1.0.8 → 1.0.10

package/es/mobileDesigner/src/packages/eventFlow/eventFlow.vue2.mjs

@@ -0,0 +1,386 @@
+import { ElTooltip } from "../../../../node_modules/element-plus/es/components/tooltip/index.mjs";
+import { ElScrollbar } from "../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
+import { ElButton } from "../../../../node_modules/element-plus/es/components/button/index.mjs";
+import "../../../../_virtual/dayjs.min.mjs";
+/* empty css                                                          */
+/* empty css                                                                  */
+/* empty css                                                               */
+import "../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.mjs";
+/* empty css                                                               */
+import { useCssVars, unref, computed, ref, provide, createBlock, openBlock, withCtx, createElementVNode, createVNode, renderSlot, toDisplayString, isRef } from "vue";
+import _sfc_main$1 from "./nodes/TreeNode.vue.mjs";
+import _sfc_main$2 from "./dialog/index.vue.mjs";
+import { useDraggableScroll } from "./hooks/useDraggableScroll.mjs";
+/* empty css               */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "tool" };
+const _hoisted_2 = { class: "zoom" };
+const _hoisted_3 = { class: "node-container" };
+const _sfc_main = {
+  __name: "eventFlow",
+  props: {
+    process: Object,
+    fields: Array,
+    readOnly: {
+      type: Boolean,
+      default: false
+    },
+    defaultZoom: {
+      type: Number,
+      default: 100
+    },
+    bgColor: {
+      type: String,
+      default: "var(--el-bg-color-page)"
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    useCssVars((_ctx) => ({
+      "0134b47a": __props.bgColor,
+      "4611d6e2": unref(getScale)
+    }));
+    const props = __props;
+    const flatFields = computed(() => {
+      const all = [];
+      const loop = (children) => {
+        children.forEach((field) => {
+          if (field.type === "formItem") {
+            all.push(field);
+          }
+          if (Array.isArray(field.children)) {
+            loop(field.children);
+          }
+        });
+      };
+      loop(props.fields);
+      return all;
+    });
+    const getScale = computed(() => zoom.value / 100);
+    const zoom = ref(props.defaultZoom);
+    const readOnly = computed(() => props.readOnly);
+    const activeData = ref({ id: "", name: "", type: "start" });
+    ref(false);
+    const dialogVisible = ref(false);
+    const nodesError = ref({});
+    const designerContainerRef = ref(null);
+    useDraggableScroll(designerContainerRef);
+    provide("flowDesign", {
+      readOnly,
+      fields: flatFields,
+      nodesError
+    });
+    const openDialog = (node) => {
+      if (node.type === "start" || node.type === "end") {
+        return;
+      }
+      activeData.value = node;
+      dialogVisible.value = true;
+    };
+    const nextId = () => {
+      let id = `node_${Math.random().toString(36).substring(2, 7)}`;
+      const findId = (node, id2) => {
+        if (node.id === id2) return true;
+        if (node.next) return findId(node.next, id2);
+        if ("branches" in node) {
+          const branchNode = node;
+          if (branchNode.branches && branchNode.branches.length > 0) {
+            return branchNode.branches.some((item) => findId(item, id2));
+          }
+        }
+        return false;
+      };
+      if (findId(props.process, id)) return nextId();
+      return id;
+    };
+    const addExclusive = (node) => {
+      const next = node.next;
+      const id = nextId();
+      const exclusiveNode = {
+        id,
+        pid: node.id,
+        type: "exclusive",
+        name: "独占网关",
+        next,
+        branches: []
+      };
+      if (next) next.pid = id;
+      addCondition(exclusiveNode);
+      addCondition(exclusiveNode);
+      node.next = exclusiveNode;
+      if (exclusiveNode.branches.length > 0) {
+        const condition = exclusiveNode.branches[exclusiveNode.branches.length - 1];
+        condition.def = true;
+        condition.name = "默认条件";
+      }
+    };
+    const addCondition = (node) => {
+      const exclusive = node;
+      exclusive.branches.splice(exclusive.branches.length - 1, 0, {
+        id: nextId(),
+        pid: exclusive.id,
+        type: "condition",
+        def: false,
+        name: `条件${exclusive.branches.length}`,
+        conditions: {
+          operator: "and",
+          conditions: [],
+          groups: []
+        },
+        ruleMatchStrategy: "continue",
+        next: void 0
+      });
+    };
+    const addCc = (node) => {
+      const next = node.next;
+      const id = nextId();
+      node.next = {
+        id,
+        pid: node.id,
+        type: "cc",
+        name: "抄送人",
+        next,
+        assigneeType: "user",
+        formUser: "",
+        formRole: "",
+        users: [],
+        roles: [],
+        leader: 1,
+        orgLeader: 1,
+        choice: false,
+        self: false,
+        formProperties: []
+      };
+      if (next) next.pid = id;
+    };
+    const addTimer = (node) => {
+      const next = node.next;
+      const id = nextId();
+      node.next = {
+        id,
+        pid: node.id,
+        name: "计时等待",
+        type: "timer",
+        next,
+        waitType: "duration",
+        unit: "PT%sS",
+        duration: 0,
+        timeDate: void 0
+      };
+      if (next) next.pid = id;
+    };
+    const addNotify = (node) => {
+      const next = node.next;
+      const id = nextId();
+      node.next = {
+        id,
+        pid: node.id,
+        name: "消息通知",
+        type: "notify",
+        next,
+        assigneeType: "user",
+        formUser: "",
+        formRole: "",
+        users: [],
+        roles: [],
+        leader: 1,
+        orgLeader: 1,
+        choice: false,
+        self: false,
+        types: ["site"],
+        subject: "",
+        content: ""
+      };
+      if (next) next.pid = id;
+    };
+    const addService = (node) => {
+      const next = node.next;
+      const id = nextId();
+      node.next = {
+        id,
+        pid: node.id,
+        type: "service",
+        name: "服务节点",
+        next,
+        implementationType: "",
+        implementation: ""
+      };
+      if (next) next.pid = id;
+    };
+    const addApproval = (node) => {
+      const next = node.next;
+      const id = nextId();
+      node.next = {
+        id,
+        pid: node.id,
+        type: "approval",
+        name: "动作",
+        // executionListeners: [],
+        next,
+        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,
+        // },
+      };
+      if (next) next.pid = id;
+    };
+    const addNode = (type, node) => {
+      const addMap = {
+        exclusive: addExclusive,
+        condition: addCondition,
+        cc: addCc,
+        timer: addTimer,
+        notify: addNotify,
+        service: addService,
+        approval: addApproval
+      };
+      const fun = addMap[type];
+      fun && fun(node);
+    };
+    const delNode = (del) => {
+      delete nodesError.value[del.id];
+      delNodeNext(props.process, del);
+    };
+    const delNodeNext = (next, del) => {
+      var _a;
+      delete nodesError.value[del.id];
+      if (next.id === del.pid) {
+        if ("branches" in next && ((_a = next.next) == null ? void 0 : _a.id) !== del.id) {
+          const branchNode = next;
+          const index = branchNode.branches.findIndex((item) => item.id === del.id);
+          if (index !== -1) {
+            if (branchNode.branches.length <= 2) {
+              delError(branchNode);
+              delNode(branchNode);
+            } else {
+              delError(del);
+              branchNode.branches.splice(index, 1);
+            }
+          }
+        } else {
+          if (del.next && del.next.pid) {
+            del.next.pid = next.id;
+          }
+          next.next = del.next;
+        }
+      } else {
+        if (next.next) delNodeNext(next.next, del);
+        if ("branches" in next) {
+          const nextBranch = next;
+          if (nextBranch.branches && nextBranch.branches.length > 0) {
+            nextBranch.branches.forEach((item) => delNodeNext(item, del));
+          }
+        }
+      }
+    };
+    const delError = (node) => {
+      delete nodesError.value[node.id];
+      if (node.next) delError(node.next);
+      if ("branches" in node) {
+        const branchNode = node;
+        if (branchNode.branches && branchNode.branches.length > 0) {
+          branchNode.branches.forEach((item) => delError(item));
+        }
+      }
+    };
+    const validate = () => {
+      return new Promise((resolve, reject) => {
+        const errors = Object.values(nodesError.value).flat();
+        if (errors.length > 0) {
+          reject(errors);
+        } else {
+          resolve(true);
+        }
+      });
+    };
+    __expose({ validate });
+    return (_ctx, _cache) => {
+      const _component_el_button = ElButton;
+      const _component_el_tooltip = ElTooltip;
+      const _component_el_scrollbar = ElScrollbar;
+      return openBlock(), createBlock(_component_el_scrollbar, { class: "event-scrollbar" }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "designer-container cursor-default active:cursor-grabbing",
+            ref_key: "designerContainerRef",
+            ref: designerContainerRef
+          }, [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_el_tooltip, {
+                content: "放大",
+                placement: "bottom-start"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    icon: "plus",
+                    onClick: _cache[0] || (_cache[0] = ($event) => zoom.value += 10),
+                    disabled: unref(zoom) >= 170,
+                    circle: ""
+                  }, null, 8, ["disabled"])
+                ]),
+                _: 1
+              }),
+              createElementVNode("span", null, toDisplayString(unref(zoom)) + "%", 1),
+              createVNode(_component_el_tooltip, {
+                content: "缩小",
+                placement: "bottom-start"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    icon: "minus",
+                    onClick: _cache[1] || (_cache[1] = ($event) => zoom.value -= 10),
+                    circle: "",
+                    disabled: unref(zoom) <= 50
+                  }, null, 8, ["disabled"])
+                ]),
+                _: 1
+              })
+            ]),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_sfc_main$1, {
+                node: __props.process,
+                onAddNode: addNode,
+                onDelNode: delNode,
+                onActiveNode: openDialog
+              }, null, 8, ["node"])
+            ]),
+            createVNode(_sfc_main$2, {
+              modelValue: unref(dialogVisible),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null),
+              activeData: unref(activeData)
+            }, null, 8, ["modelValue", "activeData"])
+          ], 512)
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+const EventFlow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67c6ede7"]]);
+export {
+  EventFlow as default
+};

package/es/mobileDesigner/src/packages/eventFlow/index.vue.mjs

@@ -1,5 +1,5 @@
 import { ref, createBlock, openBlock, unref } from "vue";
-import EventFlow from "./eventFlow.vue.mjs";
+import EventFlow from "./eventFlow.vue2.mjs";
 const _sfc_main = {
   __name: "index",
   props: {

package/es/mobileDesigner/src/packages/eventFlow/nodes/Add.vue2.mjs

@@ -0,0 +1,97 @@
+import { ElButton } from "../../../../../node_modules/element-plus/es/components/button/index.mjs";
+import { ElSpace } from "../../../../../node_modules/element-plus/es/components/space/index.mjs";
+import { ElText } from "../../../../../node_modules/element-plus/es/components/text/index.mjs";
+import { ElPopover } from "../../../../../node_modules/element-plus/es/components/popover/index.mjs";
+import "../../../../../_virtual/dayjs.min.mjs";
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                   */
+/* empty css                                                                  */
+/* empty css                                                                 */
+/* empty css                                                                */
+import { inject, ref, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, createTextVNode, withDirectives, vShow, unref } from "vue";
+/* empty css         */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "add-but" };
+const _sfc_main = {
+  __name: "Add",
+  emits: ["addNode"],
+  setup(__props, { emit: __emit }) {
+    const { readOnly } = inject("flowDesign", { readOnly: ref(false) });
+    const popoverRef = ref();
+    const $emits = __emit;
+    const addApprovalNode = () => {
+      var _a;
+      $emits("addNode", "approval");
+      (_a = popoverRef.value) == null ? void 0 : _a.hide();
+    };
+    const addExclusiveNode = () => {
+      var _a;
+      $emits("addNode", "exclusive");
+      (_a = popoverRef.value) == null ? void 0 : _a.hide();
+    };
+    return (_ctx, _cache) => {
+      const _component_svg_icon = resolveComponent("svg-icon");
+      const _component_el_text = ElText;
+      const _component_el_space = ElSpace;
+      const _component_el_button = ElButton;
+      const _component_el_popover = ElPopover;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_popover, {
+          placement: "bottom-start",
+          ref_key: "popoverRef",
+          ref: popoverRef,
+          trigger: "click",
+          width: 336
+        }, {
+          reference: withCtx(() => [
+            withDirectives(createVNode(_component_el_button, {
+              icon: "Plus",
+              type: "primary",
+              style: { "z-index": "1" },
+              circle: ""
+            }, null, 512), [
+              [vShow, !unref(readOnly)]
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_space, { wrap: "" }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: "node-select",
+                  onClick: addApprovalNode
+                }, [
+                  createVNode(_component_svg_icon, { name: "el:Stamp" }),
+                  createVNode(_component_el_text, null, {
+                    default: withCtx(() => _cache[0] || (_cache[0] = [
+                      createTextVNode("动作")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                createElementVNode("div", {
+                  class: "node-select",
+                  onClick: addExclusiveNode
+                }, [
+                  createVNode(_component_svg_icon, { name: "el:Share" }),
+                  createVNode(_component_el_text, null, {
+                    default: withCtx(() => _cache[1] || (_cache[1] = [
+                      createTextVNode("条件")
+                    ])),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+};
+const Add = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b2a9845"]]);
+export {
+  Add as default
+};

package/es/mobileDesigner/src/packages/eventFlow/nodes/ApprovalNode.vue.mjs

@@ -3,7 +3,7 @@ import "../../../../../_virtual/dayjs.min.mjs";
 /* empty css                                                             */
 /* empty css                                                                */
 import { inject, ref, watchEffect, createBlock, openBlock, mergeProps, withCtx, createVNode, createTextVNode, toDisplayString, unref } from "vue";
-import Node from "./Node.vue.mjs";
+import Node from "./Node.vue2.mjs";
 const _sfc_main = {
   __name: "ApprovalNode",
   props: {

package/es/mobileDesigner/src/packages/eventFlow/nodes/CcNode.vue.mjs

@@ -3,7 +3,7 @@ import "../../../../../_virtual/dayjs.min.mjs";
 /* empty css                                                             */
 /* empty css                                                                */
 import { inject, ref, watchEffect, createBlock, openBlock, mergeProps, withCtx, createVNode, createTextVNode, toDisplayString, unref } from "vue";
-import Node from "./Node.vue.mjs";
+import Node from "./Node.vue2.mjs";
 const _sfc_main = {
   __name: "CcNode",
   props: {

package/es/mobileDesigner/src/packages/eventFlow/nodes/ConditionNode.vue2.mjs

@@ -0,0 +1,68 @@
+import { ElText } from "../../../../../node_modules/element-plus/es/components/text/index.mjs";
+import "../../../../../_virtual/dayjs.min.mjs";
+/* empty css                                                             */
+/* empty css                                                                */
+import { inject, ref, watchEffect, createElementBlock, openBlock, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, unref } from "vue";
+import Node from "./Node.vue2.mjs";
+/* empty css                   */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "branch-node" };
+const _sfc_main = {
+  __name: "ConditionNode",
+  props: {
+    node: Object
+  },
+  setup(__props) {
+    const { nodesError } = inject("flowDesign", { nodesError: ref({}) });
+    const props = __props;
+    const content = ref("");
+    watchEffect(() => {
+      var _a, _b;
+      const errors = [];
+      const { id, name, def, conditions, next } = props.node;
+      if (def) {
+        content.value = "不满足其他条件时执行";
+      } else if (conditions.conditions.length > 0 || (((_a = conditions.groups) == null ? void 0 : _a.length) || 0) > 0) {
+        const count = conditions.conditions.length + (((_b = conditions.groups) == null ? void 0 : _b.length) || 0);
+        content.value = `已设置（${count}）个条件`;
+        if (!next) {
+          errors.push({ id, name, message: "分支下没有下一步动作" });
+        }
+      } else {
+        errors.push({ id, name, message: "未设置条件" });
+        content.value = "点击配置条件";
+      }
+      if (errors.length > 0) {
+        nodesError.value[id] = errors;
+      } else {
+        delete nodesError.value[id];
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_el_text = ElText;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(Node, mergeProps(_ctx.$attrs, {
+          icon: "el:Share",
+          node: __props.node,
+          readOnly: __props.node.def,
+          color: "linear-gradient(89.96deg, #79db88 .05%, #4bb44b 79.83%)"
+        }), {
+          default: withCtx(() => [
+            createVNode(_component_el_text, null, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(content)), 1)
+              ]),
+              _: 1
+            }),
+            renderSlot(_ctx.$slots, "append", {}, void 0, true)
+          ]),
+          _: 3
+        }, 16, ["node", "readOnly"])
+      ]);
+    };
+  }
+};
+const Condition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6370e05c"]]);
+export {
+  Condition as default
+};

package/es/mobileDesigner/src/packages/eventFlow/nodes/EndNode.vue2.mjs

@@ -0,0 +1,53 @@
+import { ElText } from "../../../../../node_modules/element-plus/es/components/text/index.mjs";
+import "../../../../../_virtual/dayjs.min.mjs";
+/* empty css                                                             */
+/* empty css                                                                */
+import { inject, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+/* empty css             */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "node-box" };
+const _sfc_main = {
+  __name: "EndNode",
+  props: {
+    node: Object,
+    readOnly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["activeNode"],
+  setup(__props, { emit: __emit }) {
+    const _inject = inject("flowDesign", { readOnly: ref(false) });
+    const $emits = __emit;
+    const $props = __props;
+    const _readOnly = computed(() => {
+      var _a;
+      return ((_a = _inject.readOnly) == null ? void 0 : _a.value) || $props.readOnly;
+    });
+    const activeNode = () => {
+      if (_readOnly.value) return;
+      $emits("activeNode", $props.node);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_text = ElText;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "end-node-circle" }, null, -1)),
+        createElementVNode("div", {
+          class: "end-node",
+          onClick: activeNode
+        }, [
+          createVNode(_component_el_text, null, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.node.name), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+};
+const End = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d22e0892"]]);
+export {
+  End as default
+};

package/es/mobileDesigner/src/packages/eventFlow/nodes/ExclusiveNode.vue.mjs

@@ -3,7 +3,7 @@ import "../../../../../_virtual/dayjs.min.mjs";
 /* empty css                                                             */
 /* empty css                                                                  */
 import { createBlock, openBlock, mergeProps, withCtx, createVNode, createTextVNode } from "vue";
-import GatewayNode from "./GatewayNode.vue.mjs";
+import GatewayNode from "./GatewayNode.vue2.mjs";
 const _sfc_main = {
   __name: "ExclusiveNode",
   props: {