@web-utils/component 2.7.35 → 2.7.37

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

@@ -0,0 +1,129 @@
+var o = (e, r, i) => new Promise((d, s) => {
+  var f = (t) => {
+    try {
+      l(i.next(t));
+    } catch (a) {
+      s(a);
+    }
+  }, m = (t) => {
+    try {
+      l(i.throw(t));
+    } catch (a) {
+      s(a);
+    }
+  }, l = (t) => t.done ? d(t.value) : Promise.resolve(t.value).then(f, m);
+  l((i = i.apply(e, r)).next());
+});
+import { warning as u } from "@web-utils/core";
+import { e as c } from "../../chunks/index.9b7a65d1.mjs";
+import { n as p } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var _ = function() {
+  var e = this, r = e.$createElement, i = e._self._c || r;
+  return i("ElForm", e._g(e._b({
+    ref: "form",
+    staticClass: "clear-fix",
+    attrs: {
+      model: e.model,
+      size: e.size,
+      disabled: e.disabled,
+      "label-width": e.labelWidth,
+      "label-position": e.labelPosition
+    }
+  }, "ElForm", e.$attrs, !1), e.$listeners), [e._t("default")], 2);
+}, h = [];
+const v = {
+  name: "FormHolder",
+  provide() {
+    return {
+      formHolder: this
+    };
+  },
+  props: {
+    /**
+     * 表单实体
+     */
+    model: {
+      type: Object
+    },
+    /**
+     * 表单元素大小
+     */
+    size: {
+      type: String,
+      default: "mini"
+    },
+    /**
+     * 是否禁用
+     */
+    disabled: Boolean,
+    /**
+     * 表单组件 label 位置,可选值 top,right,left
+     */
+    labelPosition: {
+      type: String,
+      default: "right"
+    },
+    /**
+     * 表单组件 label 宽度
+     */
+    labelWidth: {
+      type: String,
+      default: "160px"
+    },
+    /**
+     * 表单组件是否必填,设置为 false 即使表单输入组件设置了必填也不会校验必填,但可以使用 requiredFields 来排除需要必填的字段
+     */
+    required: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * 需要校验必填的字段, required 设置为 false 时有效
+     */
+    requiredFields: {
+      type: Array
+    }
+  },
+  watch: {
+    required() {
+      this.clearValidate();
+    }
+  },
+  created() {
+    this.required || u.call(c(this, (e) => ["FormView", "FormHolder"].includes(e.$options.name)), "一般情况下不建议设置 required=false,因为 required 设置为 false 后必填字段要自行维护,在处理表格时会比较复杂,请自行权衡利弊");
+  },
+  methods: {
+    clearValidate(e) {
+      var r;
+      (r = this.$refs.form) == null || r.clearValidate(e);
+    },
+    validate() {
+      return o(this, null, function* () {
+        return this.$refs.form.validate();
+      });
+    },
+    resetFields() {
+      return this.$refs.form.resetFields();
+    }
+  }
+}, n = {};
+var b = /* @__PURE__ */ p(
+  v,
+  _,
+  h,
+  !1,
+  F,
+  null,
+  null,
+  null
+);
+function F(e) {
+  for (let r in n)
+    this[r] = n[r];
+}
+const x = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  x as default
+};

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

