@web-utils/component 2.7.20 → 2.7.21

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

@@ -1,65 +1,65 @@
-import { f as i } from "../../chunks/form-input-mixin.ff5b58f7.js";
-import { TimePicker as l } from "element-ui";
-import { i as s, n as u } from "../../chunks/utils.fa73de78.js";
-import { n as m } from "../../chunks/vueComponentNormalizer.71e2aa87.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/form-input-mixin.df413ca8.js";
+import { TimePicker } from "element-ui";
+import { d as filterProperties, n as normalizeProps } from "../../chunks/utils.d7f73f8d.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _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,
+            "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, !1), _vm.listeners))];
       },
       proxy: !0
     }, {
       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
         })];
       }
     }, {
       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 = {
+  }, "FormItem", _vm.formItemProps, !1));
+}, staticRenderFns = [];
+const autoBindKeys = Object.keys(TimePicker.props).filter((key) => !["value", "placeholder", "disabled"].includes(key)), __vue2_script = {
   name: "FormInputTime",
-  mixins: [i],
+  mixins: [formInputMixin],
   props: {
     range: Boolean,
     format: {
@@ -98,27 +98,27 @@ 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,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __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/form-item-mixin.79f6eaff.js";
-import { hasOwn as _ } from "@web-utils/core";
-import { n as W } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const j = {
+import { f as formItemMixin } from "../../chunks/form-item-mixin.b850e028.js";
+import { hasOwn } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const __vue2_script = {
   name: "FormItem",
-  mixins: [E],
+  mixins: [formItemMixin],
   inject: {
     formHolder: {
       default: ""
@@ -14,106 +14,106 @@ 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;
+      for (; 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, {
+        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", {
+      let filterRules = rules, formRequired = required, rawRequired = required, formBlock = block, formWrapCol = wrapCol;
+      formItemConfig && (hasOwn(formItemConfig, "block") && (formBlock = formItemConfig.block), hasOwn(formItemConfig, "wrapCol") && (formWrapCol = formItemConfig.wrapCol));
+      const width = formBlock && half && formWrapCol ? `calc( 50% - ${this.gutter / 2}px)` : "";
+      return disabled || elForm != null && elForm.disabled ? (filterRules = [], formHolder && !formHolder.required && !((_a = formHolder.requiredFields) != null && _a.includes(prop)) && (rawRequired = !1)) : (formHolder && !formHolder.required && !((_b = formHolder.requiredFields) != null && _b.includes(prop)) && (formRequired = !1), formRequired && !(filterRules != null && filterRules.length) && prop ? filterRules = [getRequireRule()] : formRequired || (rawRequired = !1, filterRules && (filterRules = filterRules.filter((value) => !value.required)))), wrapFormItem ? h("ElFormItem", {
         style: {
-          width: $
+          width
         },
-        key: `${l}-${d}`,
-        class: p ? `form-item required ${m || ""}` : `${m || ""}`,
-        scopedSlots: a,
+        key: `${prop}-${formRequired}`,
+        class: rawRequired ? `form-item required ${formItemClass || ""}` : `${formItemClass || ""}`,
+        scopedSlots: $scopedSlots,
         props: {
-          ...t
+          ...elFormItemProps
         },
         attrs: {
-          label: r,
-          "label-width": c,
-          prop: l,
-          rules: i
+          label,
+          "label-width": labelWidth,
+          prop,
+          rules: filterRules
         },
         ref: "formItem"
-      }) : e("div", [(v = a.default) == null ? void 0 : v.call(a)]);
+      }) : 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 || _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 || _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], {
+      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", {
+    let formWrapCol = wrapCol;
+    return formItemConfig && hasOwn(formItemConfig, "wrapCol") && (formWrapCol = formItemConfig.wrapCol), unwrap ? h("div", [(_a = $scopedSlots.default) == null ? void 0 : _a.call($scopedSlots)]) : formWrapCol ? h("ElCol", {
       props: {
-        ...a
+        ...elColProps
       },
       attrs: {
-        span: r
+        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,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  T,
+  __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,5 @@
-.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/vueComponentNormalizer.71e2aa87.js";
-const n = {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const __vue2_script = {
   name: "FormItemConfigProvider",
   provide() {
     return {
@@ -24,14 +24,14 @@ const n = {
   watch: {
     block: {
       immediate: !0,
-      handler(e) {
-        this.config.block = e;
+      handler(newVal) {
+        this.config.block = newVal;
       }
     },
     wrapCol: {
       immediate: !0,
-      handler(e) {
-        this.config.wrapCol = e;
+      handler(newVal) {
+        this.config.wrapCol = newVal;
       }
     }
   },
@@ -39,25 +39,25 @@ const n = {
     return this.$scopedSlots.default();
   }
 };
-let l, i;
-const t = {};
-var a = /* @__PURE__ */ r(
-  n,
-  l,
-  i,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  s,
+  __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
 };

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

@@ -1,6 +1,6 @@
-import { isFunction as m } from "@web-utils/core";
-import { n as u } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], c = ["$emit", "validate", "clearValidate"], p = {
+import { isFunction } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], formMethod = ["$emit", "validate", "clearValidate"], __vue2_script = {
   name: "FormItemGroup",
   inject: {
     elForm: {
@@ -31,38 +31,38 @@ const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     collapse: Boolean
   },
   data() {
-    const e = {};
-    return r.forEach((t) => {
-      e[t] = null;
+    const formConfig = {};
+    return formProperties.forEach((key) => {
+      formConfig[key] = null;
     }), {
       expand: !0,
-      formConfig: e
+      formConfig
     };
   },
   computed: {
     formCfg() {
-      const e = {
+      const formConfig = {
         enabled: this.enabled,
         forbidden: this.disabled
       };
-      return r.forEach((t) => {
-        e[t] = this.elForm[t];
-      }), e;
+      return formProperties.forEach((key) => {
+        formConfig[key] = this.elForm[key];
+      }), formConfig;
     }
   },
   watch: {
     collapse: {
       immediate: !0,
-      handler(e) {
-        this.expand = !e;
+      handler(newVal) {
+        this.expand = !newVal;
       }
     },
     formCfg: {
       immediate: !0,
       handler() {
-        this.formConfig.disabled = this.isDisabled(), r.forEach((e) => {
-          var t;
-          e !== "disabled" && (c.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
+        this.formConfig.disabled = this.isDisabled(), formProperties.forEach((key) => {
+          var _a;
+          key !== "disabled" && (formMethod.includes(key) ? this.formConfig[key] = (_a = this.elForm[key]) == null ? void 0 : _a.bind(this.elForm) : this.formConfig[key] = this.elForm[key]);
         });
       }
     }
@@ -77,29 +77,29 @@ const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     isDisabled() {
       return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
     },
-    dispatch(e, t, s) {
-      let i = this.$parent || this.$root, o = i.$options.name;
-      for (; i && (!o || o !== e); )
-        i = i.$parent, i && (o = i.$options.name);
-      i && i.$emit.apply(i, [t].concat(s));
+    dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root, name = parent.$options.name;
+      for (; parent && (!name || name !== componentName); )
+        parent = parent.$parent, parent && (name = parent.$options.name);
+      parent && parent.$emit.apply(parent, [eventName].concat(params));
     },
     renderDefault() {
-      const e = this.$createElement, {
-        wrapRow: t,
-        gutter: s,
-        formConfig: i,
-        $scopedSlots: o
+      const h = this.$createElement, {
+        wrapRow,
+        gutter,
+        formConfig,
+        $scopedSlots
       } = this;
-      return m(o.default) ? t ? e("ElRow", {
+      return isFunction($scopedSlots.default) ? wrapRow ? h("ElRow", {
         attrs: {
-          gutter: s
+          gutter
         },
         class: "form-item-group-row"
-      }, [o.default({
-        disabled: i.disabled
-      })]) : o.default({
-        disabled: i.disabled
-      }) : e("EmptyView", {
+      }, [$scopedSlots.default({
+        disabled: formConfig.disabled
+      })]) : $scopedSlots.default({
+        disabled: formConfig.disabled
+      }) : h("EmptyView", {
         attrs: {
           "font-size": "14px",
           "empty-tips": "暂无信息"
@@ -114,56 +114,56 @@ const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     }
   },
   render() {
-    const e = arguments[0], {
-      renderDefault: t,
-      blockTitle: s,
-      active: i,
-      expand: o,
-      toggle: n,
-      $scopedSlots: a,
-      isDisabled: d
+    const h = arguments[0], {
+      renderDefault,
+      blockTitle,
+      active,
+      expand,
+      toggle,
+      $scopedSlots,
+      isDisabled
     } = this;
-    return e("div", {
+    return h("div", {
       class: ["form-item-group", {
-        "default-active": i,
-        "is-disabled": d()
+        "default-active": active,
+        "is-disabled": isDisabled()
       }]
-    }, [e("div", {
+    }, [h("div", {
       class: "form-item-group-title",
       on: {
-        click: n
+        click: toggle
       }
-    }, [e("span", {
+    }, [h("span", {
       class: "flex-item"
-    }, [s, a["title-right"] ? a["title-right"]() : null]), " ", e("i", {
-      class: o ? "el-icon-arrow-down" : "el-icon-arrow-right"
-    })]), e("ElCollapseTransition", [e("div", {
+    }, [blockTitle, $scopedSlots["title-right"] ? $scopedSlots["title-right"]() : null]), " ", h("i", {
+      class: expand ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), h("ElCollapseTransition", [h("div", {
       directives: [{
         name: "show",
-        value: o
+        value: expand
       }]
-    }, [t()])])]);
+    }, [renderDefault()])])]);
   }
 };
-let f, h;
-const l = {};
-var b = /* @__PURE__ */ u(
-  p,
-  f,
-  h,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  g,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function g(e) {
-  for (let t in l)
-    this[t] = l[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const w = /* @__PURE__ */ function() {
-  return b.exports;
+const FormItemGroup = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  w as default
+  FormItemGroup as default
 };

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

@@ -1 +1,25 @@
-.form-item-group{margin-bottom:10px;background-color:#fff}.form-item-group.is-disabled .is-required .el-form-item__label:before,.form-item-group.is-disabled .required .el-form-item__label:before{display:none}.form-item-group .form-item-group-row{margin:0!important}.form-item-group .form-item-group-title{display:flex;flex-direction:row;align-items:center;height:30px;margin:0 0 10px;padding:0 10px;color:#333;font-weight:700;font-size:14px;line-height:30px;background-color:#f3f5fb;cursor:pointer}
+.form-item-group {
+  margin-bottom: 10px;
+  background-color: #fff;
+}
+.form-item-group.is-disabled .is-required .el-form-item__label:before,
+.form-item-group.is-disabled .required .el-form-item__label:before {
+  display: none;
+}
+.form-item-group .form-item-group-row {
+  margin: 0 !important;
+}
+.form-item-group .form-item-group-title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 30px;
+  margin: 0 0 10px;
+  padding: 0 10px;
+  color: #333;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 30px;
+  background-color: #f3f5fb;
+  cursor: pointer;
+}