@web-utils/component 2.7.36 → 2.8.0

package/form-date-picker/index.mjs

@@ -0,0 +1,191 @@
+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.124653d9.mjs";
+import { f as g } from "../chunks/form-pick-mixin.61ad06b2.mjs";
+import { toDate as l } from "@web-utils/integrations/dayjs";
+import { d as _, n as k } from "../chunks/index.57f871af.mjs";
+import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = 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("ElDatePicker", e._g(e._b({
+          staticStyle: {
+            width: "100%"
+          },
+          attrs: {
+            "picker-options": e.pickerOption,
+            value: e.innerVal,
+            size: "mini",
+            placeholder: e.computePlaceholder,
+            type: e.type,
+            disabled: e.inputDisabled
+          },
+          on: {
+            input: e.emitInput
+          }
+        }, "ElDatePicker", 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(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(n) + " ")];
+        }, {
+          error: n
+        })], 2) : e._e()];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, 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: [y, g],
+  props: {
+    format: {
+      type: String
+    },
+    valueFormat: {
+      type: String
+    },
+    rangeSeparator: {
+      type: String
+    },
+    startPlaceholder: {
+      type: String
+    },
+    endPlaceholder: {
+      type: String
+    },
+    start: {
+      type: String
+    },
+    end: {
+      type: String
+    },
+    year: Boolean,
+    month: Boolean,
+    dates: Boolean,
+    week: Boolean,
+    dateTime: Boolean,
+    dateTimeRange: Boolean,
+    dateRange: Boolean,
+    monthRange: Boolean,
+    miniDate: {
+      type: String
+    },
+    maxDate: {
+      type: String
+    },
+    pickerOptions: {
+      type: Object
+    },
+    split: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    mini() {
+      if (this.miniDate) {
+        const e = l(this.miniDate);
+        return e.setDate(e.getDate() - 1), e;
+      } else
+        return null;
+    },
+    max() {
+      return this.maxDate ? l(this.maxDate) : null;
+    },
+    pickerOption() {
+      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);
+    },
+    innerVal() {
+      if (this.range && this.split) {
+        const e = [];
+        return e.push(this.start || ""), e.push(this.end || ""), e;
+      } else
+        return this.value;
+    },
+    fat() {
+      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 _(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 || "结束日期"
+      }), S);
+    },
+    range() {
+      return this.dateTimeRange || this.dateRange || this.monthRange;
+    },
+    type() {
+      return this.year ? "year" : this.month ? "month" : this.dates ? "dates" : this.week ? "week" : this.dateTime ? "datetime" : this.dateTimeRange ? "datetimerange" : this.dateRange ? "daterange" : this.monthRange ? "monthrange" : "date";
+    }
+  },
+  methods: {
+    emitInput(e) {
+      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);
+    }
+  }
+}, m = {};
+var b = /* @__PURE__ */ v(
+  D,
+  x,
+  P,
+  !1,
+  T,
+  null,
+  null,
+  null
+);
+function T(e) {
+  for (let t in m)
+    this[t] = m[t];
+}
+const I = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  I as default
+};

package/form-group/index.mjs

@@ -0,0 +1,122 @@
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return e.display ? t("div", {
+    class: ["avue-group", {
+      "avue-group--header": !e.isHeader,
+      "avue-group__arrow": !e.arrow
+    }]
+  }, [e._t("tabs"), t("ElCollapse", {
+    attrs: {
+      value: e.text
+    },
+    on: {
+      change: e.handleChange
+    },
+    model: {
+      value: e.activeName,
+      callback: function(l) {
+        e.activeName = l;
+      },
+      expression: "activeName"
+    }
+  }, [t("ElCollapseItem", {
+    attrs: {
+      name: 1,
+      disabled: !e.arrow
+    }
+  }, [e.$slots.header && e.header ? t("div", {
+    staticClass: "avue-group__header",
+    attrs: {
+      slot: "title"
+    },
+    slot: "title"
+  }, [e._t("header")], 2) : (e.label || e.icon) && e.header ? t("div", {
+    staticClass: "avue-group__header",
+    attrs: {
+      slot: "title"
+    },
+    slot: "title"
+  }, [e.icon ? t("i", {
+    class: [e.icon, "avue-group__icon"]
+  }) : e._e(), e.label ? t("h1", {
+    staticClass: "avue-group__title"
+  }, [e._v(" " + e._s(e.label) + " ")]) : e._e()]) : e._e(), e._t("default")], 2)], 1)], 2) : e._e();
+}, n = [];
+const i = {
+  name: "FormGroup",
+  props: {
+    arrow: {
+      type: Boolean,
+      default: !0
+    },
+    collapse: {
+      type: Boolean,
+      default: !0
+    },
+    header: {
+      type: Boolean,
+      default: !0
+    },
+    icon: {
+      type: String
+    },
+    display: {
+      type: Boolean,
+      default: !0
+    },
+    card: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      activeName: ""
+    };
+  },
+  computed: {
+    text() {
+      return this.collapse ? 1 : 0;
+    },
+    isHeader() {
+      return this.$slots.header && this.header || (this.label || this.icon) && this.header;
+    }
+  },
+  watch: {
+    text(e) {
+      this.activeName = [e];
+    }
+  },
+  created() {
+    this.activeName = [this.text];
+  },
+  methods: {
+    handleChange(e) {
+      this.$emit("change", e);
+    }
+  }
+}, r = {};
+var u = /* @__PURE__ */ o(
+  i,
+  s,
+  n,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let a in r)
+    this[a] = r[a];
+}
+const d = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  d as default
+};

package/form-group/style.css

@@ -0,0 +1 @@
+.avue-group{width:100%}.avue-group .el-collapse,.avue-group .el-collapse-item__wrap{border-color:#fff}.avue-group .el-collapse-item__header{height:inherit;margin-bottom:20px;border:none;border-bottom:1px solid #eee}.avue-group .el-collapse-item__content,.avue-group .van-collapse-item__content{padding-bottom:0}.avue-group .van-collapse-item__content{padding:0 2px}.avue-group--arrow .el-collapse-item__arrow,.avue-group--arrow .van-icon-arrow{display:none}.avue-group .van-hairline--top-bottom:after,.avue-group .van-hairline-unset--top-bottom:after{display:none}.avue-group .van-collapse-item__title{display:flex;align-items:center;padding:0 10px}.avue-group .van-collapse-item__title:after{left:0!important}.avue-group--none{margin:0!important;border:none!important}.avue-group--header .el-collapse-item__header,.avue-group--header .van-collapse-item__title{display:none}.avue-group--collapse .el-collapse-item__arrow,.avue-group--collapse .el-collapse-item__header{display:flex!important}.avue-group__item{box-sizing:border-box;margin-bottom:10px;background-color:#fff;border-bottom:1px solid #eee;border-radius:5px}.avue-group__item:last-child{border-bottom:none}.avue-group__header{display:flex;align-items:center;box-sizing:border-box;width:100%;height:50px;line-height:50px}.avue-group__icon{margin-right:8px;color:#000000d9;font-size:20px}.avue-group__title{color:#000000d9;font-weight:500;font-size:16px}

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.57f871af.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/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.124653d9.mjs";
+import d from "element-ui/lib/input";
+import { d as _, n as f } 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 [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/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.124653d9.mjs";
+import c from "element-ui/lib/input";
+import { d as f, n as _ } from "../chunks/index.57f871af.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
+};