@@ -0,0 +1,117 @@
+var i = Object.defineProperty;
+var s = 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, o = (e, t) => {
+  for (var r in t || (t = {}))
+    p.call(t, r) && l(e, r, t[r]);
+  if (s)
+    for (var r of s(t))
+      m.call(t, r) && l(e, r, t[r]);
+  return e;
+};
+import { f as c } from "../../chunks/form-input-mixin.e3b4c68c.mjs";
+import d from "element-ui/lib/input";
+import { d as _, n as f } from "../../chunks/index.9b7a65d1.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 [e._t("default", 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
+            },
+            scopedSlots: e._u([{
+              key: "append",
+              fn: function() {
+                return [e._t("append")];
+              },
+              proxy: !0
+            }], null, !0)
+          }, "ElInput", e.inputProps, !1), e.listeners)), e.$slots.warn ? r("div", {
+            staticClass: "el-form-item__warn"
+          }, [e._t("warn")], 2) : e._e()];
+        })];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(a) {
+        var n = a.error;
+        return [e.$scopedSlots.error && e.$scopedSlots.error(n) ? r("div", {
+          staticClass: "el-form-item__error"
+        }, [e._t("error", function() {
+          return [e._v(" " + e._s(n) + " ")];
+        }, {
+          error: n
+        })], 2) : e._e()];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, h = [];
+const b = Object.keys(d.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), x = {
+  name: "FormInput",
+  mixins: [c],
+  props: {
+    value: {
+      type: [String, Number]
+    },
+    maxLength: {
+      type: String,
+      default: "200"
+    }
+  },
+  computed: {
+    inputProps() {
+      return _(o(o({}, f(this.$attrs)), this.$props), b);
+    }
+  },
+  methods: {
+    emitInput(e) {
+      this.$emit("input", e);
+    }
+  }
+}, u = {};
+var I = /* @__PURE__ */ v(
+  x,
+  y,
+  h,
+  !1,
+  S,
+  null,
+  null,
+  null
+);
+function S(e) {
+  for (let t in u)
+    this[t] = u[t];
+}
+const w = /* @__PURE__ */ function() {
+  return I.exports;
+}();
+export {
+  w as default
+};

package/dist/components/form-input-email/index.mjs

@@ -0,0 +1,108 @@
+var i = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var s = (e, r, t) => r in e ? i(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, o = (e, r) => {
+  for (var t in r || (r = {}))
+    p.call(r, t) && s(e, t, r[t]);
+  if (l)
+    for (var t of l(r))
+      m.call(r, t) && s(e, t, r[t]);
+  return e;
+};
+import { f as d } from "../../chunks/form-input-mixin.e3b4c68c.mjs";
+import c from "element-ui/lib/input";
+import { d as f, n as _ } from "../../chunks/index.9b7a65d1.mjs";
+import { n as v } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const y = (e, r, t) => r && !/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(r) ? t(new Error("invalid")) : t();
+var h = 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("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: function(n) {
+              return e.$emit("input", n);
+            }
+          }
+        }, "ElInput", e.inputProps, !1), e.listeners))];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(n) {
+        var u = n.error;
+        return [e._t("error", null, {
+          error: u
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, x = [];
+const b = Object.keys(c.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), I = {
+  name: "FormInputEmail",
+  mixins: [d],
+  props: {
+    value: {
+      type: String
+    },
+    maxLength: {
+      type: String,
+      default: "200"
+    }
+  },
+  computed: {
+    inputProps() {
+      return f(o(o({}, _(this.$attrs)), this.$props), b);
+    }
+  },
+  methods: {
+    getRules() {
+      return [{
+        validator: y,
+        message: "请输入正确的邮箱！"
+      }];
+    }
+  }
+}, a = {};
+var g = /* @__PURE__ */ v(
+  I,
+  h,
+  x,
+  !1,
+  E,
+  null,
+  null,
+  null
+);
+function E(e) {
+  for (let r in a)
+    this[r] = a[r];
+}
+const k = /* @__PURE__ */ function() {
+  return g.exports;
+}();
+export {
+  k as default
+};

package/dist/components/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.e3b4c68c.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.9b7a65d1.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/dist/components/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.e3b4c68c.mjs";
+import { d as c, n as _ } from "../../chunks/index.9b7a65d1.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/dist/components/form-input-number/style.css

@@ -1,12 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.form-input-number.el-input-number {
-  width: 100%;
-}
-.form-input-number.el-input-number .el-input__inner {
-  text-align: left;
-}
+.form-input-number.el-input-number{width:100%}.form-input-number.el-input-number .el-input__inner{text-align:left}