@web-utils/component 2.0.13 → 2.7.0

package/dist/components/form-group/index.js

@@ -0,0 +1,122 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+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/dist/components/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;border:none;border-bottom:1px solid #eee;margin-bottom:20px}.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{padding:0 10px;display:flex;align-items:center}.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{margin-bottom:10px;background-color:#fff;border-bottom:1px solid #eee;border-radius:5px;box-sizing:border-box}.avue-group__item:last-child{border-bottom:none}.avue-group__header{width:100%;display:flex;align-items:center;height:50px;line-height:50px;box-sizing:border-box}.avue-group__icon{margin-right:8px;font-size:20px;color:#000000d9}.avue-group__title{font-size:16px;font-weight:500;color:#000000d9}

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

@@ -1,24 +1,21 @@
-import { warning } from "@web-utils/core";
-import { j as findParent } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("ElForm", _vm._g(_vm._b({
+import { warning as l } from "@web-utils/core";
+import { j as a } from "../../chunks/utils.fa73de78.js";
+import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var o = 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": _vm.model,
-      "size": _vm.size,
-      "disabled": _vm.disabled,
-      "label-width": _vm.labelWidth,
-      "label-position": _vm.labelPosition
+      model: e.model,
+      size: e.size,
+      disabled: e.disabled,
+      "label-width": e.labelWidth,
+      "label-position": e.labelPosition
     }
-  }, "ElForm", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
-};
-var staticRenderFns = [];
-const __vue2_script = {
+  }, "ElForm", e.$attrs, !1), e.$listeners), [e._t("default")], 2);
+}, n = [];
+const d = {
   name: "FormHolder",
   provide() {
     return {
@@ -26,26 +23,47 @@ const __vue2_script = {
     };
   },
   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: true
+      default: !0
     },
+    /**
+     * 需要校验必填的字段, required 设置为 false 时有效
+     */
     requiredFields: {
       type: Array
     }
@@ -56,14 +74,12 @@ const __vue2_script = {
     }
   },
   created() {
-    if (!this.required) {
-      warning.call(findParent(this, (parent) => ["FormView", "FormHolder"].includes(parent.$options.name)), "一般情况下不建议设置 required=false,因为 required 设置为 false 后必填字段要自行维护,在处理表格时会比较复杂,请自行权衡利弊");
-    }
+    this.required || l.call(a(this, (e) => ["FormView", "FormHolder"].includes(e.$options.name)), "一般情况下不建议设置 required=false,因为 required 设置为 false 后必填字段要自行维护,在处理表格时会比较复杂,请自行权衡利弊");
   },
   methods: {
-    clearValidate(fields) {
-      var _a;
-      (_a = this.$refs.form) == null ? void 0 : _a.clearValidate(fields);
+    clearValidate(e) {
+      var r;
+      (r = this.$refs.form) == null || r.clearValidate(e);
     },
     async validate() {
       return this.$refs.form.validate();
@@ -72,26 +88,24 @@ const __vue2_script = {
       return this.$refs.form.resetFields();
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, t = {};
+var f = /* @__PURE__ */ s(
+  d,
+  o,
+  n,
+  !1,
+  m,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function m(e) {
+  for (let r in t)
+    this[r] = t[r];
 }
-const FormHolder = /* @__PURE__ */ function() {
-  return __component__.exports;
+const _ = /* @__PURE__ */ function() {
+  return f.exports;
 }();
 export {
-  FormHolder as default
+  _ as default
 };

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

@@ -1,73 +1,69 @@
-import { f as formInputMixin } from "../../chunks/de9fe802.js";
-import { Input } from "element-ui";
-import { i as filterProperties, n as normalizeProps } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("FormItem", _vm._b({
+import { f as l } from "../../chunks/form-input-mixin.ff5b58f7.js";
+import { Input as u } from "element-ui";
+import { i as a, n as i } from "../../chunks/utils.fa73de78.js";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var m = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._b({
     attrs: {
-      "rules": _vm.computeRules,
-      "disabled": _vm.inputDisabled
+      rules: e.computeRules,
+      disabled: e.inputDisabled
     },
-    scopedSlots: _vm._u([{
+    scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [_vm._t("default", function() {
-          return [_c("ElInput", _vm._g(_vm._b({
+        return [e._t("default", function() {
+          return [r("ElInput", e._g(e._b({
             class: {
-              "is-readonly": _vm.readonly
+              "is-readonly": e.readonly
             },
             attrs: {
-              "value": _vm.value,
-              "readonly": _vm.readonly,
-              "maxlength": _vm.maxLength,
-              "disabled": _vm.inputDisabled,
-              "placeholder": _vm.computePlaceholder
+              value: e.value,
+              readonly: e.readonly,
+              maxlength: e.maxLength,
+              disabled: e.inputDisabled,
+              placeholder: e.computePlaceholder
             },
             on: {
-              "input": _vm.emitInput
+              input: e.emitInput
             },
-            scopedSlots: _vm._u([{
+            scopedSlots: e._u([{
               key: "append",
               fn: function() {
-                return [_vm._t("append")];
+                return [e._t("append")];
               },
-              proxy: true
-            }], null, true)
-          }, "ElInput", _vm.inputProps, false), _vm.listeners)), _vm.$slots.warn ? _c("div", {
+              proxy: !0
+            }], null, !0)
+          }, "ElInput", e.inputProps, !1), e.listeners)), e.$slots.warn ? r("div", {
             staticClass: "el-form-item__warn"
-          }, [_vm._t("warn")], 2) : _vm._e()];
+          }, [e._t("warn")], 2) : e._e()];
         })];
       },
-      proxy: true
+      proxy: !0
     }, {
       key: "error",
-      fn: function(_ref) {
-        var error = _ref.error;
-        return [_vm.$scopedSlots.error && _vm.$scopedSlots.error(error) ? _c("div", {
+      fn: function(s) {
+        var n = s.error;
+        return [e.$scopedSlots.error && e.$scopedSlots.error(n) ? r("div", {
           staticClass: "el-form-item__error"
-        }, [_vm._t("error", function() {
-          return [_vm._v(" " + _vm._s(error) + " ")];
+        }, [e._t("error", function() {
+          return [e._v(" " + e._s(n) + " ")];
         }, {
-          "error": error
-        })], 2) : _vm._e()];
+          error: n
+        })], 2) : e._e()];
       }
     }, {
       key: "label",
       fn: function() {
-        return [_vm._t("label")];
+        return [e._t("label")];
       },
-      proxy: true
-    }], null, true)
-  }, "FormItem", _vm.formItemProps, false));
-};
-var staticRenderFns = [];
-const autoBindKeys = Object.keys(Input.props).filter((key) => !["value", "placeholder", "disabled"].includes(key));
-const __vue2_script = {
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, c = [];
+const _ = Object.keys(u.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), d = {
   name: "FormInput",
-  mixins: [formInputMixin],
+  mixins: [l],
   props: {
     value: {
       type: [String, Number]
@@ -79,34 +75,32 @@ const __vue2_script = {
   },
   computed: {
     inputProps() {
-      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
+      return a({ ...i(this.$attrs), ...this.$props }, _);
     }
   },
   methods: {
-    emitInput(val) {
-      this.$emit("input", val);
+    emitInput(e) {
+      this.$emit("input", e);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, o = {};
+var f = /* @__PURE__ */ p(
+  d,
+  m,
+  c,
+  !1,
+  v,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function v(e) {
+  for (let t in o)
+    this[t] = o[t];
 }
-const FormInput = /* @__PURE__ */ function() {
-  return __component__.exports;
+const I = /* @__PURE__ */ function() {
+  return f.exports;
 }();
 export {
-  FormInput as default
+  I as default
 };

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

@@ -1,67 +1,57 @@
-import { f as formInputMixin } from "../../chunks/de9fe802.js";
-import { Input } from "element-ui";
-import { i as filterProperties, n as normalizeProps } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const validateEmail = (rule, value, callback) => {
-  if (value && !/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value)) {
-    return callback(new Error("invalid"));
-  } else {
-    return callback();
-  }
-};
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("FormItem", _vm._b({
+import { f as s } from "../../chunks/form-input-mixin.ff5b58f7.js";
+import { Input as a } from "element-ui";
+import { i as u, n as i } from "../../chunks/utils.fa73de78.js";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.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 e = this, r = e.$createElement, t = e._self._c || r;
+  return t("FormItem", e._b({
     attrs: {
-      "rules": _vm.computeRules,
-      "disabled": _vm.inputDisabled
+      rules: e.computeRules,
+      disabled: e.inputDisabled
     },
-    scopedSlots: _vm._u([{
+    scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [_c("ElInput", _vm._g(_vm._b({
+        return [t("ElInput", e._g(e._b({
           class: {
-            "is-readonly": _vm.readonly
+            "is-readonly": e.readonly
           },
           attrs: {
-            "value": _vm.value,
-            "readonly": _vm.readonly,
-            "maxlength": _vm.maxLength,
-            "disabled": _vm.inputDisabled,
-            "placeholder": _vm.computePlaceholder
+            value: e.value,
+            readonly: e.readonly,
+            maxlength: e.maxLength,
+            disabled: e.inputDisabled,
+            placeholder: e.computePlaceholder
           },
           on: {
-            "input": function(val) {
-              return _vm.$emit("input", val);
+            input: function(n) {
+              return e.$emit("input", n);
             }
           }
-        }, "ElInput", _vm.inputProps, false), _vm.listeners))];
+        }, "ElInput", e.inputProps, !1), e.listeners))];
       },
-      proxy: true
+      proxy: !0
     }, {
       key: "error",
-      fn: function(_ref) {
-        var error = _ref.error;
-        return [_vm._t("error", null, {
-          "error": error
+      fn: function(n) {
+        var l = n.error;
+        return [e._t("error", null, {
+          error: l
         })];
       }
     }, {
       key: "label",
       fn: function() {
-        return [_vm._t("label")];
+        return [e._t("label")];
       },
-      proxy: true
-    }], null, true)
-  }, "FormItem", _vm.formItemProps, false));
-};
-var staticRenderFns = [];
-const autoBindKeys = Object.keys(Input.props).filter((key) => !["value", "placeholder", "disabled"].includes(key));
-const __vue2_script = {
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, d = [];
+const f = Object.keys(a.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), _ = {
   name: "FormInputEmail",
-  mixins: [formInputMixin],
+  mixins: [s],
   props: {
     value: {
       type: String
@@ -73,37 +63,35 @@ const __vue2_script = {
   },
   computed: {
     inputProps() {
-      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
+      return u({ ...i(this.$attrs), ...this.$props }, f);
     }
   },
   methods: {
     getRules() {
       return [{
-        validator: validateEmail,
+        validator: m,
         message: "请输入正确的邮箱！"
       }];
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, o = {};
+var v = /* @__PURE__ */ p(
+  _,
+  c,
+  d,
+  !1,
+  y,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function y(e) {
+  for (let r in o)
+    this[r] = o[r];
 }
-const FormInputEmail = /* @__PURE__ */ function() {
-  return __component__.exports;
+const g = /* @__PURE__ */ function() {
+  return v.exports;
 }();
 export {
-  FormInputEmail as default
+  g as default
 };