@web-utils/component 2.0.10 → 2.0.12

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

@@ -1,6 +1,8 @@
-import { isFunction as m } from "@web-utils/core";
-import { n as u } from "../../chunks/5d4282fb.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/3d28cc08.js";
+const formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"];
+const formMethod = ["$emit", "validate", "clearValidate"];
+const __vue2_script = {
   name: "FormItemGroup",
   inject: {
     elForm: {
@@ -22,7 +24,7 @@ const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     disabled: Boolean,
     wrapRow: {
       type: Boolean,
-      default: !0
+      default: true
     },
     gutter: {
       type: Number,
@@ -31,38 +33,47 @@ const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     collapse: Boolean
   },
   data() {
-    const e = {};
-    return r.forEach((t) => {
-      e[t] = null;
-    }), {
-      expand: !0,
-      formConfig: e
+    const formConfig = {};
+    formProperties.forEach((key) => {
+      formConfig[key] = null;
+    });
+    return {
+      expand: true,
+      formConfig
     };
   },
   computed: {
     formCfg() {
-      const e = {
+      const formConfig = {
         enabled: this.enabled,
         forbidden: this.disabled
       };
-      return r.forEach((t) => {
-        e[t] = this.elForm[t];
-      }), e;
+      formProperties.forEach((key) => {
+        formConfig[key] = this.elForm[key];
+      });
+      return formConfig;
     }
   },
   watch: {
     collapse: {
-      immediate: !0,
-      handler(e) {
-        this.expand = !e;
+      immediate: true,
+      handler(newVal) {
+        this.expand = !newVal;
       }
     },
     formCfg: {
-      immediate: !0,
+      immediate: true,
       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;
+          if (key !== "disabled") {
+            if (formMethod.includes(key)) {
+              this.formConfig[key] = (_a = this.elForm[key]) == null ? void 0 : _a.bind(this.elForm);
+            } else {
+              this.formConfig[key] = this.elForm[key];
+            }
+          }
         });
       }
     }
@@ -77,93 +88,108 @@ 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;
+      let name = parent.$options.name;
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+        if (parent) {
+          name = parent.$options.name;
+        }
+      }
+      if (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;
+      const {
+        wrapRow,
+        gutter,
+        formConfig,
+        $scopedSlots
       } = this;
-      return m(o.default) ? t ? e("ElRow", {
-        attrs: {
-          gutter: s
-        },
-        class: "form-item-group-row"
-      }, [o.default({
-        disabled: i.disabled
-      })]) : o.default({
-        disabled: i.disabled
-      }) : e("EmptyView", {
-        attrs: {
-          "font-size": "14px",
-          "empty-tips": "暂无信息"
-        }
-      });
+      if (isFunction($scopedSlots.default)) {
+        return wrapRow ? h("ElRow", {
+          "attrs": {
+            "gutter": gutter
+          },
+          "class": "form-item-group-row"
+        }, [$scopedSlots.default({
+          disabled: formConfig.disabled
+        })]) : $scopedSlots.default({
+          disabled: formConfig.disabled
+        });
+      } else {
+        return h("EmptyView", {
+          "attrs": {
+            "font-size": "14px",
+            "empty-tips": "暂无信息"
+          }
+        });
+      }
     },
     toggle() {
       this.expand = !this.expand;
     },
     open() {
-      this.expand = !0;
+      this.expand = true;
     }
   },
   render() {
-    const e = arguments[0], {
-      renderDefault: t,
-      blockTitle: s,
-      active: i,
-      expand: o,
-      toggle: n,
-      $scopedSlots: a,
-      isDisabled: d
+    const h = arguments[0];
+    const {
+      renderDefault,
+      blockTitle,
+      active,
+      expand,
+      toggle,
+      $scopedSlots,
+      isDisabled
     } = this;
-    return e("div", {
-      class: ["form-item-group", {
-        "default-active": i,
-        "is-disabled": d()
+    return h("div", {
+      "class": ["form-item-group", {
+        "default-active": active,
+        "is-disabled": isDisabled()
       }]
-    }, [e("div", {
-      class: "form-item-group-title",
-      on: {
-        click: n
+    }, [h("div", {
+      "class": "form-item-group-title",
+      "on": {
+        "click": toggle
       }
-    }, [e("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", {
-      directives: [{
+    }, [h("span", {
+      "class": "flex-item"
+    }, [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,
-  !1,
-  g,
+const FormItemGroup_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 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,30 @@
-.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: bold;
+  font-size: 14px;
+  line-height: 30px;
+  background-color: #f3f5fb;
+  cursor: pointer;
+}

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

@@ -1,84 +1,91 @@
-import { f as n } from "../../chunks/76680a03.js";
-import { f as s } from "../../chunks/61ad06b2.js";
-import { RadioGroup as a } from "element-ui";
-import { i as u, n as p } from "../../chunks/f71045fc.js";
-import { n as c } from "../../chunks/5d4282fb.js";
-var f = function() {
-  var e = this, o = e.$createElement, r = e._self._c || o;
-  return r("FormItem", e._b({
+import { f as formInputMixin } from "../../chunks/de9fe802.js";
+import { f as formPickMixin } from "../../chunks/822300f3.js";
+import { RadioGroup } 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({
     class: ["form-radio-group", {
-      "form-radio-group-row": e.fillRow,
-      inline: e.inline
-    }, e.ellipsis ? "form-radio-group-row-ellipsis" : "form-radio-group-row-break-word"],
+      "form-radio-group-row": _vm.fillRow,
+      inline: _vm.inline
+    }, _vm.ellipsis ? "form-radio-group-row-ellipsis" : "form-radio-group-row-break-word"],
     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("ElRadioGroup", e._g(e._b({
+        return [_c("ElRadioGroup", _vm._g(_vm._b({
           class: {
-            "over-flow": e.overFlow
+            "over-flow": _vm.overFlow
           },
           attrs: {
-            value: e.value,
-            disabled: e.inputDisabled,
-            placeholder: e.computePlaceholder
+            "value": _vm.value,
+            "disabled": _vm.inputDisabled,
+            "placeholder": _vm.computePlaceholder
           },
           on: {
-            input: function(t) {
-              return e.$emit("input", t);
+            "input": function(val) {
+              return _vm.$emit("input", val);
             }
           }
-        }, "ElRadioGroup", e.inputProps, !1), e.listeners), [e.allowCancel ? e._l(e.innerOptions, function(t) {
-          return r("ElRadio", {
-            key: t[e.valueKey],
+        }, "ElRadioGroup", _vm.inputProps, false), _vm.listeners), [_vm.allowCancel ? _vm._l(_vm.innerOptions, function(item) {
+          return _c("ElRadio", {
+            key: item[_vm.valueKey],
             attrs: {
-              label: t[e.valueKey]
+              "label": item[_vm.valueKey]
             },
             nativeOn: {
-              click: function(l) {
-                return l.preventDefault(), l.stopPropagation(), e.toggle(t);
+              "click": function($event) {
+                $event.preventDefault();
+                $event.stopPropagation();
+                return _vm.toggle(item);
               }
             }
-          }, [e._v(" " + e._s(t[e.labelKey]) + " ")]);
-        }) : e._l(e.innerOptions, function(t) {
-          return r("ElRadio", {
-            key: t[e.valueKey],
+          }, [_vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")]);
+        }) : _vm._l(_vm.innerOptions, function(item) {
+          return _c("ElRadio", {
+            key: item[_vm.valueKey],
             attrs: {
-              label: t[e.valueKey]
+              "label": item[_vm.valueKey]
             }
-          }, [e._v(" " + e._s(t[e.labelKey]) + " ")]);
-        })], 2), e._t("append")];
+          }, [_vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")]);
+        })], 2), _vm._t("append")];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "error",
-      fn: function(t) {
-        var l = t.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
+      proxy: true
     }, {
       key: "below",
       fn: function() {
-        return [e._t("below")];
+        return [_vm._t("below")];
       },
-      proxy: !0
-    }], null, !0)
-  }, "FormItem", e.formItemProps, !1));
-}, h = [];
-const d = Object.keys(a.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), y = {
+      proxy: true
+    }], null, true)
+  }, "FormItem", _vm.formItemProps, false));
+};
+var staticRenderFns = [];
+const FormRadioGroup_vue_vue_type_style_index_0_lang = "";
+const autoBindKeys = Object.keys(RadioGroup.props).filter((key) => !["value", "placeholder", "disabled"].includes(key));
+const __vue2_script = {
   name: "FormRadioGroup",
-  mixins: [n, s],
+  mixins: [formInputMixin, formPickMixin],
   props: {
     options: {
       type: Array,
@@ -109,7 +116,7 @@ const d = Object.keys(a.props).filter((e) => !["value", "placeholder", "disabled
       return "请选择";
     },
     inputProps() {
-      return u({ ...p(this.$attrs), ...this.$props }, d);
+      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
     },
     labelKey() {
       return this.classic ? "label" : this.labelProp;
@@ -118,53 +125,65 @@ const d = Object.keys(a.props).filter((e) => !["value", "placeholder", "disabled
       return this.classic ? "value" : this.valueProp;
     },
     innerOptions() {
-      return this.gender ? [
-        {
-          [this.labelKey]: "男",
-          [this.valueKey]: this.chinese ? "男" : this.typing ? 1 : "1"
-        },
-        {
-          [this.labelKey]: "女",
-          [this.valueKey]: this.chinese ? "女" : this.typing ? 2 : "2"
-        }
-      ] : this.confirm ? [
-        {
-          [this.labelKey]: "是",
-          [this.valueKey]: this.chinese ? "是" : this.english ? "Y" : this.typing ? 1 : "1"
-        },
-        {
-          [this.labelKey]: "否",
-          [this.valueKey]: this.chinese ? "否" : this.english ? "N" : this.typing ? 0 : "0"
-        }
-      ] : this.options;
+      if (this.gender) {
+        return [
+          {
+            [this.labelKey]: "男",
+            [this.valueKey]: this.chinese ? "男" : this.typing ? 1 : "1"
+          },
+          {
+            [this.labelKey]: "女",
+            [this.valueKey]: this.chinese ? "女" : this.typing ? 2 : "2"
+          }
+        ];
+      }
+      if (this.confirm) {
+        return [
+          {
+            [this.labelKey]: "是",
+            [this.valueKey]: this.chinese ? "是" : this.english ? "Y" : this.typing ? 1 : "1"
+          },
+          {
+            [this.labelKey]: "否",
+            [this.valueKey]: this.chinese ? "否" : this.english ? "N" : this.typing ? 0 : "0"
+          }
+        ];
+      }
+      return this.options;
     }
   },
   methods: {
-    emitInput(e) {
-      this.$emit("input", e);
+    emitInput(val) {
+      this.$emit("input", val);
     },
-    toggle(e) {
-      this.value === e[this.valueKey] ? this.emitInput(null) : this.emitInput(e[this.valueKey]);
+    toggle(item) {
+      if (this.value === item[this.valueKey]) {
+        this.emitInput(null);
+      } else {
+        this.emitInput(item[this.valueKey]);
+      }
     }
   }
-}, i = {};
-var m = /* @__PURE__ */ c(
-  y,
-  f,
-  h,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let o in i)
-    this[o] = i[o];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const B = /* @__PURE__ */ function() {
-  return m.exports;
+const FormRadioGroup = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  B as default
+  FormRadioGroup as default
 };

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

@@ -1 +1,53 @@
-.form-radio-group.inline{display:inline}.form-radio-group.inline .el-radio{float:left;margin-right:10px}.form-radio-group.form-radio-group-row.form-radio-group-row-ellipsis .el-radio__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-radio-group.form-radio-group-row.form-radio-group-row-break-word .el-radio__label{word-wrap:break-word;word-break:break-all}.form-radio-group.form-radio-group-row .el-radio-group{display:block}.form-radio-group.form-radio-group-row .el-radio{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.form-radio-group.form-radio-group-row .el-radio__input{flex-shrink:0;top:3px}.form-radio-group.form-radio-group-row .el-radio__label{flex:1 1 auto;display:block;margin-bottom:6px;padding-left:4px;vertical-align:sub}.form-radio-group .el-radio-group{line-height:1}.form-radio-group .el-radio{margin-right:10px;vertical-align:middle}.form-radio-group .el-radio__label{padding-left:0;line-height:19px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.form-radio-group.inline {
+  display: inline;
+}
+.form-radio-group.inline .el-radio {
+  float: left;
+  margin-right: 10px;
+}
+.form-radio-group.form-radio-group-row.form-radio-group-row-ellipsis .el-radio__label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.form-radio-group.form-radio-group-row.form-radio-group-row-break-word .el-radio__label {
+  word-wrap: break-word;
+  word-break: break-all;
+}
+.form-radio-group.form-radio-group-row .el-radio-group {
+  display: block;
+}
+.form-radio-group.form-radio-group-row .el-radio {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  width: 100%;
+}
+.form-radio-group.form-radio-group-row .el-radio__input {
+  flex-shrink: 0;
+  top: 3px;
+}
+.form-radio-group.form-radio-group-row .el-radio__label {
+  flex: 1 1 auto;
+  display: block;
+  margin-bottom: 6px;
+  padding-left: 4px;
+  vertical-align: sub;
+}
+.form-radio-group .el-radio-group {
+  line-height: 1;
+}
+.form-radio-group .el-radio {
+  margin-right: 10px;
+  vertical-align: middle;
+}
+.form-radio-group .el-radio__label {
+  padding-left: 0;
+  line-height: 19px;
+}