@web-utils/component 2.7.36 → 2.8.0

package/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/flow-viewer/style.css

@@ -0,0 +1 @@
+.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/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/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.124653d9.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.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() {
+  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
+};

package/form-checkbox-group/index.mjs

@@ -0,0 +1,203 @@
+var u = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var n = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, l = (e, t) => {
+  for (var r in t || (t = {}))
+    p.call(t, r) && n(e, r, t[r]);
+  if (i)
+    for (var r of i(t))
+      h.call(t, r) && n(e, r, t[r]);
+  return e;
+};
+import { f as c } from "../chunks/form-input-mixin.124653d9.mjs";
+import { f } from "../chunks/form-pick-mixin.61ad06b2.mjs";
+import { d as m, n as d } from "../chunks/index.57f871af.mjs";
+import b from "element-ui/lib/checkbox-group";
+import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var _ = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._b({
+    class: ["form-checkbox-group", {
+      "form-checkbox-group-row": e.fillRow
+    }, e.ellipsis ? "form-checkbox-group-row-ellipsis" : e.fillRow ? "form-checkbox-group-row-break-word" : ""],
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [r("ElCheckboxGroup", e._g(e._b({
+          attrs: {
+            disabled: e.inputDisabled,
+            value: e.computeVal,
+            placeholder: e.computePlaceholder
+          },
+          on: {
+            input: e.emitInput
+          }
+        }, "ElCheckboxGroup", e.inputProps, !1), e.listeners), e._l(e.innerOptions, function(o) {
+          return r("ElCheckbox", {
+            key: o[e.valueKey],
+            attrs: {
+              label: o[e.valueKey]
+            }
+          }, [e._v(" " + e._s(o[e.labelKey]) + " ")]);
+        }), 1), e.computeVal.includes(e.otherVal) ? r("FormInput", {
+          staticClass: "form-checkbox-group-other",
+          style: e.otherLabel ? {
+            width: e.otherWidth
+          } : {
+            marginBottom: 0,
+            width: e.otherWidth
+          },
+          attrs: {
+            "wrap-col": !1,
+            "label-width": "0",
+            prop: e.otherProp,
+            required: !!e.otherProp,
+            placeholder: e.otherPlaceholder,
+            label: e.otherLabel,
+            "show-message": !!e.otherLabel,
+            value: e.other
+          },
+          on: {
+            input: function(o) {
+              return e.$emit("update:other", o);
+            }
+          }
+        }) : e._e()];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(o) {
+        var a = o.error;
+        return [e._t("error", null, {
+          error: a
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }, {
+      key: "below",
+      fn: function() {
+        return [e._t("below")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, v = [];
+const x = Object.keys(b.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), g = {
+  name: "FormCheckboxGroup",
+  mixins: [c, f],
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: [String, Array]
+    },
+    other: {
+      type: String
+    },
+    otherVal: {
+      type: String
+    },
+    otherProp: {
+      type: String
+    },
+    otherPlaceholder: {
+      type: String
+    },
+    otherLabel: {
+      type: String
+    },
+    otherWidth: {
+      type: String,
+      default: "200px"
+    },
+    gender: Boolean,
+    confirm: Boolean,
+    labelProp: {
+      type: String,
+      default: "name"
+    },
+    valueProp: {
+      type: String,
+      default: "code"
+    },
+    split: Boolean,
+    classic: Boolean,
+    fillRow: Boolean,
+    ellipsis: Boolean
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    labelKey() {
+      return this.classic ? "label" : this.labelProp;
+    },
+    valueKey() {
+      return this.classic ? "value" : this.valueProp;
+    },
+    inputProps() {
+      return m(l(l({}, d(this.$attrs)), this.$props), x);
+    },
+    innerOptions() {
+      return this.gender ? [
+        {
+          [this.labelKey]: "男",
+          [this.valueKey]: "男"
+        },
+        {
+          [this.labelKey]: "女",
+          [this.valueKey]: "女"
+        }
+      ] : this.confirm ? [
+        {
+          [this.labelKey]: "是",
+          [this.valueKey]: "是"
+        },
+        {
+          [this.labelKey]: "否",
+          [this.valueKey]: "否"
+        }
+      ] : this.options;
+    },
+    computeVal() {
+      return this.split ? this.value ? this.value.split(",") : [] : this.value || [];
+    }
+  },
+  methods: {
+    emitInput(e) {
+      this.split ? this.$emit("input", e.join(",")) : this.$emit("input", e);
+    }
+  }
+}, s = {};
+var k = /* @__PURE__ */ y(
+  g,
+  _,
+  v,
+  !1,
+  P,
+  null,
+  null,
+  null
+);
+function P(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const I = /* @__PURE__ */ function() {
+  return k.exports;
+}();
+export {
+  I as default
+};

package/form-checkbox-group/style.css

@@ -0,0 +1 @@
+.form-checkbox-group.form-checkbox-group-row.form-checkbox-group-row-ellipsis .el-checkbox__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-checkbox-group.form-checkbox-group-row.form-checkbox-group-row-break-word .el-checkbox__label{word-wrap:break-word;word-break:break-all}.form-checkbox-group.form-checkbox-group-row .el-checkbox-group{display:block}.form-checkbox-group.form-checkbox-group-row .el-checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.form-checkbox-group.form-checkbox-group-row .el-checkbox__input{flex-shrink:0;top:3px}.form-checkbox-group.form-checkbox-group-row .el-checkbox__label{flex:1 1 auto;display:block;margin-bottom:6px;vertical-align:sub}.form-checkbox-group .form-checkbox-group-other{display:inline-block;margin-left:10px}.form-checkbox-group .form-checkbox-group-other .el-form-item__label{display:none}.form-checkbox-group .el-checkbox-group{line-height:inherit}.form-checkbox-group .el-checkbox{margin-right:10px;vertical-align:middle}.form-checkbox-group .el-checkbox__label{padding-left:4px}