@web-utils/component 2.8.14 → 2.8.16

package/easy-popup/index.mjs

@@ -58,7 +58,7 @@ const a = {
   },
   methods: {
     show(e) {
-      document.addEventListener("click", this.hide, !0), this.axis = { x: e.clientX, y: e.clientY }, this.rendered = !0, this.visible = !0;
+      this.axis = { x: e.clientX, y: e.clientY }, this.visible || (document.addEventListener("click", this.hide, !0), this.rendered = !0, this.visible = !0);
     },
     hide() {
       this.visible = !1, document.removeEventListener("click", this.hide);
@@ -79,9 +79,9 @@ function h(e) {
   for (let t in s)
     this[t] = s[t];
 }
-const f = /* @__PURE__ */ function() {
+const l = /* @__PURE__ */ function() {
   return d.exports;
 }();
 export {
-  f as default
+  l as default
 };

package/flow-designer/index.mjs

@@ -0,0 +1,538 @@
+import { assign as u, isArray as z, forEach as B } from "min-dash";
+import { is as D } from "bpmn-js/lib/util/ModelUtil";
+import { isExpanded as U, isEventSubProcess as Y } from "bpmn-js/lib/util/DiUtil";
+import { isAny as F } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
+import { getChildLanes as H } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as q } from "diagram-js/lib/util/Mouse";
+import $ from "bpmn-js/lib/features/palette/PaletteProvider";
+import I from "diagram-js/lib/features/auto-place/AutoPlace";
+import { getMid as V, asTRBL as W } from "diagram-js/lib/layout/LayoutUtil";
+import J from "@web-utils/component/properties-panel";
+import K from "@web-utils/component/process-designer";
+import { n as Q } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+function R(e, i, n, t, a, r, l, c, v, y, s, o, p) {
+  e = e || {}, t.registerProvider(this), this._contextPad = t, this._modeling = a, this._elementFactory = r, this._connect = l, this._create = c, this._popupMenu = v, this._canvas = y, this._rules = s, this._translate = o, e.autoPlace !== !1 && (this._autoPlace = i.get("autoPlace", !1)), n.on("create.end", 250, function(h) {
+    const g = h.context.shape;
+    if (!q(h) || !t.isOpen(g))
+      return;
+    const d = t.getEntries(g);
+    d.replace && d.replace.action.click(h, g);
+  });
+}
+R.$inject = [
+  "config.contextPad",
+  "injector",
+  "eventBus",
+  "contextPad",
+  "modeling",
+  "elementFactory",
+  "connect",
+  "create",
+  "popupMenu",
+  "canvas",
+  "rules",
+  "translate",
+  "elementRegistry"
+];
+R.prototype.getContextPadEntries = function(e) {
+  const i = this._contextPad, n = this._modeling, t = this._elementFactory, a = this._connect, r = this._create, l = this._popupMenu, c = this._canvas, v = this._rules, y = this._autoPlace, s = this._translate, o = {};
+  if (e.type === "label")
+    return o;
+  const p = e.businessObject;
+  function h(m, b) {
+    a.start(m, b);
+  }
+  function C() {
+    n.removeElements([e]);
+  }
+  function g(m) {
+    const f = c.getContainer(), P = i.getPad(m).html, E = f.getBoundingClientRect(), w = P.getBoundingClientRect(), k = w.top - E.top;
+    return {
+      x: w.left - E.left,
+      y: k + w.height + 5
+    };
+  }
+  function d(m, b, f, P) {
+    typeof f != "string" && (P = f, f = s("Append {type}", { type: m.replace(/^bpmn:/, "") }));
+    function E(k, S) {
+      const A = t.createShape(u({ type: m }, P));
+      r.start(k, A, {
+        source: S
+      });
+    }
+    return {
+      group: "model",
+      className: b,
+      title: f,
+      action: {
+        dragstart: E,
+        click: y ? function(k, S) {
+          const A = t.createShape(u({ type: m }, P));
+          y.append(S, A);
+        } : E
+      }
+    };
+  }
+  function T(m) {
+    return function(b, f) {
+      n.splitLane(f, m), i.open(f, !0);
+    };
+  }
+  if (F(p, ["bpmn:Lane", "bpmn:Participant"]) && U(p)) {
+    const m = H(e);
+    u(o, {
+      "lane-insert-above": {
+        group: "lane-insert-above",
+        className: "bpmn-icon-lane-insert-above",
+        title: s("Add Lane above"),
+        action: {
+          click: function(b, f) {
+            n.addLane(f, "top");
+          }
+        }
+      }
+    }), m.length < 2 && (e.height >= 120 && u(o, {
+      "lane-divide-two": {
+        group: "lane-divide",
+        className: "bpmn-icon-lane-divide-two",
+        title: s("Divide into two Lanes"),
+        action: {
+          click: T(2)
+        }
+      }
+    }), e.height >= 180 && u(o, {
+      "lane-divide-three": {
+        group: "lane-divide",
+        className: "bpmn-icon-lane-divide-three",
+        title: s("Divide into three Lanes"),
+        action: {
+          click: T(3)
+        }
+      }
+    })), u(o, {
+      "lane-insert-below": {
+        group: "lane-insert-below",
+        className: "bpmn-icon-lane-insert-below",
+        title: s("Add Lane below"),
+        action: {
+          click: function(b, f) {
+            n.addLane(f, "bottom");
+          }
+        }
+      }
+    });
+  }
+  D(p, "bpmn:FlowNode") && (D(p, "bpmn:EventBasedGateway") ? u(o, {
+    "append.receive-task": d("bpmn:ReceiveTask", "bpmn-icon-receive-task", s("Append ReceiveTask")),
+    "append.message-intermediate-event": d(
+      "bpmn:IntermediateCatchEvent",
+      "bpmn-icon-intermediate-event-catch-message",
+      s("Append MessageIntermediateCatchEvent"),
+      { eventDefinitionType: "bpmn:MessageEventDefinition" }
+    ),
+    "append.timer-intermediate-event": d(
+      "bpmn:IntermediateCatchEvent",
+      "bpmn-icon-intermediate-event-catch-timer",
+      s("Append TimerIntermediateCatchEvent"),
+      { eventDefinitionType: "bpmn:TimerEventDefinition" }
+    ),
+    "append.condition-intermediate-event": d(
+      "bpmn:IntermediateCatchEvent",
+      "bpmn-icon-intermediate-event-catch-condition",
+      s("Append ConditionIntermediateCatchEvent"),
+      { eventDefinitionType: "bpmn:ConditionalEventDefinition" }
+    ),
+    "append.signal-intermediate-event": d(
+      "bpmn:IntermediateCatchEvent",
+      "bpmn-icon-intermediate-event-catch-signal",
+      s("Append SignalIntermediateCatchEvent"),
+      { eventDefinitionType: "bpmn:SignalEventDefinition" }
+    )
+  }) : M(p, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? u(o, {
+    "append.compensation-activity": d("bpmn:Task", "bpmn-icon-task", s("Append compensation activity"), {
+      isForCompensation: !0
+    })
+  }) : !D(p, "bpmn:EndEvent") && !p.isForCompensation && !M(p, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Y(p) && u(o, {
+    "append.end-event": d("bpmn:EndEvent", "bpmn-icon-end-event-none", s("Append EndEvent")),
+    "append.gateway": d("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", s("Append Gateway")),
+    "append.append-task": d("bpmn:UserTask", "bpmn-icon-user-task", s("Append Task")),
+    "append.intermediate-event": d(
+      "bpmn:IntermediateThrowEvent",
+      "bpmn-icon-intermediate-event-none",
+      s("Append Intermediate/Boundary Event")
+    )
+  })), l.isEmpty(e, "bpmn-replace") || u(o, {
+    replace: {
+      group: "edit",
+      className: "bpmn-icon-screw-wrench",
+      title: s("Change type"),
+      action: {
+        click: function(m, b) {
+          const f = u(g(b), {
+            cursor: { x: m.x, y: m.y }
+          });
+          l.open(b, "bpmn-replace", f);
+        }
+      }
+    }
+  }), F(p, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && u(o, {
+    "append.text-annotation": d("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
+    connect: {
+      group: "connect",
+      className: "bpmn-icon-connection-multi",
+      title: s(`Connect using ${p.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`),
+      action: {
+        click: h,
+        dragstart: h
+      }
+    }
+  }), F(p, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && u(o, {
+    connect: {
+      group: "connect",
+      className: "bpmn-icon-connection-multi",
+      title: s("Connect using DataInputAssociation"),
+      action: {
+        click: h,
+        dragstart: h
+      }
+    }
+  }), D(p, "bpmn:Group") && u(o, {
+    "append.text-annotation": d("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
+  });
+  let _ = v.allowed("elements.delete", { elements: [e] });
+  return z(_) && (_ = _[0] === e), _ && u(o, {
+    delete: {
+      group: "edit",
+      className: "bpmn-icon-trash",
+      title: s("Remove"),
+      action: {
+        click: C
+      }
+    }
+  }), o;
+};
+function M(e, i, n) {
+  const t = e.$instanceOf(i);
+  let a = !1;
+  const r = e.eventDefinitions || [];
+  return B(r, function(l) {
+    l.$type === n && (a = !0);
+  }), t && a;
+}
+const X = {
+  __init__: ["contextPadProvider"],
+  contextPadProvider: ["type", R]
+};
+function x(e, i, n, t, a, r, l, c, v) {
+  $.call(this, e, i, n, t, a, r, l, c, v, 2e3), this._create = i, this._elementFactory = n, this._spaceTool = t, this._lassoTool = a, this._handTool = r, this._globalConnect = l, this._moddle = c, this._translate = v;
+}
+const N = function() {
+};
+N.prototype = $.prototype;
+N.prototype.getPaletteEntries = function() {
+  const e = {}, i = this._create, n = this._elementFactory, t = this._spaceTool, a = this._lassoTool, r = this._handTool, l = this._globalConnect, c = this._translate;
+  function v(o, p, h, C, g) {
+    function d(_) {
+      const m = n.createShape(u({ type: o }, g));
+      g && (m.businessObject.di.isExpanded = g.isExpanded), i.start(_, m);
+    }
+    const T = o.replace(/^bpmn:/, "");
+    return {
+      group: p,
+      className: h,
+      title: C || c("Create {type}", { type: T }),
+      action: {
+        dragstart: d,
+        click: d
+      }
+    };
+  }
+  function y(o) {
+    const p = n.createShape({
+      type: "bpmn:SubProcess",
+      x: 0,
+      y: 0,
+      isExpanded: !0
+    }), h = n.createShape({
+      type: "bpmn:StartEvent",
+      x: 40,
+      y: 82,
+      parent: p
+    });
+    i.start(o, [p, h], {
+      hints: {
+        autoSelect: [h]
+      }
+    });
+  }
+  function s(o) {
+    i.start(o, n.createParticipantShape());
+  }
+  return u(e, {
+    "hand-tool": {
+      group: "tools",
+      className: "bpmn-icon-hand-tool",
+      title: c("Activate the hand tool"),
+      action: {
+        click: function(o) {
+          r.activateHand(o);
+        }
+      }
+    },
+    "lasso-tool": {
+      group: "tools",
+      className: "bpmn-icon-lasso-tool",
+      title: c("Activate the lasso tool"),
+      action: {
+        click: function(o) {
+          a.activateSelection(o);
+        }
+      }
+    },
+    "space-tool": {
+      group: "tools",
+      className: "bpmn-icon-space-tool",
+      title: c("Activate the create/remove space tool"),
+      action: {
+        click: function(o) {
+          t.activateSelection(o);
+        }
+      }
+    },
+    "global-connect-tool": {
+      group: "tools",
+      className: "bpmn-icon-connection-multi",
+      title: c("Activate the global connect tool"),
+      action: {
+        click: function(o) {
+          l.toggle(o);
+        }
+      }
+    },
+    "tool-separator": {
+      group: "tools",
+      separator: !0
+    },
+    "create.start-event": v("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", c("Create StartEvent")),
+    "create.intermediate-event": v("bpmn:IntermediateThrowEvent", "event", "bpmn-icon-intermediate-event-none", c("Create Intermediate/Boundary Event")),
+    "create.user-task": v("bpmn:UserTask", "activity", "bpmn-icon-user-task", c("Create User Task")),
+    "create.exclusive-gateway": v("bpmn:ExclusiveGateway", "activity", "bpmn-icon-gateway-none", c("Create Gateway")),
+    "create.end-event": v("bpmn:EndEvent", "activity", "bpmn-icon-end-event-none", c("Create EndEvent")),
+    // 'create.sql-task': createAction('user:MySql', 'activity', 'bpmn-icon-mysql', 'MySQL 节点'),
+    // 'create.data-object': createAction('bpmn:DataObjectReference', 'data-object', 'bpmn-icon-data-object', translate('Create DataObjectReference')),
+    // 'create.data-store': createAction('bpmn:DataStoreReference', 'data-store', 'bpmn-icon-data-store', translate('Create DataStoreReference')),
+    "create.subprocess-expanded": {
+      group: "activity",
+      className: "bpmn-icon-subprocess-expanded",
+      title: c("Create expanded SubProcess"),
+      action: {
+        dragstart: y,
+        click: y
+      }
+    },
+    "create.participant-expanded": {
+      group: "collaboration",
+      className: "bpmn-icon-participant",
+      title: c("Create Pool/Participant"),
+      action: {
+        dragstart: s,
+        click: s
+      }
+    }
+    // 'create.group': createAction('bpmn:Group', 'artifact', 'bpmn-icon-group', translate('Create Group'))
+  }), e;
+};
+x.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
+x.prototype = new N();
+x.prototype.constructor = x;
+const Z = {
+  __init__: ["customPalette"],
+  customPalette: ["type", x]
+};
+function O(e, i) {
+  I.call(this, e, i, 3e3), e.on("autoPlace", 3e3, function(n) {
+    const t = n.shape, a = n.source;
+    return oe(a, t);
+  }), this.append = function(n, t, a) {
+    e.fire("autoPlace.start", {
+      source: n,
+      shape: t
+    });
+    const r = e.fire("autoPlace", {
+      source: n,
+      shape: t
+    });
+    console.log("hints", a, "position", r);
+    const l = i.appendShape(n, t, r, n.parent, a);
+    return e.fire("autoPlace.end", {
+      source: n,
+      shape: l
+    }), l;
+  };
+}
+function ee(e) {
+  return {
+    top: e.y,
+    right: e.x + (e.width || 0),
+    bottom: e.y + (e.height || 0),
+    left: e.x
+  };
+}
+function te(e) {
+  return {
+    x: Math.round(e.x),
+    y: Math.round(e.y)
+  };
+}
+function ne(e) {
+  return te({
+    x: e.x + (e.width || 0) / 2,
+    y: e.y + (e.height || 0) / 2
+  });
+}
+function oe(e, i, n) {
+  n || (n = {});
+  const t = n.defaultDistance || 50, a = ne(e), r = ee(e);
+  return {
+    x: a.x,
+    y: r.bottom + t + i.height / 2
+  };
+}
+const j = function() {
+};
+j.prototype = I.prototype;
+O.prototype = new j();
+O.prototype.constructor = I;
+const ie = 200, ae = 100;
+function G(e, i, n) {
+  e.on("autoPlace", ae, function(t) {
+    const a = t.shape, r = t.source;
+    return ce(r, a);
+  }), e.on("autoPlace.end", function(t) {
+    n.scrollToElement(t.shape);
+  }), this.append = function(t, a, r) {
+    e.fire("autoPlace.start", {
+      source: t,
+      shape: a
+    });
+    const l = e.fire("autoPlace", {
+      source: t,
+      shape: a
+    }), c = i.appendShape(t, a, l, t.parent, r);
+    return e.fire("autoPlace.end", {
+      source: t,
+      shape: c
+    }), c;
+  };
+}
+G.$inject = ["eventBus", "modeling", "canvas"];
+function ce(e, i) {
+  const n = ie, t = V(e);
+  return {
+    x: W(e).right + n + i.width / 2,
+    y: t.y
+  };
+}
+const se = {
+  __init__: ["autoPlaceSelectionBehavior"],
+  autoPlace: ["type", G]
+};
+var re = function() {
+  var e = this, i = e.$createElement, n = e._self._c || i;
+  return n("div", {
+    staticClass: "flow-designer"
+  }, [n("ProcessDesigner", e._b({
+    key: `designer-${e.reloadIndex}`,
+    ref: "processDesigner",
+    attrs: {
+      value: e.value,
+      "extend-types": e.extendTypes,
+      options: {
+        taskResizingEnabled: !0,
+        eventResizingEnabled: !0
+      },
+      keyboard: ""
+    },
+    on: {
+      input: function(t) {
+        return e.$emit("input", t);
+      },
+      "init-finished": e.initModeler
+    }
+  }, "ProcessDesigner", e.controlForm, !1)), n("PropertiesPanel", {
+    key: `penal-${e.reloadIndex}`,
+    staticClass: "process-panel",
+    attrs: {
+      "bpmn-modeler": e.modeler,
+      prefix: e.controlForm.prefix
+    },
+    scopedSlots: e._u([{
+      key: "task",
+      fn: function(t) {
+        var a = t.id, r = t.bpmnInstances, l = t.element, c = t.type;
+        return [e._t("task", null, {
+          id: a,
+          bpmnInstances: r,
+          element: l,
+          type: c
+        })];
+      }
+    }], null, !0)
+  })], 1);
+}, pe = [];
+const le = {
+  name: "FlowDesigner",
+  components: {
+    PropertiesPanel: J,
+    ProcessDesigner: K
+  },
+  props: {
+    value: String,
+    extendTypes: Array
+  },
+  data() {
+    return {
+      modeler: null,
+      reloadIndex: 0,
+      controlForm: {
+        processId: "",
+        processName: "",
+        simulation: !0,
+        labelEditing: !1,
+        labelVisible: !1,
+        prefix: "flowable",
+        headerButtonSize: "mini",
+        additionalModel: [
+          X,
+          Z,
+          se
+        ]
+      }
+    };
+  },
+  methods: {
+    initModeler(e) {
+      this.modeler = e;
+    }
+  }
+}, L = {};
+var de = /* @__PURE__ */ Q(
+  le,
+  re,
+  pe,
+  !1,
+  me,
+  null,
+  null,
+  null
+);
+function me(e) {
+  for (let i in L)
+    this[i] = L[i];
+}
+const ke = /* @__PURE__ */ function() {
+  return de.exports;
+}();
+export {
+  ke as default
+};

package/flow-designer/style.css

@@ -0,0 +1 @@
+.flow-designer{display:flex;width:100%;height:100%}