@web-utils/component 2.7.35 → 2.7.37

package/dist/components/flow-node/index.mjs

@@ -0,0 +1,102 @@
+import { s as n } from "../../chunks/util.eca708b6.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: {
+    active: [String, Number],
+    index: [String, Number],
+    node: Object
+  },
+  data() {
+    return {
+      // 控制节点操作显示
+      mouseEnter: !1
+    };
+  },
+  computed: {
+    // 节点容器样式
+    flowNodeContainer: {
+      get() {
+        return {
+          position: "absolute",
+          width: "200px",
+          top: n(this.node.top),
+          left: n(this.node.left),
+          boxShadow: this.mouseEnter ? "#66a6e0 0px 0px 12px 0px" : "",
+          backgroundColor: "transparent"
+        };
+      }
+    }
+  },
+  methods: {
+    // 鼠标进入
+    showDelete() {
+      this.mouseEnter = !0;
+    },
+    // 鼠标离开
+    hideDelete() {
+      this.mouseEnter = !1;
+    },
+    // 鼠标移动后抬起
+    changeNodeSite() {
+      this.node.left == this.$refs.node.style.left && this.node.top == this.$refs.node.style.top || this.$emit("changeNodeSite", {
+        index: this.index,
+        left: Number(this.$refs.node.style.left.replace("px", "")),
+        top: Number(this.$refs.node.style.top.replace("px", ""))
+      });
+    }
+  }
+}, s = {};
+var d = /* @__PURE__ */ r(
+  i,
+  l,
+  a,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let o in s)
+    this[o] = s[o];
+}
+const p = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  p as default
+};

package/dist/components/flow-viewer/index.mjs

