@web-utils/component 2.0.13 → 2.2.0

package/form-item/index.mjs

@@ -0,0 +1,147 @@
+var M = Object.defineProperty;
+var v = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var F = (e, r, t) => r in e ? M(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, h = (e, r) => {
+  for (var t in r || (r = {}))
+    P.call(r, t) && F(e, t, r[t]);
+  if (v)
+    for (var t of v(r))
+      T.call(r, t) && F(e, t, r[t]);
+  return e;
+};
+var _ = (e, r, t) => new Promise((i, f) => {
+  var s = (l) => {
+    try {
+      a(t.next(l));
+    } catch (n) {
+      f(n);
+    }
+  }, o = (l) => {
+    try {
+      a(t.throw(l));
+    } catch (n) {
+      f(n);
+    }
+  }, a = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, o);
+  a((t = t.apply(e, r)).next());
+});
+import { f as V } from "../chunks/form-item-mixin.BilKDUlK.mjs";
+import { hasOwn as w } from "@web-utils/core";
+import { n as z } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const B = {
+  name: "FormItem",
+  mixins: [V],
+  inject: {
+    formHolder: {
+      default: ""
+    },
+    formItemConfig: {
+      default: null
+    }
+  },
+  computed: {
+    gutter() {
+      var r;
+      let e = this.$parent;
+      for (; e && e.$options.componentName !== "ElRow"; )
+        e = e.$parent;
+      return (r = e == null ? void 0 : e.gutter) != null ? r : 0;
+    }
+  },
+  methods: {
+    renderFormItem() {
+      var b, q, g;
+      const e = this.$createElement, {
+        label: r,
+        labelWidth: t,
+        prop: i,
+        rules: f,
+        $scopedSlots: s,
+        elFormItemProps: o,
+        elForm: a,
+        formHolder: l,
+        formItemClass: n,
+        required: u,
+        block: k,
+        half: $,
+        wrapCol: y,
+        wrapFormItem: R,
+        disabled: E,
+        formItemConfig: d,
+        getRequireRule: W
+      } = this;
+      let m = f, c = u, p = u, C = k, I = y;
+      d && (w(d, "block") && (C = d.block), w(d, "wrapCol") && (I = d.wrapCol));
+      const j = C && $ && I ? `calc( 50% - ${this.gutter / 2}px)` : "";
+      return E || a != null && a.disabled ? (m = [], l && !l.required && !((b = l.requiredFields) != null && b.includes(i)) && (p = !1)) : (l && !l.required && !((q = l.requiredFields) != null && q.includes(i)) && (c = !1), c && !(m != null && m.length) && i ? m = [W()] : c || (p = !1, m && (m = m.filter((H) => !H.required)))), R ? e("ElFormItem", {
+        style: {
+          width: j
+        },
+        key: `${i}-${c}`,
+        class: p ? `form-item required ${n || ""}` : `${n || ""}`,
+        scopedSlots: s,
+        props: h({}, o),
+        attrs: {
+          label: r,
+          "label-width": t,
+          prop: i,
+          rules: m
+        },
+        ref: "formItem"
+      }) : e("div", [(g = s.default) == null ? void 0 : g.call(s)]);
+    },
+    clearValidate() {
+      return _(this, null, function* () {
+        var e, r;
+        yield this.$nextTick(), (r = (e = this.$refs.formItem).clearValidate) == null || r.call(e);
+      });
+    },
+    validate() {
+      return _(this, null, function* () {
+        var e, r;
+        yield this.$nextTick(), (r = (e = this.$refs.formItem).validate) == null || r.call(e);
+      });
+    }
+  },
+  render() {
+    var n, u;
+    const e = arguments[0], {
+      computeSpan: r,
+      wrapCol: t,
+      formItemConfig: i,
+      renderFormItem: f,
+      elColProps: s,
+      $scopedSlots: o,
+      unwrap: a
+    } = this;
+    let l = t;
+    return i && w(i, "wrapCol") && (l = i.wrapCol), a ? e("div", [(n = o.default) == null ? void 0 : n.call(o)]) : l ? e("ElCol", {
+      props: h({}, s),
+      attrs: {
+        span: r
+      }
+    }, [f(), (u = o == null ? void 0 : o.below) == null ? void 0 : u.call(o)]) : f();
+  }
+};
+let N, O;
+const x = {};
+var A = /* @__PURE__ */ z(
+  B,
+  N,
+  O,
+  !1,
+  D,
+  null,
+  null,
+  null
+);
+function D(e) {
+  for (let r in x)
+    this[r] = x[r];
+}
+const Q = /* @__PURE__ */ function() {
+  return A.exports;
+}();
+export {
+  Q as default
+};

