@web-utils/component 2.7.36 → 2.8.0

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

@@ -0,0 +1,115 @@
+var p = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var a = (r, e, t) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, s = (r, e) => {
+  for (var t in e || (e = {}))
+    m.call(e, t) && a(r, t, e[t]);
+  if (l)
+    for (var t of l(e))
+      d.call(e, t) && a(r, t, e[t]);
+  return r;
+};
+import { f as c } from "../chunks/form-input-mixin.124653d9.mjs";
+import { validateIdCard as i } from "@web-utils/core";
+import _ from "element-ui/lib/input";
+import { d as f, n as v } from "../chunks/index.57f871af.mjs";
+import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var h = function() {
+  var r = this, e = r.$createElement, t = r._self._c || e;
+  return t("FormItem", r._b({
+    attrs: {
+      rules: r.computeRules,
+      disabled: r.inputDisabled
+    },
+    scopedSlots: r._u([{
+      key: "default",
+      fn: function() {
+        return [t("ElInput", r._g(r._b({
+          class: {
+            "is-readonly": r.readonly
+          },
+          attrs: {
+            value: r.value,
+            readonly: r.readonly,
+            maxlength: r.maxLength,
+            disabled: r.inputDisabled,
+            placeholder: r.computePlaceholder
+          },
+          on: {
+            input: function(o) {
+              return r.$emit("input", o);
+            }
+          }
+        }, "ElInput", r.inputProps, !1), r.listeners)), r.$slots.warn ? t("div", {
+          staticClass: "el-form-item__error"
+        }, [r._t("warn")], 2) : r._e()];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(o) {
+        var n = o.error;
+        return [r.$scopedSlots.error && r.$scopedSlots.error(n) ? t("div", {
+          staticClass: "el-form-item__error"
+        }, [r._t("error", function() {
+          return [r._v(" " + r._s(n) + " ")];
+        }, {
+          error: n
+        })], 2) : r._e()];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [r._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", r.formItemProps, !1));
+}, I = [];
+const b = Object.keys(_.props).filter((r) => !["value", "placeholder", "disabled"].includes(r)), x = {
+  name: "FormInputIdCard",
+  mixins: [c],
+  props: {
+    value: {
+      type: String
+    },
+    maxLength: {
+      type: String,
+      default: "200"
+    }
+  },
+  computed: {
+    inputProps() {
+      return f(s(s({}, v(this.$attrs)), this.$props), b);
+    }
+  },
+  methods: {
+    validateIdCard: i,
+    getRules() {
+      return [{
+        validator: i,
+        message: "请输入正确的身份证号码！"
+      }];
+    }
+  }
+}, u = {};
+var g = /* @__PURE__ */ y(
+  x,
+  h,
+  I,
+  !1,
+  $,
+  null,
+  null,
+  null
+);
+function $(r) {
+  for (let e in u)
+    this[e] = u[e];
+}
+const R = /* @__PURE__ */ function() {
+  return g.exports;
+}();
+export {
+  R as default
+};

package/form-input-number/index.mjs

@@ -0,0 +1,134 @@
+var l = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var a = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var i = (e, r, t) => r in e ? l(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, u = (e, r) => {
+  for (var t in r || (r = {}))
+    a.call(r, t) && i(e, t, r[t]);
+  if (o)
+    for (var t of o(r))
+      m.call(r, t) && i(e, t, r[t]);
+  return e;
+};
+import { f } from "../chunks/form-input-mixin.124653d9.mjs";
+import { d as c, n as _ } from "../chunks/index.57f871af.mjs";
+import { i as d } from "../chunks/input-number-mixin.41a066be.mjs";
+import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var b = function() {
+  var e = this, r = e.$createElement, t = e._self._c || r;
+  return t("FormItem", e._b({
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [t("InputNumber", e._g(e._b({
+          staticClass: "form-input-number",
+          attrs: {
+            value: e.value,
+            controls: !1,
+            precision: e.precision,
+            max: e.max,
+            min: e.min,
+            placeholder: e.computePlaceholder,
+            disabled: e.inputDisabled
+          },
+          on: {
+            input: function(n) {
+              return e.$emit("input", n);
+            }
+          },
+          scopedSlots: e._u([{
+            key: "append",
+            fn: function() {
+              return [e._t("append")];
+            },
+            proxy: !0
+          }, {
+            key: "prefix",
+            fn: function() {
+              return [e._t("prefix")];
+            },
+            proxy: !0
+          }, {
+            key: "prepend",
+            fn: function() {
+              return [e._t("prepend")];
+            },
+            proxy: !0
+          }, {
+            key: "suffix",
+            fn: function() {
+              return [e._t("suffix")];
+            },
+            proxy: !0
+          }], null, !0)
+        }, "InputNumber", e.inputProps, !1), e.listeners))];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(n) {
+        var p = n.error;
+        return [e._t("error", null, {
+          error: p
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, x = [];
+const v = Object.keys(d.props).filter((e) => !["value", "placeholder", "disabled", "precision", "max", "min"].includes(e)), I = {
+  name: "FormInputNumber",
+  mixins: [f],
+  props: {
+    value: {
+      type: [String, Number]
+    },
+    max: {
+      type: Number,
+      default: 1 / 0
+    },
+    min: {
+      type: Number,
+      default: -1 / 0
+    },
+    precision: {
+      type: Number,
+      validator(e) {
+        return e >= 0 && e === parseInt(e, 10);
+      }
+    }
+  },
+  computed: {
+    inputProps() {
+      return c(u(u({}, _(this.$attrs)), this.$props), v);
+    }
+  }
+}, s = {};
+var N = /* @__PURE__ */ y(
+  I,
+  b,
+  x,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let r in s)
+    this[r] = s[r];
+}
+const g = /* @__PURE__ */ function() {
+  return N.exports;
+}();
+export {
+  g as default
+};

package/form-input-number/style.css

@@ -0,0 +1 @@
+.form-input-number.el-input-number{width:100%}.form-input-number.el-input-number .el-input__inner{text-align:left}

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

@@ -0,0 +1,109 @@
+var i = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var l = (e, t, r) => t in e ? i(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) && l(e, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      m.call(t, r) && l(e, r, t[r]);
+  return e;
+};
+import { f as c } from "../chunks/form-input-mixin.124653d9.mjs";
+import { validatePhoneNum as d } from "@web-utils/core";
+import { d as f, n as _ } from "../chunks/index.57f871af.mjs";
+import h from "element-ui/lib/input";
+import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var y = 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 [r("ElInput", e._g(e._b({
+          class: {
+            "is-readonly": e.readonly
+          },
+          attrs: {
+            value: e.value,
+            readonly: e.readonly,
+            maxlength: e.maxLength,
+            disabled: e.inputDisabled,
+            placeholder: e.computePlaceholder
+          },
+          on: {
+            input: e.emitInput
+          }
+        }, "ElInput", e.inputProps, !1), e.listeners))];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(u) {
+        var a = u.error;
+        return [e._t("error", null, {
+          error: a
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, b = [];
+const I = Object.keys(h.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), x = {
+  name: "FormInputPhoneNumber",
+  mixins: [c],
+  props: {
+    value: {
+      type: String
+    },
+    maxLength: {
+      type: String,
+      default: "200"
+    }
+  },
+  computed: {
+    inputProps() {
+      return f(n(n({}, _(this.$attrs)), this.$props), I);
+    }
+  },
+  methods: {
+    getRules() {
+      return [{
+        validator: d,
+        message: "请输入正确的手机号码！"
+      }];
+    },
+    emitInput(e) {
+      this.$emit("input", e);
+    }
+  }
+}, s = {};
+var P = /* @__PURE__ */ v(
+  x,
+  y,
+  b,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const R = /* @__PURE__ */ function() {
+  return P.exports;
+}();
+export {
+  R as default
+};

package/form-input-time/index.mjs

@@ -0,0 +1,135 @@
+var u = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var i = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, a = (e, t) => {
+  for (var r in t || (t = {}))
+    m.call(t, r) && i(e, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      p.call(t, r) && i(e, r, t[r]);
+  return e;
+};
+import { f as c } from "../chunks/form-input-mixin.124653d9.mjs";
+import f from "element-ui/lib/time-picker";
+import { d, n as _ } from "../chunks/index.57f871af.mjs";
+import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var y = 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 [r("ElTimePicker", e._g(e._b({
+          attrs: {
+            "is-range": e.range,
+            value: e.value,
+            disabled: e.inputDisabled,
+            format: e.format,
+            "value-format": e.valueFormat || e.format,
+            clearable: "",
+            "picker-options": {
+              start: e.start,
+              end: e.end,
+              step: e.step,
+              minTime: e.minTime,
+              maxTime: e.maxTime,
+              selectableRange: e.selectableRange
+            },
+            "start-placeholder": "开始时间",
+            "end-placeholder": "结束时间",
+            placeholder: e.computePlaceholder
+          },
+          on: {
+            input: function(n) {
+              return e.$emit("input", n);
+            }
+          }
+        }, "ElTimePicker", e.inputProps, !1), e.listeners))];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(n) {
+        var s = n.error;
+        return [e._t("error", null, {
+          error: s
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, g = [];
+const b = Object.keys(f.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), x = {
+  name: "FormInputTime",
+  mixins: [c],
+  props: {
+    range: Boolean,
+    format: {
+      type: String,
+      default: "HH:mm:ss"
+    },
+    valueFormat: {
+      type: String
+    },
+    start: {
+      type: String,
+      default: "09:00"
+    },
+    end: {
+      type: String,
+      default: "18:00"
+    },
+    step: {
+      type: String,
+      default: "00:30"
+    },
+    minTime: {
+      type: String,
+      default: "00:00"
+    },
+    maxTime: {
+      type: String,
+      default: ""
+    },
+    selectableRange: {
+      type: String
+    }
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    inputProps() {
+      return d(a(a({}, _(this.$attrs)), this.$props), b);
+    }
+  }
+}, l = {};
+var T = /* @__PURE__ */ v(
+  x,
+  y,
+  g,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const R = /* @__PURE__ */ function() {
+  return T.exports;
+}();
+export {
+  R as default
+};

package/form-item/index.mjs

@@ -0,0 +1,147 @@
+var M = Object.defineProperty;
+var q = 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, _ = (e, r) => {
+  for (var t in r || (r = {}))
+    P.call(r, t) && F(e, t, r[t]);
+  if (q)
+    for (var t of q(r))
+      T.call(r, t) && F(e, t, r[t]);
+  return e;
+};
+var h = (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.135b60df.mjs";
+import { hasOwn as w } from "@web-utils/core";
+import { n as z } from "../chunks/vueComponentNormalizer.446f5dc4.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 v, b, 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: y,
+        wrapCol: $,
+        wrapFormItem: R,
+        disabled: E,
+        formItemConfig: d,
+        getRequireRule: W
+      } = this;
+      let m = f, c = u, p = u, I = k, C = $;
+      d && (w(d, "block") && (I = d.block), w(d, "wrapCol") && (C = d.wrapCol));
+      const j = I && y && C ? `calc( 50% - ${this.gutter / 2}px)` : "";
+      return E || a != null && a.disabled ? (m = [], l && !l.required && !((v = l.requiredFields) != null && v.includes(i)) && (p = !1)) : (l && !l.required && !((b = l.requiredFields) != null && b.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: _({}, 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 h(this, null, function* () {
+        var e, r;
+        yield this.$nextTick(), (r = (e = this.$refs.formItem).clearValidate) == null || r.call(e);
+      });
+    },
+    validate() {
+      return h(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: _({}, 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{margin-right:4px;color:#f56c6c;content:"*"}

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

@@ -0,0 +1,63 @@
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.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
+};