@fecp/mobile-designer 1.0.7 → 1.0.9

package/lib/mobileDesigner/src/packages/eventFlow/eventFlow.vue2.js

@@ -0,0 +1,386 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index$1 = require("../../../../node_modules/element-plus/es/components/tooltip/index.js");
+const index = require("../../../../node_modules/element-plus/es/components/scrollbar/index.js");
+const index$2 = require("../../../../node_modules/element-plus/es/components/button/index.js");
+require("../../../../_virtual/dayjs.min.js");
+;/* empty css                                                          */
+;/* empty css                                                                  */
+;/* empty css                                                               */
+require("../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.js");
+;/* empty css                                                               */
+const require$$1 = require("vue");
+const TreeNode = ;/* empty css                    */
+const index$3 = ;/* empty css                  */
+const useDraggableScroll = require("./hooks/useDraggableScroll.js");
+;/* empty css               */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+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 }) {
+    require$$1.useCssVars((_ctx) => ({
+      "0134b47a": __props.bgColor,
+      "4611d6e2": require$$1.unref(getScale)
+    }));
+    const props = __props;
+    const flatFields = require$$1.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 = require$$1.computed(() => zoom.value / 100);
+    const zoom = require$$1.ref(props.defaultZoom);
+    const readOnly = require$$1.computed(() => props.readOnly);
+    const activeData = require$$1.ref({ id: "", name: "", type: "start" });
+    require$$1.ref(false);
+    const dialogVisible = require$$1.ref(false);
+    const nodesError = require$$1.ref({});
+    const designerContainerRef = require$$1.ref(null);
+    useDraggableScroll.useDraggableScroll(designerContainerRef);
+    require$$1.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 index2 = branchNode.branches.findIndex((item) => item.id === del.id);
+          if (index2 !== -1) {
+            if (branchNode.branches.length <= 2) {
+              delError(branchNode);
+              delNode(branchNode);
+            } else {
+              delError(del);
+              branchNode.branches.splice(index2, 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 = index$2.ElButton;
+      const _component_el_tooltip = index$1.ElTooltip;
+      const _component_el_scrollbar = index.ElScrollbar;
+      return require$$1.openBlock(), require$$1.createBlock(_component_el_scrollbar, { class: "event-scrollbar" }, {
+        default: require$$1.withCtx(() => [
+          require$$1.createElementVNode("div", {
+            class: "designer-container cursor-default active:cursor-grabbing",
+            ref_key: "designerContainerRef",
+            ref: designerContainerRef
+          }, [
+            require$$1.createElementVNode("div", _hoisted_1, [
+              require$$1.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            require$$1.createElementVNode("div", _hoisted_2, [
+              require$$1.createVNode(_component_el_tooltip, {
+                content: "放大",
+                placement: "bottom-start"
+              }, {
+                default: require$$1.withCtx(() => [
+                  require$$1.createVNode(_component_el_button, {
+                    icon: "plus",
+                    onClick: _cache[0] || (_cache[0] = ($event) => zoom.value += 10),
+                    disabled: require$$1.unref(zoom) >= 170,
+                    circle: ""
+                  }, null, 8, ["disabled"])
+                ]),
+                _: 1
+              }),
+              require$$1.createElementVNode("span", null, require$$1.toDisplayString(require$$1.unref(zoom)) + "%", 1),
+              require$$1.createVNode(_component_el_tooltip, {
+                content: "缩小",
+                placement: "bottom-start"
+              }, {
+                default: require$$1.withCtx(() => [
+                  require$$1.createVNode(_component_el_button, {
+                    icon: "minus",
+                    onClick: _cache[1] || (_cache[1] = ($event) => zoom.value -= 10),
+                    circle: "",
+                    disabled: require$$1.unref(zoom) <= 50
+                  }, null, 8, ["disabled"])
+                ]),
+                _: 1
+              })
+            ]),
+            require$$1.createElementVNode("div", _hoisted_3, [
+              require$$1.createVNode(TreeNode.default, {
+                node: __props.process,
+                onAddNode: addNode,
+                onDelNode: delNode,
+                onActiveNode: openDialog
+              }, null, 8, ["node"])
+            ]),
+            require$$1.createVNode(index$3.default, {
+              modelValue: require$$1.unref(dialogVisible),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => require$$1.isRef(dialogVisible) ? dialogVisible.value = $event : null),
+              activeData: require$$1.unref(activeData)
+            }, null, 8, ["modelValue", "activeData"])
+          ], 512)
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+const EventFlow = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-67c6ede7"]]);
+exports.default = EventFlow;

package/lib/mobileDesigner/src/packages/eventFlow/hooks/useDraggableScroll.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Vue = require("vue");
+const require$$1 = require("vue");
 function useDraggableScroll(containerRef) {
-  const isDragging = Vue.ref(false);
+  const isDragging = require$$1.ref(false);
   let startX, startY;
   let scrollLeft, scrollTop;
   const onMouseDown = (e) => {
@@ -27,11 +27,11 @@ function useDraggableScroll(containerRef) {
     document.removeEventListener("mousemove", onMouseMove);
     document.removeEventListener("mouseup", onMouseUp);
   };
-  Vue.onMounted(() => {
+  require$$1.onMounted(() => {
     var _a;
     (_a = containerRef.value) == null ? void 0 : _a.addEventListener("mousedown", onMouseDown);
   });
-  Vue.onBeforeUnmount(() => {
+  require$$1.onBeforeUnmount(() => {
     var _a;
     (_a = containerRef.value) == null ? void 0 : _a.removeEventListener("mousedown", onMouseDown);
   });

package/lib/mobileDesigner/src/packages/eventFlow/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const eventFlow = require("./eventFlow.vue.js");
+const require$$1 = require("vue");
+const eventFlow = require("./eventFlow.vue2.js");
 const _sfc_main = {
   __name: "index",
   props: {
@@ -9,8 +9,8 @@ const _sfc_main = {
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const eventFlowRef = Vue.ref(null);
-    const fields = Vue.ref([]);
+    const eventFlowRef = require$$1.ref(null);
+    const fields = require$$1.ref([]);
     __expose({
       validate: () => {
         var _a, _b;
@@ -18,11 +18,11 @@ const _sfc_main = {
       }
     });
     return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createBlock(eventFlow.default, {
+      return require$$1.openBlock(), require$$1.createBlock(eventFlow.default, {
         ref_key: "eventFlowRef",
         ref: eventFlowRef,
         process: props.process,
-        fields: Vue.unref(fields),
+        fields: require$$1.unref(fields),
         readOnly: false
       }, null, 8, ["process", "fields"]);
     };

package/lib/mobileDesigner/src/packages/eventFlow/nodes/Add.vue2.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index$3 = require("../../../../../node_modules/element-plus/es/components/button/index.js");
+const index$1 = require("../../../../../node_modules/element-plus/es/components/space/index.js");
+const index$2 = require("../../../../../node_modules/element-plus/es/components/text/index.js");
+const index = require("../../../../../node_modules/element-plus/es/components/popover/index.js");
+require("../../../../../_virtual/dayjs.min.js");
+;/* empty css                                                             */
+;/* empty css                                                                  */
+;/* empty css                                                                   */
+;/* empty css                                                                  */
+;/* empty css                                                                 */
+;/* empty css                                                                */
+const require$$1 = require("vue");
+;/* empty css         */
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = { class: "add-but" };
+const _sfc_main = {
+  __name: "Add",
+  emits: ["addNode"],
+  setup(__props, { emit: __emit }) {
+    const { readOnly } = require$$1.inject("flowDesign", { readOnly: require$$1.ref(false) });
+    const popoverRef = require$$1.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 = require$$1.resolveComponent("svg-icon");
+      const _component_el_text = index$2.ElText;
+      const _component_el_space = index$1.ElSpace;
+      const _component_el_button = index$3.ElButton;
+      const _component_el_popover = index.ElPopover;
+      return require$$1.openBlock(), require$$1.createElementBlock("div", _hoisted_1, [
+        require$$1.createVNode(_component_el_popover, {
+          placement: "bottom-start",
+          ref_key: "popoverRef",
+          ref: popoverRef,
+          trigger: "click",
+          width: 336
+        }, {
+          reference: require$$1.withCtx(() => [
+            require$$1.withDirectives(require$$1.createVNode(_component_el_button, {
+              icon: "Plus",
+              type: "primary",
+              style: { "z-index": "1" },
+              circle: ""
+            }, null, 512), [
+              [require$$1.vShow, !require$$1.unref(readOnly)]
+            ])
+          ]),
+          default: require$$1.withCtx(() => [
+            require$$1.createVNode(_component_el_space, { wrap: "" }, {
+              default: require$$1.withCtx(() => [
+                require$$1.createElementVNode("div", {
+                  class: "node-select",
+                  onClick: addApprovalNode
+                }, [
+                  require$$1.createVNode(_component_svg_icon, { name: "el:Stamp" }),
+                  require$$1.createVNode(_component_el_text, null, {
+                    default: require$$1.withCtx(() => _cache[0] || (_cache[0] = [
+                      require$$1.createTextVNode("动作")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                require$$1.createElementVNode("div", {
+                  class: "node-select",
+                  onClick: addExclusiveNode
+                }, [
+                  require$$1.createVNode(_component_svg_icon, { name: "el:Share" }),
+                  require$$1.createVNode(_component_el_text, null, {
+                    default: require$$1.withCtx(() => _cache[1] || (_cache[1] = [
+                      require$$1.createTextVNode("条件")
+                    ])),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+};
+const Add = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3b2a9845"]]);
+exports.default = Add;

package/lib/mobileDesigner/src/packages/eventFlow/nodes/ApprovalNode.vue.js

@@ -4,21 +4,21 @@ const index = require("../../../../../node_modules/element-plus/es/components/te
 require("../../../../../_virtual/dayjs.min.js");
 ;/* empty css                                                             */
 ;/* empty css                                                                */
-const Vue = require("vue");
-const Node = require("./Node.vue.js");
+const require$$1 = require("vue");
+const Node = require("./Node.vue2.js");
 const _sfc_main = {
   __name: "ApprovalNode",
   props: {
     node: Object
   },
   setup(__props) {
-    const { fields, nodesError } = Vue.inject("flowDesign", {
-      fields: Vue.ref([]),
-      nodesError: Vue.ref({})
+    const { fields, nodesError } = require$$1.inject("flowDesign", {
+      fields: require$$1.ref([]),
+      nodesError: require$$1.ref({})
     });
     const props = __props;
-    const content = Vue.ref("");
-    Vue.watchEffect(() => {
+    const content = require$$1.ref("");
+    require$$1.watchEffect(() => {
       const errors = [];
       const { id, name, actionType, actionName, basic } = props.node;
       if (actionType && Object.keys(basic || {}).length > 0) {
@@ -35,15 +35,15 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _component_el_text = index.ElText;
-      return Vue.openBlock(), Vue.createBlock(Node.default, Vue.mergeProps(_ctx.$attrs, {
+      return require$$1.openBlock(), require$$1.createBlock(Node.default, require$$1.mergeProps(_ctx.$attrs, {
         icon: "el:Stamp",
         color: "linear-gradient(89.96deg, #FB9337 .05%, #FA6F32 79.83%)",
         node: __props.node
       }), {
-        default: Vue.withCtx(() => [
-          Vue.createVNode(_component_el_text, null, {
-            default: Vue.withCtx(() => [
-              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(content)), 1)
+        default: require$$1.withCtx(() => [
+          require$$1.createVNode(_component_el_text, null, {
+            default: require$$1.withCtx(() => [
+              require$$1.createTextVNode(require$$1.toDisplayString(require$$1.unref(content)), 1)
             ]),
             _: 1
           })

package/lib/mobileDesigner/src/packages/eventFlow/nodes/CcNode.vue.js

@@ -4,18 +4,18 @@ const index = require("../../../../../node_modules/element-plus/es/components/te
 require("../../../../../_virtual/dayjs.min.js");
 ;/* empty css                                                             */
 ;/* empty css                                                                */
-const Vue = require("vue");
-const Node = require("./Node.vue.js");
+const require$$1 = require("vue");
+const Node = require("./Node.vue2.js");
 const _sfc_main = {
   __name: "CcNode",
   props: {
     node: Object
   },
   setup(__props) {
-    const { fields, nodesError } = Vue.inject("flowDesign", { fields: Vue.ref([]), nodesError: Vue.ref({}) });
+    const { fields, nodesError } = require$$1.inject("flowDesign", { fields: require$$1.ref([]), nodesError: require$$1.ref({}) });
     const props = __props;
-    const content = Vue.ref("");
-    Vue.watchEffect(() => {
+    const content = require$$1.ref("");
+    require$$1.watchEffect(() => {
       var _a, _b;
       const errors = [];
       const { id, assigneeType, name, users, roles, leader, choice, formUser, formRole, orgLeader } = props.node;
@@ -71,15 +71,15 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _component_el_text = index.ElText;
-      return Vue.openBlock(), Vue.createBlock(Node.default, Vue.mergeProps(_ctx.$attrs, {
+      return require$$1.openBlock(), require$$1.createBlock(Node.default, require$$1.mergeProps(_ctx.$attrs, {
         icon: "el:Promotion",
         color: "rgb(50, 150, 250)",
         node: __props.node
       }), {
-        default: Vue.withCtx(() => [
-          Vue.createVNode(_component_el_text, null, {
-            default: Vue.withCtx(() => [
-              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(content)), 1)
+        default: require$$1.withCtx(() => [
+          require$$1.createVNode(_component_el_text, null, {
+            default: require$$1.withCtx(() => [
+              require$$1.createTextVNode(require$$1.toDisplayString(require$$1.unref(content)), 1)
             ]),
             _: 1
           })