@web-utils/component 2.0.10 → 2.0.12

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

@@ -1,55 +1,59 @@
-import { f as s } from "../../chunks/76680a03.js";
-import { validatePhoneNum as u } from "@web-utils/core";
-import { i as a, n as i } from "../../chunks/f71045fc.js";
-import { Input as p } from "element-ui";
-import { n as m } from "../../chunks/5d4282fb.js";
-var c = 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 { validatePhoneNum } from "@web-utils/core";
+import { i as filterProperties, n as normalizeProps } from "../../chunks/c69d5628.js";
+import { Input } from "element-ui";
+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("ElInput", e._g(e._b({
+        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
           }
-        }, "ElInput", e.inputProps, !1), e.listeners))];
+        }, "ElInput", _vm.inputProps, false), _vm.listeners))];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "error",
-      fn: function(o) {
-        var l = o.error;
-        return [e._t("error", null, {
-          error: l
+      fn: function(_ref) {
+        var error = _ref.error;
+        return [_vm._t("error", null, {
+          "error": error
         })];
       }
     }, {
       key: "label",
       fn: function() {
-        return [e._t("label")];
+        return [_vm._t("label")];
       },
-      proxy: !0
-    }], null, !0)
-  }, "FormItem", e.formItemProps, !1));
-}, d = [];
-const f = Object.keys(p.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), _ = {
+      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: "FormInputPhoneNumber",
-  mixins: [s],
+  mixins: [formInputMixin],
   props: {
     value: {
       type: String
@@ -61,38 +65,40 @@ const f = Object.keys(p.props).filter((e) => !["value", "placeholder", "disabled
   },
   computed: {
     inputProps() {
-      return a({ ...i(this.$attrs), ...this.$props }, f);
+      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
     }
   },
   methods: {
     getRules() {
       return [{
-        validator: u,
+        validator: validatePhoneNum,
         message: "请输入正确的手机号码！"
       }];
     },
-    emitInput(e) {
-      this.$emit("input", e);
+    emitInput(val) {
+      this.$emit("input", val);
     }
   }
-}, n = {};
-var h = /* @__PURE__ */ m(
-  _,
-  c,
-  d,
-  !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 n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const g = /* @__PURE__ */ function() {
-  return h.exports;
+const FormInputPhoneNumber = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  g as default
+  FormInputPhoneNumber as default
 };

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

@@ -1,65 +1,69 @@
-import { f as i } from "../../chunks/76680a03.js";
-import { TimePicker as l } from "element-ui";
-import { i as s, n as u } from "../../chunks/f71045fc.js";
-import { n as m } from "../../chunks/5d4282fb.js";
-var p = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("FormItem", e._b({
+import { f as formInputMixin } from "../../chunks/de9fe802.js";
+import { TimePicker } 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 [n("ElTimePicker", e._g(e._b({
+        return [_c("ElTimePicker", _vm._g(_vm._b({
           attrs: {
-            "is-range": e.range,
-            value: e.value,
-            disabled: e.inputDisabled,
-            format: e.format,
-            "value-format": e.valueFormat || e.format,
-            clearable: "",
+            "is-range": _vm.range,
+            "value": _vm.value,
+            "disabled": _vm.inputDisabled,
+            "format": _vm.format,
+            "value-format": _vm.valueFormat || _vm.format,
+            "clearable": "",
             "picker-options": {
-              start: e.start,
-              end: e.end,
-              step: e.step,
-              minTime: e.minTime,
-              maxTime: e.maxTime,
-              selectableRange: e.selectableRange
+              start: _vm.start,
+              end: _vm.end,
+              step: _vm.step,
+              minTime: _vm.minTime,
+              maxTime: _vm.maxTime,
+              selectableRange: _vm.selectableRange
             },
             "start-placeholder": "开始时间",
             "end-placeholder": "结束时间",
-            placeholder: e.computePlaceholder
+            "placeholder": _vm.computePlaceholder
           },
           on: {
-            input: function(r) {
-              return e.$emit("input", r);
+            "input": function(val) {
+              return _vm.$emit("input", val);
             }
           }
-        }, "ElTimePicker", e.inputProps, !1), e.listeners))];
+        }, "ElTimePicker", _vm.inputProps, false), _vm.listeners))];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "error",
-      fn: function(r) {
-        var o = r.error;
-        return [e._t("error", null, {
-          error: o
+      fn: function(_ref) {
+        var error = _ref.error;
+        return [_vm._t("error", null, {
+          "error": error
         })];
       }
     }, {
       key: "label",
       fn: function() {
-        return [e._t("label")];
+        return [_vm._t("label")];
       },
-      proxy: !0
-    }], null, !0)
-  }, "FormItem", e.formItemProps, !1));
-}, c = [];
-const f = Object.keys(l.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), d = {
+      proxy: true
+    }], null, true)
+  }, "FormItem", _vm.formItemProps, false));
+};
+var staticRenderFns = [];
+const autoBindKeys = Object.keys(TimePicker.props).filter((key) => !["value", "placeholder", "disabled"].includes(key));
+const __vue2_script = {
   name: "FormInputTime",
-  mixins: [i],
+  mixins: [formInputMixin],
   props: {
     range: Boolean,
     format: {
@@ -98,27 +102,29 @@ const f = Object.keys(l.props).filter((e) => !["value", "placeholder", "disabled
       return "请选择";
     },
     inputProps() {
-      return s({ ...u(this.$attrs), ...this.$props }, f);
+      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
     }
   }
-}, a = {};
-var _ = /* @__PURE__ */ m(
-  d,
-  p,
-  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 a)
-    this[t] = a[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const T = /* @__PURE__ */ function() {
-  return _.exports;
+const FormInputTime = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  T as default
+  FormInputTime as default
 };

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

@@ -1,9 +1,9 @@
-import { f as E } from "../../chunks/b4acd3a6.js";
-import { hasOwn as _ } from "@web-utils/core";
-import { n as W } from "../../chunks/5d4282fb.js";
-const j = {
+import { f as formItemMixin } from "../../chunks/5d33812d.js";
+import { hasOwn } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+const __vue2_script = {
   name: "FormItem",
-  mixins: [E],
+  mixins: [formItemMixin],
   inject: {
     formHolder: {
       default: ""
@@ -14,106 +14,149 @@ const j = {
   },
   computed: {
     gutter() {
-      let e = this.$parent;
-      for (; e && e.$options.componentName !== "ElRow"; )
-        e = e.$parent;
-      return (e == null ? void 0 : e.gutter) ?? 0;
+      let parent = this.$parent;
+      while (parent && parent.$options.componentName !== "ElRow") {
+        parent = parent.$parent;
+      }
+      return (parent == null ? void 0 : parent.gutter) ?? 0;
     }
   },
   methods: {
     renderFormItem() {
-      var I, C, v;
-      const e = this.$createElement, {
-        label: r,
-        labelWidth: c,
-        prop: l,
-        rules: u,
-        $scopedSlots: a,
-        elFormItemProps: t,
-        elForm: n,
-        formHolder: o,
-        formItemClass: m,
-        required: s,
-        block: g,
-        half: q,
-        wrapCol: F,
-        wrapFormItem: x,
-        disabled: k,
-        formItemConfig: f,
-        getRequireRule: y
+      var _a, _b, _c;
+      const h = this.$createElement;
+      const {
+        label,
+        labelWidth,
+        prop,
+        rules,
+        $scopedSlots,
+        elFormItemProps,
+        elForm,
+        formHolder,
+        formItemClass,
+        required,
+        block,
+        half,
+        wrapCol,
+        wrapFormItem,
+        disabled,
+        formItemConfig,
+        getRequireRule
       } = this;
-      let i = u, d = s, p = s, h = g, w = F;
-      f && (_(f, "block") && (h = f.block), _(f, "wrapCol") && (w = f.wrapCol));
-      const $ = h && q && w ? `calc( 50% - ${this.gutter / 2}px)` : "";
-      return k || n != null && n.disabled ? (i = [], o && !o.required && !((I = o.requiredFields) != null && I.includes(l)) && (p = !1)) : (o && !o.required && !((C = o.requiredFields) != null && C.includes(l)) && (d = !1), d && !(i != null && i.length) && l ? i = [y()] : d || (p = !1, i && (i = i.filter((R) => !R.required)))), x ? e("ElFormItem", {
-        style: {
-          width: $
+      let filterRules = rules;
+      let formRequired = required;
+      let rawRequired = required;
+      let formBlock = block;
+      let formWrapCol = wrapCol;
+      if (formItemConfig) {
+        if (hasOwn(formItemConfig, "block")) {
+          formBlock = formItemConfig.block;
+        }
+        if (hasOwn(formItemConfig, "wrapCol")) {
+          formWrapCol = formItemConfig.wrapCol;
+        }
+      }
+      const width = formBlock && half && formWrapCol ? `calc( 50% - ${this.gutter / 2}px)` : "";
+      if (disabled || (elForm == null ? void 0 : elForm.disabled)) {
+        filterRules = [];
+        if (formHolder && !formHolder.required && !((_a = formHolder.requiredFields) == null ? void 0 : _a.includes(prop))) {
+          rawRequired = false;
+        }
+      } else {
+        if (formHolder && !formHolder.required && !((_b = formHolder.requiredFields) == null ? void 0 : _b.includes(prop))) {
+          formRequired = false;
+        }
+        if (formRequired && !(filterRules == null ? void 0 : filterRules.length) && prop) {
+          filterRules = [getRequireRule()];
+        } else {
+          if (!formRequired) {
+            rawRequired = false;
+            if (filterRules) {
+              filterRules = filterRules.filter((value) => !value.required);
+            }
+          }
+        }
+      }
+      return wrapFormItem ? h("ElFormItem", {
+        "style": {
+          width
         },
-        key: `${l}-${d}`,
-        class: p ? `form-item required ${m || ""}` : `${m || ""}`,
-        scopedSlots: a,
-        props: {
-          ...t
+        "key": `${prop}-${formRequired}`,
+        "class": rawRequired ? `form-item required ${formItemClass || ""}` : `${formItemClass || ""}`,
+        "scopedSlots": $scopedSlots,
+        "props": {
+          ...elFormItemProps
         },
-        attrs: {
-          label: r,
-          "label-width": c,
-          prop: l,
-          rules: i
+        "attrs": {
+          "label": label,
+          "label-width": labelWidth,
+          "prop": prop,
+          "rules": filterRules
         },
-        ref: "formItem"
-      }) : e("div", [(v = a.default) == null ? void 0 : v.call(a)]);
+        "ref": "formItem"
+      }) : h("div", [(_c = $scopedSlots.default) == null ? void 0 : _c.call($scopedSlots)]);
     },
     async clearValidate() {
-      var e, r;
-      await this.$nextTick(), (r = (e = this.$refs.formItem).clearValidate) == null || r.call(e);
+      var _a, _b;
+      await this.$nextTick();
+      (_b = (_a = this.$refs.formItem).clearValidate) == null ? void 0 : _b.call(_a);
     },
     async validate() {
-      var e, r;
-      await this.$nextTick(), (r = (e = this.$refs.formItem).validate) == null || r.call(e);
+      var _a, _b;
+      await this.$nextTick();
+      (_b = (_a = this.$refs.formItem).validate) == null ? void 0 : _b.call(_a);
     }
   },
   render() {
-    var m, s;
-    const e = arguments[0], {
-      computeSpan: r,
-      wrapCol: c,
-      formItemConfig: l,
-      renderFormItem: u,
-      elColProps: a,
-      $scopedSlots: t,
-      unwrap: n
+    var _a, _b;
+    const h = arguments[0];
+    const {
+      computeSpan,
+      wrapCol,
+      formItemConfig,
+      renderFormItem,
+      elColProps,
+      $scopedSlots,
+      unwrap
     } = this;
-    let o = c;
-    return l && _(l, "wrapCol") && (o = l.wrapCol), n ? e("div", [(m = t.default) == null ? void 0 : m.call(t)]) : o ? e("ElCol", {
-      props: {
-        ...a
+    let formWrapCol = wrapCol;
+    if (formItemConfig) {
+      if (hasOwn(formItemConfig, "wrapCol")) {
+        formWrapCol = formItemConfig.wrapCol;
+      }
+    }
+    return unwrap ? h("div", [(_a = $scopedSlots.default) == null ? void 0 : _a.call($scopedSlots)]) : formWrapCol ? h("ElCol", {
+      "props": {
+        ...elColProps
       },
-      attrs: {
-        span: r
+      "attrs": {
+        "span": computeSpan
       }
-    }, [u(), (s = t == null ? void 0 : t.below) == null ? void 0 : s.call(t)]) : u();
+    }, [renderFormItem(), (_b = $scopedSlots == null ? void 0 : $scopedSlots.below) == null ? void 0 : _b.call($scopedSlots)]) : renderFormItem();
   }
 };
-let H, M;
-const b = {};
-var P = /* @__PURE__ */ W(
-  j,
-  H,
-  M,
-  !1,
-  T,
+const FormItem_vue_vue_type_style_index_0_lang = "";
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function T(e) {
-  for (let r in b)
-    this[r] = b[r];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const N = /* @__PURE__ */ function() {
-  return P.exports;
+const FormItem = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  N as default
+  FormItem as default
 };

package/dist/components/form-item/style.css

@@ -1 +1,11 @@
-.form-item.el-form-item.required:not(.is-no-asterisk) .el-form-item__label:before{margin-right:4px;color:#f56c6c;content:"*"}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.form-item.el-form-item.required:not(.is-no-asterisk) .el-form-item__label::before {
+  margin-right: 4px;
+  color: #f56c6c;
+  content: "*";
+}

package/dist/components/form-item-config-provider/index.js

@@ -1,5 +1,5 @@
-import { n as r } from "../../chunks/5d4282fb.js";
-const n = {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+const __vue2_script = {
   name: "FormItemConfigProvider",
   provide() {
     return {
@@ -10,28 +10,28 @@ const n = {
     block: Boolean,
     wrapCol: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   data() {
     return {
       config: {
-        block: !1,
-        wrapCol: !0
+        block: false,
+        wrapCol: true
       }
     };
   },
   watch: {
     block: {
-      immediate: !0,
-      handler(e) {
-        this.config.block = e;
+      immediate: true,
+      handler(newVal) {
+        this.config.block = newVal;
       }
     },
     wrapCol: {
-      immediate: !0,
-      handler(e) {
-        this.config.wrapCol = e;
+      immediate: true,
+      handler(newVal) {
+        this.config.wrapCol = newVal;
       }
     }
   },
@@ -39,25 +39,26 @@ const n = {
     return this.$scopedSlots.default();
   }
 };
-let l, i;
-const t = {};
-var a = /* @__PURE__ */ r(
-  n,
-  l,
-  i,
-  !1,
-  s,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function s(e) {
-  for (let o in t)
-    this[o] = t[o];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const u = /* @__PURE__ */ function() {
-  return a.exports;
+const FormItemConfigProvider = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  FormItemConfigProvider as default
 };