@web-utils/component 2.7.29 → 2.7.31

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,4 +1,4 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 const __vue2_script = {
   name: "FormItemConfigProvider",
   provide() {
@@ -10,26 +10,26 @@ const __vue2_script = {
     block: Boolean,
     wrapCol: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   data() {
     return {
       config: {
-        block: !1,
-        wrapCol: !0
+        block: false,
+        wrapCol: true
       }
     };
   },
   watch: {
     block: {
-      immediate: !0,
+      immediate: true,
       handler(newVal) {
         this.config.block = newVal;
       }
     },
     wrapCol: {
-      immediate: !0,
+      immediate: true,
       handler(newVal) {
         this.config.wrapCol = newVal;
       }
@@ -45,15 +45,16 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   __vue2_render,
   __vue2_staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const FormItemConfigProvider = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1,6 +1,8 @@
 import { isFunction } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
-const formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], formMethod = ["$emit", "validate", "clearValidate"], __vue2_script = {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.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 formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "auto
     disabled: Boolean,
     wrapRow: {
       type: Boolean,
-      default: !0
+      default: true
     },
     gutter: {
       type: Number,
@@ -32,10 +34,11 @@ const formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "auto
   },
   data() {
     const formConfig = {};
-    return formProperties.forEach((key) => {
+    formProperties.forEach((key) => {
       formConfig[key] = null;
-    }), {
-      expand: !0,
+    });
+    return {
+      expand: true,
       formConfig
     };
   },
@@ -45,24 +48,32 @@ const formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "auto
         enabled: this.enabled,
         forbidden: this.disabled
       };
-      return formProperties.forEach((key) => {
+      formProperties.forEach((key) => {
         formConfig[key] = this.elForm[key];
-      }), formConfig;
+      });
+      return formConfig;
     }
   },
   watch: {
     collapse: {
-      immediate: !0,
+      immediate: true,
       handler(newVal) {
         this.expand = !newVal;
       }
     },
     formCfg: {
-      immediate: !0,
+      immediate: true,
       handler() {
-        this.formConfig.disabled = this.isDisabled(), formProperties.forEach((key) => {
+        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]);
+          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];
+            }
+          }
         });
       }
     }
@@ -78,43 +89,56 @@ const formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "auto
       return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
     },
     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));
