@web-utils/component 2.0.9 → 2.0.11

package/dist/components/form-date-picker/index.js

@@ -1,62 +1,66 @@
-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 e = this, t = e.$createElement, r = e._self._c || t;
-  return r("FormItem", e._b({
+import { f as formInputMixin } from "../../chunks/de9fe802.js";
+import { f as formPickMixin } from "../../chunks/822300f3.js";
+import { toDate } from "@web-utils/core";
+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({
     attrs: {
-      rules: e.computeRules,
-      disabled: e.inputDisabled
+      "rules": _vm.computeRules,
+      "disabled": _vm.inputDisabled
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
       fn: function() {
-        return [r("ElDatePicker", e._g(e._b({
+        return [_c("ElDatePicker", _vm._g(_vm._b({
           staticStyle: {
-            width: "100%"
+            "width": "100%"
           },
           attrs: {
-            "picker-options": e.pickerOption,
-            value: e.innerVal,
-            size: "mini",
-            placeholder: e.computePlaceholder,
-            type: e.type,
-            disabled: e.inputDisabled
+            "picker-options": _vm.pickerOption,
+            "value": _vm.innerVal,
+            "size": "mini",
+            "placeholder": _vm.computePlaceholder,
+            "type": _vm.type,
+            "disabled": _vm.inputDisabled
           },
           on: {
-            input: e.emitInput
+            "input": _vm.emitInput
           }
-        }, "ElDatePicker", e.inputProps, !1), e.listeners)), e.$slots.warn ? r("div", {
+        }, "ElDatePicker", _vm.inputProps, false), _vm.listeners)), _vm.$slots.warn ? _c("div", {
           staticClass: "el-form-item__warn"
-        }, [e._t("warn")], 2) : e._e()];
+        }, [_vm._t("warn")], 2) : _vm._e()];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "error",
-      fn: function(s) {
-        var i = s.error;
-        return [e.$scopedSlots.error && e.$scopedSlots.error(i) ? r("div", {
+      fn: function(_ref) {
+        var error = _ref.error;
+        return [_vm.$scopedSlots.error && _vm.$scopedSlots.error(error) ? _c("div", {
           staticClass: "el-form-item__error"
-        }, [e._t("error", function() {
-          return [e._v(" " + e._s(i) + " ")];
+        }, [_vm._t("error", function() {
+          return [_vm._v(" " + _vm._s(error) + " ")];
         }, {
-          error: i
-        })], 2) : e._e()];
+          "error": error
+        })], 2) : _vm._e()];
       }
     }, {
       key: "label",
       fn: function() {
-        return [e._t("label")];
+        return [_vm._t("label")];
       },
-      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 = {
+      proxy: true
+    }], null, true)
+  }, "FormItem", _vm.formItemProps, false));
+};
+var staticRenderFns = [];
+const autoBindKeys = ["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((key) => !["value", "placeholder", "disabled", "type", "pickerOptions"].includes(key));
+const __vue2_script = {
   name: "FormDatePicker",
-  mixins: [o, l],
+  mixins: [formInputMixin, formPickMixin],
   props: {
     format: {
       type: String
@@ -98,7 +102,7 @@ const f = ["type", "timeArrowControl", "size", "format", "valueFormat", "readonl
     },
     split: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   computed: {
@@ -107,76 +111,134 @@ const f = ["type", "timeArrowControl", "size", "format", "valueFormat", "readonl
     },
     mini() {
       if (this.miniDate) {
-        const e = n(this.miniDate);
-        return e.setDate(e.getDate() - 1), e;
-      } else
+        const date = toDate(this.miniDate);
+        date.setDate(date.getDate() - 1);
+        return date;
+      } else {
         return null;
+      }
     },
     max() {
-      return this.maxDate ? n(this.maxDate) : null;
+      if (this.maxDate) {
+        return toDate(this.maxDate);
+      } else {
+        return null;
+      }
     },
     pickerOption() {
       return {
-        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;
+        disabledDate: (time) => {
+          if (!this.mini && !this.max) {
+            return false;
+          }
+          const currentTime = time.getTime();
+          if (this.mini && !this.max) {
+            return currentTime <= this.mini.getTime();
+          } else if (!this.mini && this.max) {
+            return currentTime >= this.max.getTime();
+          } else if (this.mini && this.max) {
+            return currentTime <= this.mini.getTime() && currentTime >= this.max.getTime();
+          } else {
+            return false;
+          }
         },
         ...this.pickerOptions
       };
     },
     innerVal() {
       if (this.range && this.split) {
-        const e = [];
-        return e.push(this.start || ""), e.push(this.end || ""), e;
-      } else
+        const val = [];
+        val.push(this.start || "");
+        val.push(this.end || "");
+        return val;
+      } 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";
+      if (this.year) {
+        return "yyyy";
+      } else if (this.month || this.monthRange) {
+        return "yyyy-MM";
+      } else if (this.week) {
+        return "yyyy 第 WW 周";
+      } else if (this.dateTime || this.dateTimeRange) {
+        return "yyyy-MM-dd HH:mm";
+      } else {
+        return "yyyy-MM-dd";
+      }
     },
     inputProps() {
-      return m({
-        ...u(this.$attrs),
+      return filterProperties({
+        ...normalizeProps(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);
+      }, autoBindKeys);
     },
     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";
+      if (this.year) {
+        return "year";
+      } else if (this.month) {
+        return "month";
+      } else if (this.dates) {
+        return "dates";
+      } else if (this.week) {
+        return "week";
+      } else if (this.dateTime) {
+        return "datetime";
+      } else if (this.dateTimeRange) {
+        return "datetimerange";
+      } else if (this.dateRange) {
+        return "daterange";
+      } else if (this.monthRange) {
+        return "monthrange";
+      } else {
+        return "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);
+    emitInput(val) {
+      if (this.range && this.split) {
+        if (val) {
+          this.$emit("update:start", val[0]);
+          this.$emit("update:end", val[1]);
+        } else {
+          this.$emit("update:start", null);
+          this.$emit("update:end", null);
+        }
+      } else {
+        this.$emit("input", val);
+      }
     }
   }
-}, a = {};
-var y = /* @__PURE__ */ p(
-  c,
-  h,
-  d,
-  !1,
-  g,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function g(e) {
-  for (let t in a)
-    this[t] = a[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const S = /* @__PURE__ */ function() {
-  return y.exports;
+const FormDatePicker = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  S as default
+  FormDatePicker as default
 };

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

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

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

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