@web-utils/component 2.70.0 → 3.0.1

package/flow-node/index.mjs

@@ -1,38 +1,6 @@
-import { s as n } from "../chunks/util.ae730cde.mjs";
+import { s as t } from "../chunks/util.7844e2c2.mjs";
+import { s, r as n } from "../chunks/FlowNode.vue_vue_type_template_lang.662bdcfa.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 = {
   name: "FlowNode",
   props: {
@@ -53,8 +21,8 @@ const i = {
         return {
           position: "absolute",
           width: "200px",
-          top: n(this.node.top),
-          left: n(this.node.left),
+          top: t(this.node.top),
+          left: t(this.node.left),
           boxShadow: this.mouseEnter ? "#66a6e0 0px 0px 12px 0px" : "",
           backgroundColor: "transparent"
         };
@@ -79,24 +47,24 @@ const i = {
       });
     }
   }
-}, s = {};
-var d = /* @__PURE__ */ r(
+}, o = {};
+var l = /* @__PURE__ */ r(
   i,
-  l,
-  a,
+  n,
+  s,
   !1,
-  u,
+  d,
   null,
   null,
   null
 );
-function u(e) {
-  for (let o in s)
-    this[o] = s[o];
+function d(p) {
+  for (let e in o)
+    this[e] = o[e];
 }
-const p = /* @__PURE__ */ function() {
-  return d.exports;
+const h = /* @__PURE__ */ function() {
+  return l.exports;
 }();
 export {
-  p as default
+  h as default
 };

package/flow-viewer/index.mjs

@@ -1,47 +1,136 @@
-var b = Object.defineProperty, x = Object.defineProperties;
-var M = Object.getOwnPropertyDescriptors;
+var $ = Object.defineProperty, M = Object.defineProperties;
+var B = 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 y = (e, t, i) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, v = (e, t) => {
+  for (var i in t || (t = {}))
+    V.call(t, i) && y(e, i, t[i]);
   if (g)
-    for (var t of g(i))
-      E.call(i, t) && u(e, t, i[t]);
+    for (var i of g(t))
+      E.call(t, i) && y(e, i, t[i]);
   return e;
-}, y = (e, i) => x(e, M(i));
-var v = (e, i, t) => new Promise((s, n) => {
+}, _ = (e, t) => M(e, B(t));
+var f = (e, t, i) => new Promise((o, s) => {
   var l = (r) => {
     try {
-      a(t.next(r));
-    } catch (o) {
-      n(o);
+      a(i.next(r));
+    } catch (n) {
+      s(n);
     }
   }, h = (r) => {
     try {
-      a(t.throw(r));
-    } catch (o) {
-      n(o);
+      a(i.throw(r));
+    } catch (n) {
+      s(n);
     }
-  }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(l, h);
-  a((t = t.apply(e, i)).next());
+  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(l, h);
+  a((i = i.apply(e, t)).next());
 });
-import $ 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 W from "bpmn-js/lib/NavigatedViewer";
+import m from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { create as c, attr as d, append as p } from "tiny-svg";
+import { query as C } 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", {
+import { getComputedWidth as S, getComputedHeight as A } from "@web-utils/core";
+import { s as H, r as L } from "../chunks/EasyPopup.vue_vue_type_style_index_0_lang.89350bda.mjs";
+import { n as b } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const T = {
+  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 f(this, null, function* () {
+        if (this.border) {
+          yield this.$nextTick();
+          const e = S(this.$refs.container), t = A(this.$refs.container), i = document.body.offsetWidth, o = document.body.offsetHeight;
+          this.axis.x + this.offset.x + e >= i && (this.axis.x = i - e - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + t >= o && (this.axis.y = o - t - this.borderWidth - this.offset.y);
+        }
+      });
+    }
+  },
+  destroyed() {
+    this.$el.remove();
+  },
+  methods: {
+    show({ clientX: e, clientY: t }) {
+      this.axis = { x: e, y: t }, 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(e) {
+      this.interactive && this.$el.contains(e.target) || this.hide();
+    }
+  }
+}, w = {};
+var X = /* @__PURE__ */ b(
+  T,
+  L,
+  H,
+  !1,
+  j,
+  null,
+  null,
+  null
+);
+function j(e) {
+  for (let t in w)
+    this[t] = w[t];
+}
+const P = /* @__PURE__ */ function() {
+  return X.exports;
+}();
+var R = function() {
+  var e = this, t = e.$createElement, i = e._self._c || t;
+  return i("div", {
     ref: "container",
     staticClass: "flow-viewer flow-background-image",
     style: {
       "--highlight-color": e.highlightColor
     }
-  }, [t("EasyPopup", {
+  }, [i(P, {
     ref: "popup",
     attrs: {
       "append-to-body": "",
@@ -56,11 +145,11 @@ var B = function() {
   }, {
     element: e.element
   })], 2)], 1);
-}, C = [];
-const f = d.prototype._handleWheel, P = {
+}, q = [];
+const u = m.prototype._handleWheel, Y = {
   __init__: ["zoomScroll"],
-  zoomScroll: ["type", d]
-}, W = {
+  zoomScroll: ["type", m]
+}, z = {
   name: "FlowViewer",
   components: {
     EasyPopup: F
@@ -96,18 +185,18 @@ const f = d.prototype._handleWheel, P = {
   },
   watch: {
     xml(e) {
-      var i;
-      (i = this.bpmnViewer) == null || i.importXML(e);
+      var t;
+      (t = this.bpmnViewer) == null || t.importXML(e);
     }
   },
   mounted() {
-    d.prototype._handleWheel = this.ctrlKey ? f : function(e) {
-      const { target: i, deltaMode: t, clientX: s, clientY: n, deltaX: l, deltaY: h } = e;
-      f.call(this, {
-        target: i,
-        deltaMode: t,
-        clientX: s,
-        clientY: n,
+    m.prototype._handleWheel = this.ctrlKey ? u : function(e) {
+      const { target: t, deltaMode: i, clientX: o, clientY: s, deltaX: l, deltaY: h } = e;
+      u.call(this, {
+        target: t,
+        deltaMode: i,
+        clientX: o,
+        clientY: s,
         deltaX: l,
         deltaY: h,
         preventDefault() {
@@ -115,26 +204,26 @@ const f = d.prototype._handleWheel, P = {
         },
         ctrlKey: !0
       });
-    }, this.bpmnViewer = new $(y(w({}, this.options), {
+    }, this.bpmnViewer = new W(_(v({}, this.options), {
       container: this.$refs.container,
-      additionalModules: [P]
+      additionalModules: [Y]
     })), 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");
-      const s = this.bpmnViewer.get("eventBus");
-      this.events && this.events.forEach((o) => {
-        s.on(o, (k) => {
-          this.$emit(o.replace(".", "-"), k.element);
+      const t = e.error, i = e.warnings;
+      t ? this.$emit("error", t) : this.$emit("shown", i), 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((n) => {
+        o.on(n, (k) => {
+          this.$emit(n.replace(".", "-"), k.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", (n) => {
+        n.element.type === "bpmn:UserTask" && requestAnimationFrame(() => f(this, null, function* () {
+          this.element = n.element, yield this.$nextTick(), this.$refs.popup.show(n.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 = c("marker");
-      p(n, {
+      const s = c("marker");
+      d(s, {
         id: "sequenceflow-arrow-green",
         viewBox: "0 0 20 20",
         refX: "11",
@@ -144,12 +233,12 @@ const f = d.prototype._handleWheel, P = {
         orient: "auto"
       });
       const l = c("path");
-      p(l, {
+      d(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);
+      }), p(s, l);
       const h = c("marker");
-      p(h, {
+      d(h, {
         id: "conditional-default-flow-marker-green",
         viewBox: "0 0 20 20",
         refX: "0",
@@ -159,60 +248,60 @@ const f = d.prototype._handleWheel, P = {
         orient: "auto"
       });
       const a = c("path");
-      p(a, {
+      d(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);
-      m(r, n), m(r, h);
+      }), p(h, a);
+      const r = C("defs", this.$el);
+      p(r, s), p(r, h);
     }), this.bpmnViewer.importXML(this.xml), this.$watch(
       () => ({
         activities: this.activities,
         historicActivities: this.historicActivities
       }),
-      ({ activities: e, historicActivities: i }) => {
-        this.highlightFlow(i, e);
+      ({ activities: e, historicActivities: t }) => {
+        this.highlightFlow(t, e);
       }
     );
   },
   beforeDestroy() {
     var e;
-    d.prototype._handleWheel = f, (e = this.bpmnViewer) == null || e.destroy();
+    m.prototype._handleWheel = u, (e = this.bpmnViewer) == null || e.destroy();
   },
   methods: {
     fitViewportCenter(e = "center") {
       this.canvas.zoom("fit-viewport", e);
     },
-    highlightFlow(e, i) {
-      this.elementRegistry.getAll().forEach((t) => {
+    highlightFlow(e, t) {
+      this.elementRegistry.getAll().forEach((i) => {
         [
           "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(i.type) && (e.includes(i.id) && !t.includes(i.id) ? this.canvas.addMarker(i, "highlight") : this.canvas.removeMarker(i, "highlight")), i.type === "bpmn:SequenceFlow" && (e.includes(i.id) ? this.canvas.addMarker(i, "highlight-line") : this.canvas.removeMarker(i, "highlight-line")), i.type === "bpmn:UserTask" && (t.includes(i.id) ? this.canvas.addMarker(i, "highlight-current") : this.canvas.removeMarker(i, "highlight-current"));
       });
     }
   }
-}, _ = {};
-var X = /* @__PURE__ */ S(
-  W,
-  B,
-  C,
-  !1,
+}, x = {};
+var D = /* @__PURE__ */ b(
+  z,
+  R,
   q,
+  !1,
+  K,
   null,
   null,
   null
 );
-function q(e) {
-  for (let i in _)
-    this[i] = _[i];
+function K(e) {
+  for (let t in x)
+    this[t] = x[t];
 }
-const U = /* @__PURE__ */ function() {
-  return X.exports;
+const ie = /* @__PURE__ */ function() {
+  return D.exports;
 }();
 export {
-  U as default
+  ie as default
 };

package/form-block/index.mjs

@@ -1,5 +1,7 @@
-import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], d = ["$emit", "validate", "clearValidate"], c = {
+import s from "element-ui/lib/transitions/collapse-transition";
+import d from "element-ui/lib/row";
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const n = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], m = ["$emit", "validate", "clearValidate"], u = {
   name: "FormBlock",
   inject: {
     elForm: {
@@ -28,7 +30,7 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
   },
   data() {
     const e = {};
-    return l.forEach((t) => {
+    return n.forEach((t) => {
       e[t] = null;
     }), {
       expand: !0,
@@ -41,7 +43,7 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
         enabled: this.enabled,
         forbidden: this.disabled
       };
-      return l.forEach((t) => {
+      return n.forEach((t) => {
         e[t] = this.elForm[t];
       }), e;
     }
@@ -56,9 +58,9 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     formCfg: {
       immediate: !0,
       handler() {
-        this.formConfig.disabled = this.available(), l.forEach((e) => {
+        this.formConfig.disabled = this.available(), n.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]);
+          e !== "disabled" && (m.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
         });
       }
     }
@@ -88,7 +90,7 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
       } = this;
       return t ? (
         // eslint-disable-next-line no-undef
-        e("ElRow", {
+        e(d, {
           attrs: {
             gutter: a
           }
@@ -112,7 +114,7 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
       blockTitle: a,
       active: o,
       expand: i,
-      toggle: r
+      toggle: l
     } = this;
     return e("div", {
       class: ["form-block", {
@@ -121,13 +123,13 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     }, [e("div", {
       class: "form-block-title",
       on: {
-        click: r
+        click: l
       }
     }, [e("span", {
       class: "flex-item"
     }, [a]), " ", e("i", {
       class: i ? "el-icon-arrow-down" : "el-icon-arrow-right"
-    })]), e("ElCollapseTransition", [e("div", {
+    })]), e(s, [e("div", {
       directives: [{
         name: "show",
         value: i
@@ -135,25 +137,25 @@ const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     }, [t()])])]);
   }
 };
-let m, h;
-const s = {};
-var f = /* @__PURE__ */ n(
-  c,
-  m,
+let f, h;
+const r = {};
+var p = /* @__PURE__ */ c(
+  u,
+  f,
   h,
   !1,
-  u,
+  _,
   null,
   null,
   null
 );
-function u(e) {
-  for (let t in s)
-    this[t] = s[t];
+function _(e) {
+  for (let t in r)
+    this[t] = r[t];
 }
-const b = /* @__PURE__ */ function() {
-  return f.exports;
+const F = /* @__PURE__ */ function() {
+  return p.exports;
 }();
 export {
-  b as default
+  F as default
 };

package/form-cascader/index.mjs

@@ -1,24 +1,24 @@
 var u = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
+var l = Object.getOwnPropertySymbols;
 var c = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
-var o = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, l = (e, t) => {
+var s = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, n = (e, t) => {
   for (var r in t || (t = {}))
-    c.call(t, r) && o(e, r, t[r]);
-  if (n)
-    for (var r of n(t))
-      d.call(t, r) && o(e, r, t[r]);
+    c.call(t, r) && s(e, r, t[r]);
+  if (l)
+    for (var r of l(t))
+      d.call(t, r) && s(e, r, t[r]);
   return e;
 };
-import { f as m } from "../chunks/form-input-mixin.4632ad36.mjs";
-import { f } from "../chunks/form-pick-mixin.61ad06b2.mjs";
-import s from "element-ui/lib/cascader";
-import { d as h, n as y } from "../chunks/index.57f871af.mjs";
-import { findTreeChildren as v, setParent as _ } from "@web-utils/core";
-import { cloneDeep as b } from "@web-utils/integrations/lodash";
-import { n as S } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var k = function() {
+import { _ as f, f as m } from "../chunks/FormItem.2920ac0c.mjs";
+import { f as h } from "../chunks/form-pick-mixin.61ad06b2.mjs";
+import o from "element-ui/lib/cascader";
+import { h as y, n as _ } from "../chunks/index.d91bd77a.mjs";
+import { findTreeChildren as v, setParent as b } from "@web-utils/core";
+import { cloneDeep as S } from "@web-utils/integrations/lodash";
+import { n as k } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = function() {
   var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("FormItem", e._b({
+  return r(f, e._b({
     attrs: {
       rules: e.computeRules,
       disabled: e.inputDisabled
@@ -27,7 +27,7 @@ var k = function() {
       key: "default",
       fn: function() {
         return [e._t("default", function() {
-          return [r("ElCascader", e._g(e._b({
+          return [r(o, e._g(e._b({
             class: {
               "is-readonly": e.readonly
             },
@@ -71,12 +71,12 @@ var k = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, x = [];
-const P = Object.keys(s.props || s.default.props).filter(
+}, P = [];
+const g = Object.keys(o.props || o.default.props).filter(
   (e) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(e)
 ), w = {
   name: "FormCascader",
-  mixins: [m, f],
+  mixins: [m, h],
   props: {
     value: {
       type: [String, Number]
@@ -114,7 +114,7 @@ const P = Object.keys(s.props || s.default.props).filter(
   },
   computed: {
     inputProps() {
-      return h(l(l({}, y(this.$attrs)), this.$props), P);
+      return y(n(n({}, _(this.$attrs)), this.$props), g);
     },
     inputVal() {
       let [e] = v(this.innerOptions, (r) => r[this.valueKey] === this.value);
@@ -129,8 +129,8 @@ const P = Object.keys(s.props || s.default.props).filter(
       immediate: !0,
       handler(e) {
         if (e) {
-          const t = b(e);
-          _(t), this.innerOptions = t;
+          const t = S(e);
+          b(t), this.innerOptions = t;
         } else
           this.innerOptions = [];
       }
@@ -143,23 +143,23 @@ const P = Object.keys(s.props || s.default.props).filter(
     }
   }
 }, a = {};
-var C = /* @__PURE__ */ S(
+var K = /* @__PURE__ */ k(
   w,
-  k,
   x,
+  P,
   !1,
-  K,
+  C,
   null,
   null,
   null
 );
-function K(e) {
+function C(e) {
   for (let t in a)
     this[t] = a[t];
 }
-const E = /* @__PURE__ */ function() {
-  return C.exports;
+const M = /* @__PURE__ */ function() {
+  return K.exports;
 }();
 export {
-  E as default
+  M as default
 };