package/form-item/style.css

@@ -0,0 +1 @@
+.form-item.el-form-item.required:not(.is-no-asterisk) .el-form-item__label:before{color:#f56c6c;content:"*";margin-right:4px}

package/form-item-config-provider/index.mjs

@@ -0,0 +1,63 @@
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const n = {
+  name: "FormItemConfigProvider",
+  provide() {
+    return {
+      formItemConfig: this.config
+    };
+  },
+  props: {
+    block: Boolean,
+    wrapCol: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      config: {
+        block: !1,
+        wrapCol: !0
+      }
+    };
+  },
+  watch: {
+    block: {
+      immediate: !0,
+      handler(e) {
+        this.config.block = e;
+      }
+    },
+    wrapCol: {
+      immediate: !0,
+      handler(e) {
+        this.config.wrapCol = e;
+      }
+    }
+  },
+  render() {
+    return this.$scopedSlots.default();
+  }
+};
+let l, i;
+const t = {};
+var a = /* @__PURE__ */ r(
+  n,
+  l,
+  i,
+  !1,
+  s,
+  null,
+  null,
+  null
+);
+function s(e) {
+  for (let o in t)
+    this[o] = t[o];
+}
+const u = /* @__PURE__ */ function() {
+  return a.exports;
+}();
+export {
+  u as default
+};

package/form-item-group/index.mjs