+      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 h = this.$createElement, {
+      const h = this.$createElement;
+      const {
         wrapRow,
         gutter,
         formConfig,
         $scopedSlots
       } = this;
-      return isFunction($scopedSlots.default) ? wrapRow ? h("ElRow", {
-        attrs: {
-          gutter
-        },
-        class: "form-item-group-row"
-      }, [$scopedSlots.default({
-        disabled: formConfig.disabled
-      })]) : $scopedSlots.default({
-        disabled: formConfig.disabled
-      }) : h("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 h = arguments[0], {
+    const h = arguments[0];
+    const {
       renderDefault,
       blockTitle,
       active,
@@ -124,42 +148,44 @@ const formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "auto
       isDisabled
     } = this;
     return h("div", {
-      class: ["form-item-group", {
+      "class": ["form-item-group", {
         "default-active": active,
         "is-disabled": isDisabled()
       }]
     }, [h("div", {
-      class: "form-item-group-title",
-      on: {
-        click: toggle
+      "class": "form-item-group-title",
+      "on": {
+        "click": toggle
       }
     }, [h("span", {
-      class: "flex-item"
+      "class": "flex-item"
     }, [blockTitle, $scopedSlots["title-right"] ? $scopedSlots["title-right"]() : null]), " ", h("i", {
-      class: expand ? "el-icon-arrow-down" : "el-icon-arrow-right"
+      "class": expand ? "el-icon-arrow-down" : "el-icon-arrow-right"
     })]), h("ElCollapseTransition", [h("div", {
-      directives: [{
+      "directives": [{
         name: "show",
         value: expand
       }]
     }, [renderDefault()])])]);
   }
 };
+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,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const FormItemGroup = /* @__PURE__ */ function() {
   return __component__.exports;

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,29 +1,36 @@
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b))
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
   return a;
 };
-import { f as formInputMixin } from "../../chunks/form-input-mixin.760cd65d.js";
-import { f as formPickMixin } from "../../chunks/form-pick-mixin.c4e0391b.js";
-import { RadioGroup } from "element-ui";
-import { d as filterProperties, n as normalizeProps } from "../../chunks/utils.d7f73f8d.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { f as formInputMixin } from "../../chunks/form-input-mixin.3e63b57f.js";
+import { f as formPickMixin } from "../../chunks/form-pick-mixin.822300f3.js";
+import RadioGroup from "element-ui/lib/radio-group";
+import { d as filterProperties, n as normalizeProps } from "../../chunks/utils.2a3ffac9.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  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": _vm.fillRow,
       inline: _vm.inline
     }, _vm.ellipsis ? "form-radio-group-row-ellipsis" : "form-radio-group-row-break-word"],
     attrs: {
-      rules: _vm.computeRules,
-      disabled: _vm.inputDisabled
+      "rules": _vm.computeRules,
+      "disabled": _vm.inputDisabled
     },
     scopedSlots: _vm._u([{
       key: "default",
@@ -33,24 +40,26 @@ var render = function() {
             "over-flow": _vm.overFlow
           },
           attrs: {
-            value: _vm.value,
-            disabled: _vm.inputDisabled,
-            placeholder: _vm.computePlaceholder
+            "value": _vm.value,
+            "disabled": _vm.inputDisabled,
+            "placeholder": _vm.computePlaceholder
           },
           on: {
-            input: function(val) {
+            "input": function(val) {
               return _vm.$emit("input", val);
             }
           }
-        }, "ElRadioGroup", _vm.inputProps, !1), _vm.listeners), [_vm.allowCancel ? _vm._l(_vm.innerOptions, function(item) {
+        }, "ElRadioGroup", _vm.inputProps, false), _vm.listeners), [_vm.allowCancel ? _vm._l(_vm.innerOptions, function(item) {
           return _c("ElRadio", {
             key: item[_vm.valueKey],
             attrs: {
-              label: item[_vm.valueKey]
+              "label": item[_vm.valueKey]
             },
             nativeOn: {
-              click: function($event) {
-                return $event.preventDefault(), $event.stopPropagation(), _vm.toggle(item);
+              "click": function($event) {
+                $event.preventDefault();
+                $event.stopPropagation();
+                return _vm.toggle(item);
               }
             }
           }, [_vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")]);
@@ -58,18 +67,18 @@ var render = function() {
           return _c("ElRadio", {
             key: item[_vm.valueKey],
             attrs: {
-              label: item[_vm.valueKey]
+              "label": item[_vm.valueKey]
             }
           }, [_vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")]);
         })], 2), _vm._t("append")];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "error",
       fn: function(_ref) {
         var error = _ref.error;
         return [_vm._t("error", null, {
-          error
+          "error": error
         })];
       }
     }, {
@@ -77,17 +86,20 @@ var render = function() {
       fn: function() {
         return [_vm._t("label")];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "below",
       fn: function() {
         return [_vm._t("below")];
       },
-      proxy: !0
-    }], null, !0)
-  }, "FormItem", _vm.formItemProps, !1));
-}, staticRenderFns = [];
-const autoBindKeys = Object.keys(RadioGroup.props).filter((key) => !["value", "placeholder", "disabled"].includes(key)), __vue2_script = {
+      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: [formInputMixin, formPickMixin],
   props: {
@@ -129,25 +141,31 @@ const autoBindKeys = Object.keys(RadioGroup.props).filter((key) => !["value", "p
       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: {
@@ -155,23 +173,29 @@ const autoBindKeys = Object.keys(RadioGroup.props).filter((key) => !["value", "p
       this.$emit("input", val);
     },
     toggle(item) {
-      this.value === item[this.valueKey] ? this.emitInput(null) : this.emitInput(item[this.valueKey]);
+      if (this.value === item[this.valueKey]) {
+        this.emitInput(null);
+      } else {
+        this.emitInput(item[this.valueKey]);
+      }
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const FormRadioGroup = /* @__PURE__ */ function() {
   return __component__.exports;

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;
+}