@@ -0,0 +1,162 @@
+var v = Object.defineProperty, _ = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var p = (t, e, i) => e in t ? v(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, g = (t, e) => {
+  for (var i in e || (e = {}))
+    y.call(e, i) && p(t, i, e[i]);
+  if (m)
+    for (var i of m(e))
+      b.call(e, i) && p(t, i, e[i]);
+  return t;
+}, f = (t, e) => _(t, w(e));
+var d = (t, e, i) => new Promise((n, s) => {
+  var l = (o) => {
+    try {
+      h(i.next(o));
+    } catch (a) {
+      s(a);
+    }
+  }, r = (o) => {
+    try {
+      h(i.throw(o));
+    } catch (a) {
+      s(a);
+    }
+  }, h = (o) => o.done ? n(o.value) : Promise.resolve(o.value).then(l, r);
+  h((i = i.apply(t, e)).next());
+});
+import E from "bpmn-js/lib/NavigatedViewer";
+import c from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { n as M } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var V = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("div", {
+    ref: "container",
+    staticClass: "flow-viewer"
+  }, [i("EasyPopup", {
+    ref: "popup"
+  }, [t._t("default", function() {
+    return [t._v(" " + t._s(t.element) + " ")];
+  }, {
+    element: t.element
+  })], 2)], 1);
+}, k = [];
+const x = c.prototype._handleWheel;
+c.prototype._handleWheel = function(t) {
+  const { target: e, deltaMode: i, clientX: n, clientY: s, deltaX: l, deltaY: r } = t;
+  x.call(this, {
+    target: e,
+    deltaMode: i,
+    clientX: n,
+    clientY: s,
+    deltaX: l,
+    deltaY: r,
+    preventDefault() {
+      t.preventDefault();
+    },
+    ctrlKey: !0
+  });
+};
+const F = {
+  __init__: ["zoomScroll"],
+  zoomScroll: ["type", c]
+}, S = {
+  name: "FlowViewer",
+  props: {
+    xml: {
+      type: String,
+      required: !0
+    },
+    options: {
+      type: Object
+    },
+    activities: {
+      type: Array,
+      default: () => []
+    },
+    flows: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      element: null
+    };
+  },
+  watch: {
+    xml(t) {
+      var e;
+      (e = this.bpmnViewer) == null || e.importXML(t);
+    },
+    activities: "highlightActivity",
+    flows: "highlightFlow"
+  },
+  mounted() {
+    var e;
+    const t = this.$refs.container;
+    this.bpmnViewer = new E(f(g({}, this.options), {
+      container: t,
+      additionalModules: [F]
+    })), this.bpmnViewer.on("import.done", (i) => {
+      const n = i.error, s = i.warnings;
+      n ? this.$emit("error", n) : this.$emit("shown", s), this.bpmnViewer.get("canvas").zoom("fit-viewport", "center");
+      const l = this.bpmnViewer.get("eventBus");
+      this.canvas = this.bpmnViewer.get("canvas"), l.on("element.mousemove", (r) => d(this, null, function* () {
+        r.element.type === "bpmn:UserTask" && (this.element = r.element, yield this.$nextTick(), this.$refs.popup.show(r.originalEvent));
+      })), l.on("element.out", () => {
+        this.$refs.popup.hide(), this.element = {};
+      }), this.highlightFlow(this.flows), this.highlightActivity(this.activities);
+    }), (e = this.bpmnViewer) == null || e.importXML(this.xml);
+  },
+  beforeDestroy() {
+    var t;
+    (t = this.bpmnViewer) == null || t.destroy();
+  },
+  methods: {
+    getElementById(t) {
+      return this.canvas.getRootElement().children.find((e) => e.id === t);
+    },
+    highlightFlow(t) {
+      this.canvas.getRootElement().children.filter((e) => e.type === "bpmn:SequenceFlow" && this.canvas.hasMarker(e, "highlight-line")).forEach((e) => {
+        var i;
+        return (i = this.canvas) == null ? void 0 : i.removeMarker(e, "highlight-line");
+      }), t.length > 0 && t.forEach((e) => {
+        var n;
+        const i = this.getElementById(e);
+        i && ((n = this.canvas) == null || n.addMarker(i, "highlight-line"));
+      });
+    },
+    highlightActivity(t) {
+      this.canvas.getRootElement().children.filter((e) => e.type === "bpmn:UserTask" && this.canvas.hasMarker(e, "highlight")).forEach((e) => {
+        var i;
+        return (i = this.canvas) == null ? void 0 : i.removeMarker(e, "highlight");
+      }), t.length > 0 && t.forEach((e) => {
+        var n;
+        const i = this.getElementById(e);
+        i && ((n = this.canvas) == null || n.addMarker(i, "highlight"));
+      });
+    }
+  }
+}, u = {};
+var $ = /* @__PURE__ */ M(
+  S,
+  V,
+  k,
+  !1,
+  B,
+  null,
+  null,
+  null
+);
+function B(t) {
+  for (let e in u)
+    this[e] = u[e];
+}
+const D = /* @__PURE__ */ function() {
+  return $.exports;
+}();
+export {
+  D as default
+};

package/dist/components/flow-viewer/style.css