@@ -0,0 +1,169 @@
+import { isFunction as m } from "@web-utils/core";
+import { n as u } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], c = ["$emit", "validate", "clearValidate"], f = {
+  name: "FormItemGroup",
+  inject: {
+    elForm: {
+      default: {}
+    }
+  },
+  provide() {
+    return {
+      elForm: this.formConfig,
+      formItemGroup: this
+    };
+  },
+  props: {
+    blockTitle: {
+      type: String
+    },
+    active: Boolean,
+    enabled: Boolean,
+    disabled: Boolean,
+    wrapRow: {
+      type: Boolean,
+      default: !0
+    },
+    gutter: {
+      type: Number,
+      default: 20
+    },
+    collapse: Boolean
+  },
+  data() {
+    const e = {};
+    return r.forEach((t) => {
+      e[t] = null;
+    }), {
+      expand: !0,
+      formConfig: e
+    };
+  },
+  computed: {
+    formCfg() {
+      const e = {
+        enabled: this.enabled,
+        forbidden: this.disabled
+      };
+      return r.forEach((t) => {
+        e[t] = this.elForm[t];
+      }), e;
+    }
+  },
+  watch: {
+    collapse: {
+      immediate: !0,
+      handler(e) {
+        this.expand = !e;
+      }
+    },
+    formCfg: {
+      immediate: !0,
+      handler() {
+        this.formConfig.disabled = this.isDisabled(), r.forEach((e) => {
+          var t;
+          e !== "disabled" && (c.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
+        });
+      }
+    }
+  },
+  mounted() {
+    this.dispatch("FormView", "FormView.addGroup", [this]);
+  },
+  beforeDestroy() {
+    this.dispatch("FormView", "FormView.removeGroup", [this]);
+  },
+  methods: {
+    isDisabled() {
+      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
+    },
+    dispatch(e, t, s) {
+      let i = this.$parent || this.$root, o = i.$options.name;
+      for (; i && (!o || o !== e); )
+        i = i.$parent, i && (o = i.$options.name);
+      i && i.$emit.apply(i, [t].concat(s));
+    },
+    renderDefault() {
+      const e = this.$createElement, {
+        wrapRow: t,
+        gutter: s,
+        formConfig: i,
+        $scopedSlots: o
+      } = this;
+      return m(o.default) ? t ? e("ElRow", {
+        attrs: {
+          gutter: s
+        },
+        class: "form-item-group-row"
+      }, [o.default({
+        disabled: i.disabled
+      })]) : o.default({
+        disabled: i.disabled
+      }) : e("EmptyView", {
+        attrs: {
+          "font-size": "14px",
+          "empty-tips": "暂无信息"
+        }
+      });
+    },
+    toggle() {
+      this.expand = !this.expand;
+    },
+    open() {
+      this.expand = !0;
+    }
+  },
+  render() {
+    const e = arguments[0], {
+      renderDefault: t,
+      blockTitle: s,
+      active: i,
+      expand: o,
+      toggle: n,
+      $scopedSlots: a,
+      isDisabled: d
+    } = this;
+    return e("div", {
+      class: ["form-item-group", {
+        "default-active": i,
+        "is-disabled": d()
+      }]
+    }, [e("div", {
+      class: "form-item-group-title",
+      on: {
+        click: n
+      }
+    }, [e("span", {
+      class: "flex-item"
+    }, [s, a["title-right"] ? a["title-right"]() : null]), " ", e("i", {
+      class: o ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), e("ElCollapseTransition", [e("div", {
+      directives: [{
+        name: "show",
+        value: o
+      }]
+    }, [t()])])]);
+  }
+};
+let p, h;
+const l = {};
+var b = /* @__PURE__ */ u(
+  f,
+  p,
+  h,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const w = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  w as default
+};

package/form-item-group/style.css

@@ -0,0 +1 @@
+.form-item-group{background-color:#fff;margin-bottom:10px}.form-item-group.is-disabled .is-required .el-form-item__label:before,.form-item-group.is-disabled .required .el-form-item__label:before{display:none}.form-item-group .form-item-group-row{margin:0!important}.form-item-group .form-item-group-title{color:#333;cursor:pointer;background-color:#f3f5fb;flex-direction:row;align-items:center;height:30px;margin:0 0 10px;padding:0 10px;font-size:14px;font-weight:700;line-height:30px;display:flex}

package/form-radio-group/index.mjs

@@ -0,0 +1,181 @@
+var p = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var s = (e, r, t) => r in e ? p(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, i = (e, r) => {
+  for (var t in r || (r = {}))
+    c.call(r, t) && s(e, t, r[t]);
+  if (n)
+    for (var t of n(r))
+      f.call(r, t) && s(e, t, r[t]);
+  return e;
+};
+import { f as h } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as d } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
+import a from "element-ui/lib/radio-group";
+import { d as y, n as m } from "../chunks/index.LGsb2aDq.mjs";
+import { n as v } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var _ = function() {
+  var e = this, r = e.$createElement, t = e._self._c || r;
+  return t("FormItem", e._b({
+    class: ["form-radio-group", {
+      "form-radio-group-row": e.fillRow,
+      inline: e.inline
+    }, e.ellipsis ? "form-radio-group-row-ellipsis" : "form-radio-group-row-break-word"],
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [t("ElRadioGroup", e._g(e._b({
+          class: {
+            "over-flow": e.overFlow
+          },
+          attrs: {
+            value: e.value,
+            disabled: e.inputDisabled,
+            placeholder: e.computePlaceholder
+          },
+          on: {
+            input: function(o) {
+              return e.$emit("input", o);
+            }
+          }
+        }, "ElRadioGroup", e.inputProps, !1), e.listeners), [e.allowCancel ? e._l(e.innerOptions, function(o) {
+          return t("ElRadio", {
+            key: o[e.valueKey],
+            attrs: {
+              label: o[e.valueKey]
+            },
+            nativeOn: {
+              click: function(l) {
+                return l.preventDefault(), l.stopPropagation(), e.toggle(o);
+              }
+            }
+          }, [e._v(" " + e._s(o[e.labelKey]) + " ")]);
+        }) : e._l(e.innerOptions, function(o) {
+          return t("ElRadio", {
+            key: o[e.valueKey],
+            attrs: {
+              label: o[e.valueKey]
+            }
+          }, [e._v(" " + e._s(o[e.labelKey]) + " ")]);
+        })], 2), e._t("append")];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(o) {
+        var l = o.error;
+        return [e._t("error", null, {
+          error: l
+        })];
+      }
+    }, {
+      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));
+}, b = [];
+const g = Object.keys(a.props || a.default.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), K = {
+  name: "FormRadioGroup",
+  mixins: [h, d],
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    gender: Boolean,
+    overFlow: Boolean,
+    confirm: Boolean,
+    labelProp: {
+      type: String,
+      default: "name"
+    },
+    valueProp: {
+      type: String,
+      default: "code"
+    },
+    english: Boolean,
+    chinese: Boolean,
+    typing: Boolean,
+    classic: Boolean,
+    fillRow: Boolean,
+    ellipsis: Boolean,
+    inline: Boolean,
+    allowCancel: Boolean
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    inputProps() {
+      return y(i(i({}, m(this.$attrs)), this.$props), g);
+    },
+    labelKey() {
+      return this.classic ? "label" : this.labelProp;
+    },
+    valueKey() {
+      return this.classic ? "value" : this.valueProp;
+    },
+    innerOptions() {
+      return this.gender ? [
+        {
+          [this.labelKey]: "男",
+          [this.valueKey]: this.chinese ? "男" : this.typing ? 1 : "1"
+        },
+        {
+          [this.labelKey]: "女",
+          [this.valueKey]: this.chinese ? "女" : this.typing ? 2 : "2"
+        }
+      ] : this.confirm ? [
+        {
+          [this.labelKey]: "是",
+          [this.valueKey]: this.chinese ? "是" : this.english ? "Y" : this.typing ? 1 : "1"
+        },
+        {
+          [this.labelKey]: "否",
+          [this.valueKey]: this.chinese ? "否" : this.english ? "N" : this.typing ? 0 : "0"
+        }
+      ] : this.options;
+    }
+  },
+  methods: {
+    emitInput(e) {
+      this.$emit("input", e);
+    },
+    toggle(e) {
+      this.value === e[this.valueKey] ? this.emitInput(null) : this.emitInput(e[this.valueKey]);
+    }
+  }
+}, u = {};
+var w = /* @__PURE__ */ v(
+  K,
+  _,
+  b,
+  !1,
+  B,
+  null,
+  null,
+  null
+);
+function B(e) {
+  for (let r in u)
+    this[r] = u[r];
+}
+const E = /* @__PURE__ */ function() {
+  return w.exports;
+}();
+export {
+  E as default
+};

package/form-radio-group/style.css

@@ -0,0 +1 @@
+.form-radio-group.inline{display:inline}.form-radio-group.inline .el-radio{float:left;margin-right:10px}.form-radio-group.form-radio-group-row.form-radio-group-row-ellipsis .el-radio__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-radio-group.form-radio-group-row.form-radio-group-row-break-word .el-radio__label{word-wrap:break-word;word-break:break-all}.form-radio-group.form-radio-group-row .el-radio-group{display:block}.form-radio-group.form-radio-group-row .el-radio{flex-flow:row;width:100%;display:flex}.form-radio-group.form-radio-group-row .el-radio__input{flex-shrink:0;top:3px}.form-radio-group.form-radio-group-row .el-radio__label{vertical-align:sub;flex:auto;margin-bottom:6px;padding-left:4px;display:block}.form-radio-group .el-radio-group{line-height:1}.form-radio-group .el-radio{vertical-align:middle;margin-right:10px}.form-radio-group .el-radio__label{padding-left:0;line-height:19px}