@web-utils/component 3.2.0 → 3.2.2

package/flow-viewer/index.mjs

@@ -1,45 +1,133 @@
-var _ = Object.defineProperty, b = Object.defineProperties;
-var x = Object.getOwnPropertyDescriptors;
+var x = Object.defineProperty, k = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
 var g = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
-var u = (i, t, e) => t in i ? _(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, w = (i, t) => {
-  for (var e in t || (t = {}))
-    M.call(t, e) && u(i, e, t[e]);
+var B = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var y = (i, e, t) => e in i ? x(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, v = (i, e) => {
+  for (var t in e || (e = {}))
+    B.call(e, t) && y(i, t, e[t]);
   if (g)
-    for (var e of g(t))
-      V.call(t, e) && u(i, e, t[e]);
+    for (var t of g(e))
+      M.call(e, t) && y(i, t, e[t]);
   return i;
-}, y = (i, t) => b(i, x(t));
-var v = (i, t, e) => new Promise((s, n) => {
+}, w = (i, e) => k(i, $(e));
+var m = (i, e, t) => new Promise((o, n) => {
   var l = (r) => {
     try {
-      a(e.next(r));
-    } catch (o) {
-      n(o);
+      a(t.next(r));
+    } catch (s) {
+      n(s);
     }
   }, h = (r) => {
     try {
-      a(e.throw(r));
-    } catch (o) {
-      n(o);
+      a(t.throw(r));
+    } catch (s) {
+      n(s);
     }
-  }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(l, h);
-  a((e = e.apply(i, t)).next());
+  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(l, h);
+  a((t = t.apply(i, e)).next());
 });
-import A from "bpmn-js/lib/NavigatedViewer";
-import d from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
-import { create as p, attr as c, append as m } from "tiny-svg";
-import { query as E } from "min-dom";
-import $ from "@web-utils/component/easy-popup";
-import "@web-utils/component/easy-popup/style.css";
-import { n as F } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
-const f = d.prototype._handleWheel, S = {
+import V from "bpmn-js/lib/NavigatedViewer";
+import f from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { create as d, attr as c, append as p } from "tiny-svg";
+import { query as C } from "min-dom";
+import { getComputedWidth as E, getComputedHeight as W } from "@web-utils/core";
+/* empty css                                                            */
+import { n as _ } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
+const A = {
+  name: "EasyPopup",
+  props: {
+    // 是否开启边界检测
+    border: {
+      type: Boolean,
+      default: !0
+    },
+    // 显示点偏移量
+    offset: {
+      type: Object,
+      default: () => ({ x: 6, y: 2 })
+    },
+    // 边界距离
+    borderWidth: {
+      type: Number,
+      default: 6
+    },
+    appendToBody: Boolean,
+    flexRow: Boolean,
+    flexColumn: Boolean,
+    hideOnMouseLeave: {
+      type: Boolean,
+      default: !0
+    },
+    interactive: Boolean
+  },
+  data() {
+    return {
+      // 是否显示
+      visible: !1,
+      rendered: !1,
+      // 触发点坐标
+      axis: { x: 0, y: 0 }
+    };
+  },
+  computed: {
+    position() {
+      return {
+        top: `${this.axis.y + this.offset.y}px`,
+        left: `${this.axis.x + this.offset.x}px`
+      };
+    }
+  },
+  watch: {
+    axis() {
+      return m(this, null, function* () {
+        if (this.border) {
+          yield this.$nextTick();
+          const i = E(this.$refs.container), e = W(this.$refs.container), t = document.body.offsetWidth, o = document.body.offsetHeight;
+          this.axis.x + this.offset.x + i >= t && (this.axis.x = t - i - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + e >= o && (this.axis.y = o - e - this.borderWidth - this.offset.y);
+        }
+      });
+    }
+  },
+  destroyed() {
+    this.$el.remove();
+  },
+  methods: {
+    show({ clientX: i, clientY: e }) {
+      this.axis = { x: i, y: e }, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
+    },
+    hide() {
+      this.visible = !1, document.removeEventListener("click", this.doHide);
+    },
+    doHide(i) {
+      this.interactive && this.$el.contains(i.target) || this.hide();
+    }
+  }
+};
+var F = function() {
+  var e = this, t = e._self._c;
+  return t("Transition", { attrs: { name: "easy-popup" } }, [e.rendered ? t("div", { directives: [{ name: "show", rawName: "v-show", value: e.visible, expression: "visible" }], ref: "container", class: [
+    "easy-popup",
+    { "easy-popup__visible": e.visible, "easy-popup__hide": !e.visible, "flex-row": e.flexRow, "flex-column": e.flexColumn }
+  ], style: e.position, on: { mouseleave: function(o) {
+    e.hideOnMouseLeave && e.hide();
+  } } }, [e._t("default")], 2) : e._e()]);
+}, L = [], H = /* @__PURE__ */ _(
+  A,
+  F,
+  L,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const S = H.exports, u = f.prototype._handleWheel, T = {
   __init__: ["zoomScroll"],
-  zoomScroll: ["type", d]
-}, B = {
+  zoomScroll: ["type", f]
+}, P = {
   name: "FlowViewer",
   components: {
-    EasyPopup: $
+    EasyPopup: S
   },
   props: {
     xml: {
@@ -72,17 +160,17 @@ const f = d.prototype._handleWheel, S = {
   },
   watch: {
     xml(i) {
-      var t;
-      (t = this.bpmnViewer) == null || t.importXML(i);
+      var e;
+      (e = this.bpmnViewer) == null || e.importXML(i);
     }
   },
   mounted() {
-    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: t,
-        deltaMode: e,
-        clientX: s,
+    f.prototype._handleWheel = this.ctrlKey ? u : function(i) {
+      const { target: e, deltaMode: t, clientX: o, clientY: n, deltaX: l, deltaY: h } = i;
+      u.call(this, {
+        target: e,
+        deltaMode: t,
+        clientX: o,
         clientY: n,
         deltaX: l,
         deltaY: h,
@@ -91,25 +179,25 @@ const f = d.prototype._handleWheel, S = {
         },
         ctrlKey: !0
       });
-    }, this.bpmnViewer = new A(y(w({}, this.options), {
+    }, this.bpmnViewer = new V(w(v({}, this.options), {
       container: this.$refs.container,
-      additionalModules: [S]
+      additionalModules: [T]
     })), 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);
+      const e = i.error, t = i.warnings;
+      e ? this.$emit("error", e) : this.$emit("shown", t), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
+      const o = this.bpmnViewer.get("eventBus");
+      this.events && this.events.forEach((s) => {
+        o.on(s, (b) => {
+          this.$emit(s.replace(".", "-"), b.element);
         });
-      }), this.nodePopup && s.on("element.mousemove", (o) => {
-        o.element.type === "bpmn:UserTask" && requestAnimationFrame(() => v(this, null, function* () {
-          this.element = o.element, yield this.$nextTick(), this.$refs.popup.show(o.originalEvent);
+      }), this.nodePopup && o.on("element.mousemove", (s) => {
+        s.element.type === "bpmn:UserTask" && requestAnimationFrame(() => m(this, null, function* () {
+          this.element = s.element, yield this.$nextTick(), this.$refs.popup.show(s.originalEvent);
         }));
-      }), this.nodePopup && s.on("element.out", () => {
+      }), this.nodePopup && o.on("element.out", () => {
         this.$refs.popup.hide(), this.element = {};
       }), this.highlightFlow(this.historicActivities, this.activities);
-      const n = p("marker");
+      const n = d("marker");
       c(n, {
         id: "sequenceflow-arrow-green",
         viewBox: "0 0 20 20",
@@ -119,12 +207,12 @@ const f = d.prototype._handleWheel, S = {
         markerHeight: "10",
         orient: "auto"
       });
-      const l = p("path");
+      const l = d("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 = p("marker");
+      }), p(n, l);
+      const h = d("marker");
       c(h, {
         id: "conditional-default-flow-marker-green",
         viewBox: "0 0 20 20",
@@ -134,60 +222,60 @@ const f = d.prototype._handleWheel, S = {
         markerHeight: "10",
         orient: "auto"
       });
-      const a = p("path");
+      const a = d("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 = E("defs", this.$el);
-      m(r, n), m(r, h);
+      }), p(h, a);
+      const r = C("defs", this.$el);
+      p(r, n), p(r, h);
     }), this.bpmnViewer.importXML(this.xml), this.$watch(
       () => ({
         activities: this.activities,
         historicActivities: this.historicActivities
       }),
-      ({ activities: i, historicActivities: t }) => {
-        this.highlightFlow(t, i);
+      ({ activities: i, historicActivities: e }) => {
+        this.highlightFlow(e, i);
       }
     );
   },
   beforeDestroy() {
     var i;
-    d.prototype._handleWheel = f, (i = this.bpmnViewer) == null || i.destroy();
+    f.prototype._handleWheel = u, (i = this.bpmnViewer) == null || i.destroy();
   },
   methods: {
     fitViewportCenter(i = "center") {
       this.canvas.zoom("fit-viewport", i);
     },
-    highlightFlow(i, t) {
-      this.elementRegistry.getAll().forEach((e) => {
+    highlightFlow(i, e) {
+      this.elementRegistry.getAll().forEach((t) => {
         [
           "bpmn:StartEvent",
           "bpmn:UserTask",
           "bpmn:ExclusiveGateway",
           "bpmn:ParallelGateway",
           "bpmn:EndEvent"
-        ].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"));
+        ].includes(t.type) && (i.includes(t.id) && !e.includes(t.id) ? this.canvas.addMarker(t, "highlight") : this.canvas.removeMarker(t, "highlight")), t.type === "bpmn:SequenceFlow" && (i.includes(t.id) ? this.canvas.addMarker(t, "highlight-line") : this.canvas.removeMarker(t, "highlight-line")), t.type === "bpmn:UserTask" && (e.includes(t.id) ? this.canvas.addMarker(t, "highlight-current") : this.canvas.removeMarker(t, "highlight-current"));
       });
     }
   }
 };
-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__ */ F(
-  B,
-  C,
+var R = function() {
+  var e = this, t = e._self._c;
+  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);
+}, X = [], q = /* @__PURE__ */ _(
   P,
+  R,
+  X,
   !1,
   null,
   null,
   null,
   null
 );
-const D = W.exports;
+const G = q.exports;
 export {
-  D as default
+  G as default
 };

package/form-button/index.mjs

@@ -1,6 +1,20 @@
-import n from "@web-utils/component/confirmable";
-import { n as o } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
+import { c as o } from "../chunks/confirmable-mixin.GqdyYLEM.mjs";
+import { n } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const t = {
+  name: "Confirmable",
+  mixins: [o]
+}, e = null, l = null;
+var a = /* @__PURE__ */ n(
+  t,
+  e,
+  l,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const s = a.exports, r = {
   props: {
     type: {
       type: String,
@@ -30,21 +44,21 @@ const t = {
       default: "AwesomeButton"
     }
   }
-}, e = {
+}, i = {
   name: "FormButton",
-  mixins: [n, t]
-}, l = null, a = null;
-var r = /* @__PURE__ */ o(
-  e,
-  l,
-  a,
+  mixins: [s, r]
+}, u = null, c = null;
+var f = /* @__PURE__ */ n(
+  i,
+  u,
+  c,
   !1,
   null,
   null,
   null,
   null
 );
-const u = r.exports;
+const _ = f.exports;
 export {
-  u as default
+  _ as default
 };

package/form-cascader/index.mjs

@@ -9,10 +9,10 @@ var o = (t, e, r) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writab
       u.call(e, r) && o(t, r, e[r]);
   return t;
 };
-import { f as c } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as c } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import { f as d } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
 import s from "element-ui/lib/cascader";
-import { d as m, n as f } from "../chunks/index.LGsb2aDq.mjs";
+import { d as m, n as f } from "../chunks/index.Uf8ONhVI.mjs";
 import { findTreeChildren as h, setParent as y } from "@web-utils/core";
 import { cloneDeep as v } from "@web-utils/integrations/lodash";
 import { n as _ } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";

package/form-checkbox-group/index.mjs

@@ -9,9 +9,9 @@ var s = (t, e, r) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writab
       p.call(e, r) && s(t, r, e[r]);
   return t;
 };
-import { f as h } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as h } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import { f as c } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
-import { d as f, n as m } from "../chunks/index.LGsb2aDq.mjs";
+import { d as f, n as m } from "../chunks/index.Uf8ONhVI.mjs";
 import n from "element-ui/lib/checkbox-group";
 import { n as d } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const b = Object.keys(n.props || n.default.props).filter(

package/form-date-picker/index.mjs

@@ -10,10 +10,10 @@ var s = (t, e, r) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writab
       h.call(e, r) && s(t, r, e[r]);
   return t;
 }, l = (t, e) => u(t, p(e));
-import { f } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import { f as c } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
 import { toDate as o } from "@web-utils/integrations/dayjs";
-import { d as y, n as g } from "../chunks/index.LGsb2aDq.mjs";
+import { d as y, n as g } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as _ } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const k = [
   "type",

package/form-holder/index.mjs

@@ -15,7 +15,7 @@ var o = (t, e, l) => new Promise((d, s) => {
   i((l = l.apply(t, e)).next());
 });
 import { warning as m } from "@web-utils/core";
-import { e as u } from "../chunks/index.LGsb2aDq.mjs";
+import { e as u } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as c } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const p = {
   name: "FormHolder",

package/form-input/index.mjs

@@ -9,9 +9,9 @@ var l = (r, e, t) => e in r ? a(r, e, { enumerable: !0, configurable: !0, writab
       i.call(e, t) && l(r, t, e[t]);
   return r;
 };
-import { f as m } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as m } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import u from "element-ui/lib/input";
-import { d, n as f } from "../chunks/index.LGsb2aDq.mjs";
+import { d, n as f } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as c } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const _ = Object.keys(u.props || u.default.props).filter(
   (r) => !["value", "placeholder", "disabled"].includes(r)

package/form-input-email/index.mjs

@@ -9,9 +9,9 @@ var s = (t, e, r) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writab
       p.call(e, r) && s(t, r, e[r]);
   return t;
 };
-import { f as m } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as m } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import a from "element-ui/lib/input";
-import { d, n as f } from "../chunks/index.LGsb2aDq.mjs";
+import { d, n as f } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as c } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const _ = (t, e, r) => e && !/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(e) ? r(new Error("invalid")) : r(), y = Object.keys(a.props || a.default.props).filter(
   (t) => !["value", "placeholder", "disabled"].includes(t)

package/form-input-id-card/index.mjs

@@ -9,10 +9,10 @@ var l = (t, e, r) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writab
       d.call(e, r) && l(t, r, e[r]);
   return t;
 };
-import { f as m } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as m } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import { validateIdCard as a } from "@web-utils/core";
 import i from "element-ui/lib/input";
-import { d as f, n as c } from "../chunks/index.LGsb2aDq.mjs";
+import { d as f, n as c } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as _ } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const v = Object.keys(i.props || i.default.props).filter(
   (t) => !["value", "placeholder", "disabled"].includes(t)

package/form-input-number/index.mjs

@@ -9,8 +9,8 @@ var i = (r, e, t) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writab
       l.call(e, t) && i(r, t, e[t]);
   return r;
 };
-import { f as a } from "../chunks/form-input-mixin.IKogWBfn.mjs";
-import { d as m, n as f } from "../chunks/index.LGsb2aDq.mjs";
+import { f as a } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
+import { d as m, n as f } from "../chunks/index.Uf8ONhVI.mjs";
 import { i as c } from "../chunks/input-number-mixin.GE2zr_3s.mjs";
 import { n as d } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const _ = Object.keys(c.props).filter(

package/form-input-phone-number/index.mjs

@@ -9,9 +9,9 @@ var l = (t, e, r) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writab
       p.call(e, r) && l(t, r, e[r]);
   return t;
 };
-import { f as m } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as m } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import { validatePhoneNum as d } from "@web-utils/core";
-import { d as f, n as c } from "../chunks/index.LGsb2aDq.mjs";
+import { d as f, n as c } from "../chunks/index.Uf8ONhVI.mjs";
 import s from "element-ui/lib/input";
 import { n as _ } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const h = Object.keys(s.props || s.default.props).filter(