@@ -1,19 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.flow-viewer {
-  width: 100%;
-  height: 400px;
-}
-.flow-viewer .highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
-  fill: rgb(251, 233, 209) !important;
-}
-.flow-viewer .highlight g.djs-visual > :nth-child(1) {
-  stroke: rgb(214, 126, 125) !important;
-}
-.flow-viewer .highlight-line g.djs-visual > :nth-child(1) {
-  stroke: rgb(0, 190, 0) !important;
-}
+.flow-viewer{width:100%;height:400px}.flow-viewer .highlight:not(.djs-connection) .djs-visual>:nth-child(1){fill:#fbe9d1!important}.flow-viewer .highlight g.djs-visual>:nth-child(1){stroke:#d67e7d!important}.flow-viewer .highlight-line g.djs-visual>:nth-child(1){stroke:#00be00!important}

package/dist/components/form-button/index.mjs

@@ -0,0 +1,80 @@
+import { c as r } from "../../chunks/confirmable-mixin.2bfe1ab9.mjs";
+import { n as o } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const i = {
+  name: "Confirmable",
+  mixins: [r]
+};
+let s, _;
+const t = {};
+var a = /* @__PURE__ */ o(
+  i,
+  s,
+  _,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(l) {
+  for (let n in t)
+    this[n] = t[n];
+}
+const c = /* @__PURE__ */ function() {
+  return a.exports;
+}(), p = {
+  props: {
+    type: {
+      type: String,
+      default: "danger"
+    },
+    size: String,
+    icon: {
+      type: String,
+      default: ""
+    },
+    nativeType: {
+      type: String,
+      default: "button"
+    },
+    loading: Boolean,
+    disabled: Boolean,
+    plain: Boolean,
+    autofocus: Boolean,
+    round: Boolean,
+    confirmable: Boolean,
+    text: {
+      type: String,
+      default: ""
+    },
+    tag: {
+      type: String,
+      default: "AwesomeButton"
+    }
+  }
+}, f = {
+  name: "FormButton",
+  mixins: [c, p]
+};
+let m, d;
+const e = {};
+var v = /* @__PURE__ */ o(
+  f,
+  m,
+  d,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(l) {
+  for (let n in e)
+    this[n] = e[n];
+}
+const B = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  B as default
+};

package/dist/components/form-cascader/index.mjs

@@ -0,0 +1,163 @@
+var u = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, c = 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, n = (e, t) => {
+  for (var r in t || (t = {}))
+    p.call(t, r) && o(e, r, t[r]);
+  if (l)
+    for (var r of l(t))
+      c.call(t, r) && o(e, r, t[r]);
+  return e;
+};
+import { f as d } from "../../chunks/form-input-mixin.e3b4c68c.mjs";
+import { f as m } from "../../chunks/form-pick-mixin.61ad06b2.mjs";
+import f from "element-ui/lib/cascader";
+import { d as h, n as y } from "../../chunks/index.9b7a65d1.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() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._b({
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [e._t("default", function() {
+          return [r("ElCascader", e._g(e._b({
+            class: {
+              "is-readonly": e.readonly
+            },
+            staticStyle: {
+              width: "100%"
+            },
+            attrs: {
+              value: e.inputVal,
+              "show-all-levels": e.showAllLevels,
+              separator: e.separator,
+              readonly: e.readonly,
+              options: e.innerOptions,
+              props: {
+                checkStrictly: e.checkStrictly,
+                label: e.labelKey,
+                value: e.valueKey
+              },
+              disabled: e.inputDisabled,
+              placeholder: e.computePlaceholder
+            },
+            on: {
+              input: e.emitInput
+            }
+          }, "ElCascader", e.inputProps, !1), e.listeners))];
+        })];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(a) {
+        var i = a.error;
+        return [e._t("error", null, {
+          error: i
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, x = [];
+const P = Object.keys(f.props).filter((e) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(e)), w = {
+  name: "FormCascader",
+  mixins: [d, m],
+  props: {
+    value: {
+      type: [String, Number]
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    showAllLevels: Boolean,
+    separator: {
+      type: String,
+      default: "/"
+    },
+    last: {
+      type: Boolean,
+      default: !0
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: !0
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    }
+  },
+  data() {
+    return {
+      innerOptions: []
+    };
+  },
+  computed: {
+    inputProps() {
+      return h(n(n({}, y(this.$attrs)), this.$props), P);
+    },
+    inputVal() {
+      let [e] = v(this.innerOptions, (r) => r[this.valueKey] === this.value);
+      const t = [];
+      for (; e; )
+        t.push(e[this.valueKey]), e = e.parent;
+      return t.reverse();
+    }
+  },
+  watch: {
+    options: {
+      immediate: !0,
+      handler(e) {
+        if (e) {
+          const t = b(e);
+          _(t), this.innerOptions = t;
+        } else
+          this.innerOptions = [];
+      }
+    }
+  },
+  methods: {
+    emitInput(e) {
+      const t = this.last ? e[e.length - 1] : e;
+      this.$emit("input", t);
+    }
+  }
+}, s = {};
+var C = /* @__PURE__ */ S(
+  w,
+  k,
+  x,
+  !1,
+  K,
+  null,
+  null,
+  null
+);
+function K(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const E = /* @__PURE__ */ function() {
+  return C.exports;
+}();
+export {
+  E as default
+};