@web-utils/component 3.0.6 → 3.1.0

package/flow-node/index.mjs

@@ -1,39 +1,6 @@
-import { s as n } from "../chunks/util.ae730cde.mjs";
-import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var l = function() {
-  var e = this, o = e.$createElement, t = e._self._c || o;
-  return t("div", {
-    ref: "node",
-    style: e.flowNodeContainer,
-    attrs: {
-      left: e.node.left,
-      top: e.node.top,
-      disabled: "",
-      mask: !1
-    },
-    on: {
-      mouseenter: e.showDelete,
-      mouseleave: e.hideDelete,
-      mouseup: e.changeNodeSite
-    }
-  }, [t("div", {
-    class: ["avue-flow__node", {
-      active: e.active === e.node.id
-    }]
-  }, [t("div", {
-    staticClass: "avue-flow__node-header"
-  }, [t("i", {
-    staticClass: "el-icon-rank",
-    class: e.b("node-drag")
-  }), e._t("header", null, {
-    node: e.node
-  })], 2), t("div", {
-    staticClass: "avue-flow__node-body"
-  }, [e._t("default", null, {
-    node: e.node
-  })], 2)])]);
-}, a = [];
-const i = {
+import { s as o } from "../chunks/util.ae730cde.mjs";
+import { n } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const s = {
   name: "FlowNode",
   props: {
     active: [String, Number],
@@ -53,8 +20,8 @@ const i = {
         return {
           position: "absolute",
           width: "200px",
-          top: n(this.node.top),
-          left: n(this.node.left),
+          top: o(this.node.top),
+          left: o(this.node.left),
           boxShadow: this.mouseEnter ? "#66a6e0 0px 0px 12px 0px" : "",
           backgroundColor: "transparent"
         };
@@ -79,24 +46,21 @@ const i = {
       });
     }
   }
-}, s = {};
-var d = /* @__PURE__ */ r(
-  i,
+};
+var l = function() {
+  var e = this, t = e._self._c;
+  return t("div", { ref: "node", style: e.flowNodeContainer, attrs: { left: e.node.left, top: e.node.top, disabled: "", mask: !1 }, on: { mouseenter: e.showDelete, mouseleave: e.hideDelete, mouseup: e.changeNodeSite } }, [t("div", { class: ["avue-flow__node", { active: e.active === e.node.id }] }, [t("div", { staticClass: "avue-flow__node-header" }, [t("i", { staticClass: "el-icon-rank", class: e.b("node-drag") }), e._t("header", null, { node: e.node })], 2), t("div", { staticClass: "avue-flow__node-body" }, [e._t("default", null, { node: e.node })], 2)])]);
+}, d = [], r = /* @__PURE__ */ n(
+  s,
   l,
-  a,
+  d,
   !1,
-  u,
+  null,
   null,
   null,
   null
 );
-function u(e) {
-  for (let o in s)
-    this[o] = s[o];
-}
-const p = /* @__PURE__ */ function() {
-  return d.exports;
-}();
+const u = r.exports;
 export {
-  p as default
+  u as default
 };

package/flow-viewer/index.mjs

