@web-utils/component 2.0.14 → 2.2.0

package/{dist/components/form-checkbox-group/index.js → form-checkbox-group/index.mjs}

@@ -1,11 +1,22 @@
-import { f as n } from "../../chunks/76680a03.js";
-import { f as s } from "../../chunks/61ad06b2.js";
-import { i as a, n as u } from "../../chunks/f71045fc.js";
-import { CheckboxGroup as p } from "element-ui";
-import { n as h } from "../../chunks/5d4282fb.js";
-var c = function() {
-  var e = this, r = e.$createElement, o = e._self._c || r;
-  return o("FormItem", e._b({
+var p = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var h = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var n = (e, t, r) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, l = (e, t) => {
+  for (var r in t || (t = {}))
+    h.call(t, r) && n(e, r, t[r]);
+  if (i)
+    for (var r of i(t))
+      c.call(t, r) && n(e, r, t[r]);
+  return e;
+};
+import { f } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as m } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
+import { d, n as b } from "../chunks/index.LGsb2aDq.mjs";
+import s from "element-ui/lib/checkbox-group";
+import { n as y } from "../chunks/vueComponentNormalizer.JwmUNtgn.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" : ""],
@@ -16,7 +27,7 @@ var c = function() {
     scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [o("ElCheckboxGroup", e._g(e._b({
+        return [r("ElCheckboxGroup", e._g(e._b({
           attrs: {
             disabled: e.inputDisabled,
             value: e.computeVal,
@@ -25,14 +36,14 @@ var c = function() {
           on: {
             input: e.emitInput
           }
-        }, "ElCheckboxGroup", e.inputProps, !1), e.listeners), e._l(e.innerOptions, function(t) {
-          return o("ElCheckbox", {
-            key: t[e.valueKey],
+        }, "ElCheckboxGroup", e.inputProps, !1), e.listeners), e._l(e.innerOptions, function(o) {
+          return r("ElCheckbox", {
+            key: o[e.valueKey],
             attrs: {
-              label: t[e.valueKey]
+              label: o[e.valueKey]
             }
-          }, [e._v(" " + e._s(t[e.labelKey]) + " ")]);
-        }), 1), e.computeVal.includes(e.otherVal) ? o("FormInput", {
+          }, [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
@@ -51,8 +62,8 @@ var c = function() {
             value: e.other
           },
           on: {
-            input: function(t) {
-              return e.$emit("update:other", t);
+            input: function(o) {
+              return e.$emit("update:other", o);
             }
           }
         }) : e._e()];
@@ -60,10 +71,10 @@ var c = function() {
       proxy: !0
     }, {
       key: "error",
-      fn: function(t) {
-        var i = t.error;
+      fn: function(o) {
+        var u = o.error;
         return [e._t("error", null, {
-          error: i
+          error: u
         })];
       }
     }, {
@@ -80,10 +91,10 @@ var c = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, f = [];
-const m = Object.keys(p.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), d = {
+}, v = [];
+const x = Object.keys(s.props || s.default.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), g = {
   name: "FormCheckboxGroup",
-  mixins: [n, s],
+  mixins: [f, m],
   props: {
     options: {
       type: Array,
@@ -137,7 +148,7 @@ const m = Object.keys(p.props).filter((e) => !["value", "placeholder", "disabled
       return this.classic ? "value" : this.valueProp;
     },
     inputProps() {
-      return a({ ...u(this.$attrs), ...this.$props }, m);
+      return d(l(l({}, b(this.$attrs)), this.$props), x);
     },
     innerOptions() {
       return this.gender ? [
@@ -169,24 +180,24 @@ const m = Object.keys(p.props).filter((e) => !["value", "placeholder", "disabled
       this.split ? this.$emit("input", e.join(",")) : this.$emit("input", e);
     }
   }
-}, l = {};
-var b = /* @__PURE__ */ h(
-  d,
-  c,
-  f,
+}, a = {};
+var k = /* @__PURE__ */ y(
+  g,
+  _,
+  v,
   !1,
-  y,
+  P,
   null,
   null,
   null
 );
-function y(e) {
-  for (let r in l)
-    this[r] = l[r];
+function P(e) {
+  for (let t in a)
+    this[t] = a[t];
 }
-const P = /* @__PURE__ */ function() {
-  return b.exports;
+const F = /* @__PURE__ */ function() {
+  return k.exports;
 }();
 export {
-  P as default
+  F 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{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.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{flex-flow:row;width:100%;display:flex}.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{vertical-align:sub;flex:auto;margin-bottom:6px;display:block}.form-checkbox-group .form-checkbox-group-other{margin-left:10px;display:inline-block}.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{vertical-align:middle;margin-right:10px}.form-checkbox-group .el-checkbox__label{padding-left:4px}

package/{dist/components/form-date-picker/index.js → form-date-picker/index.mjs}

@@ -1,9 +1,21 @@
-import { f as o } from "../../chunks/76680a03.js";
-import { f as l } from "../../chunks/61ad06b2.js";
-import { toDate as n } from "@web-utils/core";
-import { i as m, n as u } from "../../chunks/f71045fc.js";
-import { n as p } from "../../chunks/5d4282fb.js";
-var h = function() {
+var p = Object.defineProperty, h = Object.defineProperties;
+var d = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var s = (e, t, r) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, i = (e, t) => {
+  for (var r in t || (t = {}))
+    f.call(t, r) && s(e, r, t[r]);
+  if (a)
+    for (var r of a(t))
+      c.call(t, r) && s(e, r, t[r]);
+  return e;
+}, o = (e, t) => h(e, d(t));
+import { f as y } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as g } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
+import { toDate as l } from "@web-utils/integrations/dayjs";
+import { d as _, n as k } from "../chunks/index.LGsb2aDq.mjs";
+import { n as v } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var x = function() {
   var e = this, t = e.$createElement, r = e._self._c || t;
   return r("FormItem", e._b({
     attrs: {
@@ -35,14 +47,14 @@ var h = function() {
       proxy: !0
     }, {
       key: "error",
-      fn: function(s) {
-        var i = s.error;
-        return [e.$scopedSlots.error && e.$scopedSlots.error(i) ? r("div", {
+      fn: function(u) {
+        var n = u.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(i) + " ")];
+          return [e._v(" " + e._s(n) + " ")];
         }, {
-          error: i
+          error: n
         })], 2) : e._e()];
       }
     }, {
@@ -53,10 +65,10 @@ var h = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, d = [];
-const f = ["type", "timeArrowControl", "size", "format", "valueFormat", "readonly", "placeholder", "startPlaceholder", "endPlaceholder", "prefixIcon", "clearIcon", "name", "disabled", "clearable", "id", "popperClass", "editable", "align", "value", "defaultValue", "defaultTime", "rangeSeparator", "pickerOptions", "unlinkPanels", "validateEvent"].filter((e) => !["value", "placeholder", "disabled", "type", "pickerOptions"].includes(e)), c = {
+}, P = [];
+const S = ["type", "timeArrowControl", "size", "format", "valueFormat", "readonly", "placeholder", "startPlaceholder", "endPlaceholder", "prefixIcon", "clearIcon", "name", "disabled", "clearable", "id", "popperClass", "editable", "align", "value", "defaultValue", "defaultTime", "rangeSeparator", "pickerOptions", "unlinkPanels", "validateEvent"].filter((e) => !["value", "placeholder", "disabled", "type", "pickerOptions"].includes(e)), D = {
   name: "FormDatePicker",
-  mixins: [o, l],
+  mixins: [y, g],
   props: {
     format: {
       type: String
@@ -107,24 +119,23 @@ const f = ["type", "timeArrowControl", "size", "format", "valueFormat", "readonl
     },
     mini() {
       if (this.miniDate) {
-        const e = n(this.miniDate);
+        const e = l(this.miniDate);
         return e.setDate(e.getDate() - 1), e;
       } else
         return null;
     },
     max() {
-      return this.maxDate ? n(this.maxDate) : null;
+      return this.maxDate ? l(this.maxDate) : null;
     },
     pickerOption() {
-      return {
+      return i({
         disabledDate: (e) => {
           if (!this.mini && !this.max)
             return !1;
           const t = e.getTime();
           return this.mini && !this.max ? t <= this.mini.getTime() : !this.mini && this.max ? t >= this.max.getTime() : this.mini && this.max ? t <= this.mini.getTime() && t >= this.max.getTime() : !1;
-        },
-        ...this.pickerOptions
-      };
+        }
+      }, this.pickerOptions);
     },
     innerVal() {
       if (this.range && this.split) {
@@ -137,15 +148,13 @@ const f = ["type", "timeArrowControl", "size", "format", "valueFormat", "readonl
       return this.year ? "yyyy" : this.month || this.monthRange ? "yyyy-MM" : this.week ? "yyyy 第 WW 周" : this.dateTime || this.dateTimeRange ? "yyyy-MM-dd HH:mm" : "yyyy-MM-dd";
     },
     inputProps() {
-      return m({
-        ...u(this.$attrs),
-        ...this.$props,
+      return _(o(i(i({}, k(this.$attrs)), this.$props), {
         valueFormat: this.week ? "yyyy-MM-dd" : this.valueFormat || this.fat,
         format: this.format || this.fat,
         rangeSeparator: this.rangeSeparator || "至",
         startPlaceholder: this.startPlaceholder || "开始日期",
         endPlaceholder: this.endPlaceholder || "结束日期"
-      }, f);
+      }), S);
     },
     range() {
       return this.dateTimeRange || this.dateRange || this.monthRange;
@@ -159,24 +168,24 @@ const f = ["type", "timeArrowControl", "size", "format", "valueFormat", "readonl
       this.range && this.split ? e ? (this.$emit("update:start", e[0]), this.$emit("update:end", e[1])) : (this.$emit("update:start", null), this.$emit("update:end", null)) : this.$emit("input", e);
     }
   }
-}, a = {};
-var y = /* @__PURE__ */ p(
-  c,
-  h,
-  d,
+}, m = {};
+var b = /* @__PURE__ */ v(
+  D,
+  x,
+  P,
   !1,
-  g,
+  T,
   null,
   null,
   null
 );
-function g(e) {
-  for (let t in a)
-    this[t] = a[t];
+function T(e) {
+  for (let t in m)
+    this[t] = m[t];
 }
-const S = /* @__PURE__ */ function() {
-  return y.exports;
+const I = /* @__PURE__ */ function() {
+  return b.exports;
 }();
 export {
-  S as default
+  I as default
 };

package/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.LGsb2aDq.mjs";
+import { n as p } from "../chunks/vueComponentNormalizer.JwmUNtgn.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.js → form-input/index.mjs}

@@ -1,8 +1,19 @@
-import { f as l } from "../../chunks/76680a03.js";
-import { Input as u } from "element-ui";
-import { i as a, n as i } from "../../chunks/f71045fc.js";
-import { n as p } from "../../chunks/5d4282fb.js";
-var m = function() {
+var p = Object.defineProperty;
+var s = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var l = (e, t, r) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, o = (e, t) => {
+  for (var r in t || (t = {}))
+    m.call(t, r) && l(e, r, t[r]);
+  if (s)
+    for (var r of s(t))
+      c.call(t, r) && l(e, r, t[r]);
+  return e;
+};
+import { f as d } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import u from "element-ui/lib/input";
+import { d as _, n as f } from "../chunks/index.LGsb2aDq.mjs";
+import { n as v } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var y = function() {
   var e = this, t = e.$createElement, r = e._self._c || t;
   return r("FormItem", e._b({
     attrs: {
@@ -42,8 +53,8 @@ var m = function() {
       proxy: !0
     }, {
       key: "error",
-      fn: function(s) {
-        var n = s.error;
+      fn: function(i) {
+        var n = i.error;
         return [e.$scopedSlots.error && e.$scopedSlots.error(n) ? r("div", {
           staticClass: "el-form-item__error"
         }, [e._t("error", function() {
@@ -60,10 +71,10 @@ var m = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, c = [];
-const _ = Object.keys(u.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), d = {
+}, h = [];
+const b = Object.keys(u.props || u.default.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), x = {
   name: "FormInput",
-  mixins: [l],
+  mixins: [d],
   props: {
     value: {
       type: [String, Number]
@@ -75,7 +86,7 @@ const _ = Object.keys(u.props).filter((e) => !["value", "placeholder", "disabled
   },
   computed: {
     inputProps() {
-      return a({ ...i(this.$attrs), ...this.$props }, _);
+      return _(o(o({}, f(this.$attrs)), this.$props), b);
     }
   },
   methods: {
@@ -83,24 +94,24 @@ const _ = Object.keys(u.props).filter((e) => !["value", "placeholder", "disabled
       this.$emit("input", e);
     }
   }
-}, o = {};
-var f = /* @__PURE__ */ p(
-  d,
-  m,
-  c,
+}, a = {};
+var I = /* @__PURE__ */ v(
+  x,
+  y,
+  h,
   !1,
-  v,
+  S,
   null,
   null,
   null
 );
-function v(e) {
-  for (let t in o)
-    this[t] = o[t];
+function S(e) {
+  for (let t in a)
+    this[t] = a[t];
 }
-const I = /* @__PURE__ */ function() {
-  return f.exports;
+const w = /* @__PURE__ */ function() {
+  return I.exports;
 }();
 export {
-  I as default
+  w as default
 };

package/{dist/components/form-input-email/index.js → form-input-email/index.mjs}

@@ -1,9 +1,20 @@
-import { f as s } from "../../chunks/76680a03.js";
-import { Input as a } from "element-ui";
-import { i as u, n as i } from "../../chunks/f71045fc.js";
-import { n as p } from "../../chunks/5d4282fb.js";
-const m = (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 c = function() {
+var p = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, d = 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, o = (e, r) => {
+  for (var t in r || (r = {}))
+    m.call(r, t) && s(e, t, r[t]);
+  if (l)
+    for (var t of l(r))
+      d.call(r, t) && s(e, t, r[t]);
+  return e;
+};
+import { f } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import a from "element-ui/lib/input";
+import { d as c, n as _ } from "../chunks/index.LGsb2aDq.mjs";
+import { n as v } from "../chunks/vueComponentNormalizer.JwmUNtgn.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: {
@@ -35,9 +46,9 @@ var c = function() {
     }, {
       key: "error",
       fn: function(n) {
-        var l = n.error;
+        var i = n.error;
         return [e._t("error", null, {
-          error: l
+          error: i
         })];
       }
     }, {
@@ -48,10 +59,10 @@ var c = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, d = [];
-const f = Object.keys(a.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), _ = {
+}, x = [];
+const b = Object.keys(a.props || a.default.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), I = {
   name: "FormInputEmail",
-  mixins: [s],
+  mixins: [f],
   props: {
     value: {
       type: String
@@ -63,35 +74,35 @@ const f = Object.keys(a.props).filter((e) => !["value", "placeholder", "disabled
   },
   computed: {
     inputProps() {
-      return u({ ...i(this.$attrs), ...this.$props }, f);
+      return c(o(o({}, _(this.$attrs)), this.$props), b);
     }
   },
   methods: {
     getRules() {
       return [{
-        validator: m,
+        validator: y,
         message: "请输入正确的邮箱！"
       }];
     }
   }
-}, o = {};
-var v = /* @__PURE__ */ p(
-  _,
-  c,
-  d,
+}, u = {};
+var g = /* @__PURE__ */ v(
+  I,
+  h,
+  x,
   !1,
-  y,
+  E,
   null,
   null,
   null
 );
-function y(e) {
-  for (let r in o)
-    this[r] = o[r];
+function E(e) {
+  for (let r in u)
+    this[r] = u[r];
 }
-const g = /* @__PURE__ */ function() {
-  return v.exports;
+const k = /* @__PURE__ */ function() {
+  return g.exports;
 }();
 export {
-  g as default
+  k as default
 };