@@ -1,66 +1,42 @@
-var b = Object.defineProperty, x = Object.defineProperties;
-var M = Object.getOwnPropertyDescriptors;
+var k = Object.defineProperty, b = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
 var g = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var u = (e, i, t) => i in e ? b(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, w = (e, i) => {
-  for (var t in i || (i = {}))
-    V.call(i, t) && u(e, t, i[t]);
+var V = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var u = (i, t, e) => t in i ? k(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, w = (i, t) => {
+  for (var e in t || (t = {}))
+    V.call(t, e) && u(i, e, t[e]);
   if (g)
-    for (var t of g(i))
-      E.call(i, t) && u(e, t, i[t]);
-  return e;
-}, y = (e, i) => x(e, M(i));
-var v = (e, i, t) => new Promise((s, n) => {
+    for (var e of g(t))
+      M.call(t, e) && u(i, e, t[e]);
+  return i;
+}, y = (i, t) => b(i, x(t));
+var v = (i, t, e) => new Promise((s, n) => {
   var l = (r) => {
     try {
-      a(t.next(r));
+      a(e.next(r));
     } catch (o) {
       n(o);
     }
   }, h = (r) => {
     try {
-      a(t.throw(r));
+      a(e.throw(r));
     } catch (o) {
       n(o);
     }
   }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(l, h);
-  a((t = t.apply(e, i)).next());
+  a((e = e.apply(i, t)).next());
 });
-import $ from "bpmn-js/lib/NavigatedViewer";
+import A from "bpmn-js/lib/NavigatedViewer";
 import d from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
-import { create as c, attr as p, append as m } from "tiny-svg";
-import { query as A } from "min-dom";
+import { create as p, attr as c, append as m } from "tiny-svg";
+import { query as E } from "min-dom";
 import F from "@web-utils/component/easy-popup";
 import "@web-utils/component/easy-popup/style.css";
-import { n as S } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var B = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    ref: "container",
-    staticClass: "flow-viewer flow-background-image",
-    style: {
-      "--highlight-color": e.highlightColor
-    }
-  }, [t("EasyPopup", {
-    ref: "popup",
-    attrs: {
-      "append-to-body": "",
-      "flex-column": "",
-      offset: {
-        x: 6,
-        y: 6
-      }
-    }
-  }, [e._t("default", function() {
-    return [e._v(" " + e._s(e.element) + " ")];
-  }, {
-    element: e.element
-  })], 2)], 1);
-}, C = [];
-const f = d.prototype._handleWheel, P = {
+import { n as $ } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const f = d.prototype._handleWheel, S = {
   __init__: ["zoomScroll"],
   zoomScroll: ["type", d]
-}, W = {
+}, B = {
   name: "FlowViewer",
   components: {
     EasyPopup: F
@@ -95,36 +71,36 @@ const f = d.prototype._handleWheel, P = {
     };
   },
   watch: {
-    xml(e) {
-      var i;
-      (i = this.bpmnViewer) == null || i.importXML(e);
+    xml(i) {
+      var t;
+      (t = this.bpmnViewer) == null || t.importXML(i);
     }
   },
   mounted() {
-    d.prototype._handleWheel = this.ctrlKey ? f : function(e) {
-      const { target: i, deltaMode: t, clientX: s, clientY: n, deltaX: l, deltaY: h } = e;
+    d.prototype._handleWheel = this.ctrlKey ? f : function(i) {
+      const { target: t, deltaMode: e, clientX: s, clientY: n, deltaX: l, deltaY: h } = i;
       f.call(this, {
-        target: i,
-        deltaMode: t,
+        target: t,
+        deltaMode: e,
         clientX: s,
         clientY: n,
         deltaX: l,
         deltaY: h,
         preventDefault() {
-          e.preventDefault();
+          i.preventDefault();
         },
         ctrlKey: !0
       });
-    }, this.bpmnViewer = new $(y(w({}, this.options), {
+    }, this.bpmnViewer = new A(y(w({}, this.options), {
       container: this.$refs.container,
-      additionalModules: [P]
-    })), this.bpmnViewer.on("import.done", (e) => {
-      const i = e.error, t = e.warnings;
-      i ? this.$emit("error", i) : this.$emit("shown", t), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
+      additionalModules: [S]
+    })), this.bpmnViewer.on("import.done", (i) => {
+      const t = i.error, e = i.warnings;
+      t ? this.$emit("error", t) : this.$emit("shown", e), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
       const s = this.bpmnViewer.get("eventBus");
       this.events && this.events.forEach((o) => {
-        s.on(o, (k) => {
-          this.$emit(o.replace(".", "-"), k.element);
+        s.on(o, (_) => {
+          this.$emit(o.replace(".", "-"), _.element);
         });
       }), this.nodePopup && s.on("element.mousemove", (o) => {
         o.element.type === "bpmn:UserTask" && requestAnimationFrame(() => v(this, null, function* () {
@@ -133,8 +109,8 @@ const f = d.prototype._handleWheel, P = {
       }), this.nodePopup && s.on("element.out", () => {
         this.$refs.popup.hide(), this.element = {};
       }), this.highlightFlow(this.historicActivities, this.activities);
-      const n = c("marker");
-      p(n, {
+      const n = p("marker");
+      c(n, {
         id: "sequenceflow-arrow-green",
         viewBox: "0 0 20 20",
         refX: "11",
@@ -143,13 +119,13 @@ const f = d.prototype._handleWheel, P = {
         markerHeight: "10",
         orient: "auto"
       });
-      const l = c("path");
-      p(l, {
+      const l = p("path");
+      c(l, {
         d: "M 1 5 L 11 10 L 1 15 Z",
         style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 1px; fill: var(--highlight-color);"
       }), m(n, l);
-      const h = c("marker");
-      p(h, {
+      const h = p("marker");
+      c(h, {
         id: "conditional-default-flow-marker-green",
         viewBox: "0 0 20 20",
         refX: "0",
@@ -158,61 +134,60 @@ const f = d.prototype._handleWheel, P = {
         markerHeight: "10",
         orient: "auto"
       });
-      const a = c("path");
-      p(a, {
+      const a = p("path");
+      c(a, {
         d: "M 6 4 L 10 16",
         style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 2px; fill: var(--highlight-color);"
       }), m(h, a);
-      const r = A("defs", this.$el);
+      const r = E("defs", this.$el);
       m(r, n), m(r, h);
     }), this.bpmnViewer.importXML(this.xml), this.$watch(
       () => ({
         activities: this.activities,
         historicActivities: this.historicActivities
       }),
-      ({ activities: e, historicActivities: i }) => {
-        this.highlightFlow(i, e);
+      ({ activities: i, historicActivities: t }) => {
+        this.highlightFlow(t, i);
       }
     );
   },
   beforeDestroy() {
-    var e;
-    d.prototype._handleWheel = f, (e = this.bpmnViewer) == null || e.destroy();
+    var i;
+    d.prototype._handleWheel = f, (i = this.bpmnViewer) == null || i.destroy();
   },
   methods: {
-    fitViewportCenter(e = "center") {
-      this.canvas.zoom("fit-viewport", e);
+    fitViewportCenter(i = "center") {
+      this.canvas.zoom("fit-viewport", i);
     },
-    highlightFlow(e, i) {
-      this.elementRegistry.getAll().forEach((t) => {
+    highlightFlow(i, t) {
+      this.elementRegistry.getAll().forEach((e) => {
         [
           "bpmn:StartEvent",
           "bpmn:UserTask",
           "bpmn:ExclusiveGateway",
           "bpmn:ParallelGateway",
           "bpmn:EndEvent"
-        ].includes(t.type) && (e.includes(t.id) && !i.includes(t.id) ? this.canvas.addMarker(t, "highlight") : this.canvas.removeMarker(t, "highlight")), t.type === "bpmn:SequenceFlow" && (e.includes(t.id) ? this.canvas.addMarker(t, "highlight-line") : this.canvas.removeMarker(t, "highlight-line")), t.type === "bpmn:UserTask" && (i.includes(t.id) ? this.canvas.addMarker(t, "highlight-current") : this.canvas.removeMarker(t, "highlight-current"));
+        ].includes(e.type) && (i.includes(e.id) && !t.includes(e.id) ? this.canvas.addMarker(e, "highlight") : this.canvas.removeMarker(e, "highlight")), e.type === "bpmn:SequenceFlow" && (i.includes(e.id) ? this.canvas.addMarker(e, "highlight-line") : this.canvas.removeMarker(e, "highlight-line")), e.type === "bpmn:UserTask" && (t.includes(e.id) ? this.canvas.addMarker(e, "highlight-current") : this.canvas.removeMarker(e, "highlight-current"));
       });
     }
   }
-}, _ = {};
-var X = /* @__PURE__ */ S(
-  W,
+};
+var C = function() {
+  var t = this, e = t._self._c;
+  return e("div", { ref: "container", staticClass: "flow-viewer flow-background-image", style: { "--highlight-color": t.highlightColor } }, [e("EasyPopup", { ref: "popup", attrs: { "append-to-body": "", "flex-column": "", offset: { x: 6, y: 6 } } }, [t._t("default", function() {
+    return [t._v(" " + t._s(t.element) + " ")];
+  }, { element: t.element })], 2)], 1);
+}, P = [], W = /* @__PURE__ */ $(
   B,
   C,
+  P,
   !1,
-  q,
+  null,
   null,
   null,
   null
 );
-function q(e) {
-  for (let i in _)
-    this[i] = _[i];
-}
-const U = /* @__PURE__ */ function() {
-  return X.exports;
-}();
+const D = W.exports;
 export {
-  U as default
+  D as default
 };

package/form-block/index.mjs

@@ -1,5 +1,5 @@
-import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], d = ["$emit", "validate", "clearValidate"], c = {
+import { h as o } from "vue";
+const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], s = ["$emit", "validate", "clearValidate"], n = {
   name: "FormBlock",
   inject: {
     elForm: {
@@ -28,8 +28,8 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
   },
   data() {
     const e = {};
-    return l.forEach((t) => {
-      e[t] = null;
+    return r.forEach((i) => {
+      e[i] = null;
     }), {
       expand: !0,
       formConfig: e
@@ -41,8 +41,8 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
         enabled: this.enabled,
         forbidden: this.disabled
       };
-      return l.forEach((t) => {
-        e[t] = this.elForm[t];
+      return r.forEach((i) => {
+        e[i] = this.elForm[i];
       }), e;
     }
   },
@@ -56,9 +56,9 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     formCfg: {
       immediate: !0,
       handler() {
-        this.formConfig.disabled = this.available(), l.forEach((e) => {
-          var t;
-          e !== "disabled" && (d.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
+        this.formConfig.disabled = this.available(), r.forEach((e) => {
+          var i;
+          e !== "disabled" && (s.includes(e) ? this.formConfig[e] = (i = this.elForm[e]) == null ? void 0 : i.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
         });
       }
     }
@@ -73,30 +73,30 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     available() {
       return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
     },
-    dispatch(e, t, a) {
-      let o = this.$parent || this.$root, i = o.$options.name;
-      for (; o && (!i || i !== e); )
-        o = o.$parent, o && (i = o.$options.name);
-      o && o.$emit.apply(o, [t].concat(a));
+    dispatch(e, i, a) {
+      let t = this.$parent || this.$root, l = t.$options.name;
+      for (; t && (!l || l !== e); )
+        t = t.$parent, t && (l = t.$options.name);
+      t && t.$emit.apply(t, [i].concat(a));
     },
     renderDefault() {
-      const e = this.$createElement, {
-        wrapRow: t,
-        gutter: a,
-        formConfig: o,
-        $scopedSlots: i
+      const {
+        wrapRow: e,
+        gutter: i,
+        formConfig: a,
+        $scopedSlots: t
       } = this;
-      return t ? (
+      return e ? (
         // eslint-disable-next-line no-undef
-        e("ElRow", {
+        o("ElRow", {
           attrs: {
-            gutter: a
+            gutter: i
           }
-        }, [i.default({
-          disabled: o.disabled
+        }, [t.default({
+          disabled: a.disabled
         })])
-      ) : i.default({
-        disabled: o.disabled
+      ) : t.default({
+        disabled: a.disabled
       });
     },
     toggle() {
@@ -107,53 +107,34 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     }
   },
   render() {
-    const e = arguments[0], {
-      renderDefault: t,
-      blockTitle: a,
-      active: o,
-      expand: i,
-      toggle: r
+    const {
+      renderDefault: e,
+      blockTitle: i,
+      active: a,
+      expand: t,
+      toggle: l
     } = this;
-    return e("div", {
+    return o("div", {
       class: ["form-block", {
-        "default-active": o
+        "default-active": a
       }]
-    }, [e("div", {
+    }, [o("div", {
       class: "form-block-title",
       on: {
-        click: r
+        click: l
       }
-    }, [e("span", {
+    }, [o("span", {
       class: "flex-item"
-    }, [a]), " ", e("i", {
-      class: i ? "el-icon-arrow-down" : "el-icon-arrow-right"
-    })]), e("ElCollapseTransition", [e("div", {
+    }, [i]), " ", o("i", {
+      class: t ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), o("ElCollapseTransition", [o("div", {
       directives: [{
         name: "show",
-        value: i
+        value: t
       }]
-    }, [t()])])]);
+    }, [e()])])]);
   }
 };
-let m, h;
-const s = {};
-var f = /* @__PURE__ */ n(
-  c,
-  m,
-  h,
-  !1,
-  u,
-  null,
-  null,
-  null
-);
-function u(e) {
-  for (let t in s)
-    this[t] = s[t];
-}
-const b = /* @__PURE__ */ function() {
-  return f.exports;
-}();
 export {
-  b as default
+  n as default
 };

package/form-button/index.mjs

@@ -1,6 +1,6 @@
 import n from "@web-utils/component/confirmable";
-import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const r = {
+import { n as o } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const t = {
   props: {
     type: {
       type: String,
@@ -30,29 +30,21 @@ const r = {
       default: "AwesomeButton"
     }
   }
-}, l = {
+}, e = {
   name: "FormButton",
-  mixins: [n, r]
-};
-let a, i;
-const e = {};
-var u = /* @__PURE__ */ o(
+  mixins: [n, t]
+}, l = null, a = null;
+var r = /* @__PURE__ */ o(
+  e,
   l,
   a,
-  i,
   !1,
-  s,
+  null,
   null,
   null,
   null
 );
-function s(p) {
-  for (let t in e)
-    this[t] = e[t];
-}
-const m = /* @__PURE__ */ function() {
-  return u.exports;
-}();
+const u = r.exports;
 export {
-  m as default
+  u as default
 };