@web-utils/component 2.0.13 → 2.7.0

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

@@ -1,94 +1,89 @@
-import { f as formInputMixin } from "../../chunks/de9fe802.js";
-import { f as formPickMixin } from "../../chunks/822300f3.js";
-import { i as filterProperties, n as normalizeProps } from "../../chunks/c69d5628.js";
-import { CheckboxGroup } 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({
+import { f as n } from "../../chunks/form-input-mixin.ff5b58f7.js";
+import { f as s } from "../../chunks/form-pick-mixin.61ad06b2.js";
+import { i as a, n as u } from "../../chunks/utils.fa73de78.js";
+import { CheckboxGroup as p } from "element-ui";
+import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var c = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("FormItem", e._b({
     class: ["form-checkbox-group", {
-      "form-checkbox-group-row": _vm.fillRow
-    }, _vm.ellipsis ? "form-checkbox-group-row-ellipsis" : _vm.fillRow ? "form-checkbox-group-row-break-word" : ""],
+      "form-checkbox-group-row": e.fillRow
+    }, e.ellipsis ? "form-checkbox-group-row-ellipsis" : e.fillRow ? "form-checkbox-group-row-break-word" : ""],
     attrs: {
-      "rules": _vm.computeRules,
-      "disabled": _vm.inputDisabled
+      rules: e.computeRules,
+      disabled: e.inputDisabled
     },
-    scopedSlots: _vm._u([{
+    scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [_c("ElCheckboxGroup", _vm._g(_vm._b({
+        return [o("ElCheckboxGroup", e._g(e._b({
           attrs: {
-            "disabled": _vm.inputDisabled,
-            "value": _vm.computeVal,
-            "placeholder": _vm.computePlaceholder
+            disabled: e.inputDisabled,
+            value: e.computeVal,
+            placeholder: e.computePlaceholder
           },
           on: {
-            "input": _vm.emitInput
+            input: e.emitInput
           }
-        }, "ElCheckboxGroup", _vm.inputProps, false), _vm.listeners), _vm._l(_vm.innerOptions, function(item) {
-          return _c("ElCheckbox", {
-            key: item[_vm.valueKey],
+        }, "ElCheckboxGroup", e.inputProps, !1), e.listeners), e._l(e.innerOptions, function(t) {
+          return o("ElCheckbox", {
+            key: t[e.valueKey],
             attrs: {
-              "label": item[_vm.valueKey]
+              label: t[e.valueKey]
             }
-          }, [_vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")]);
-        }), 1), _vm.computeVal.includes(_vm.otherVal) ? _c("FormInput", {
+          }, [e._v(" " + e._s(t[e.labelKey]) + " ")]);
+        }), 1), e.computeVal.includes(e.otherVal) ? o("FormInput", {
           staticClass: "form-checkbox-group-other",
-          style: !_vm.otherLabel ? {
-            marginBottom: 0,
-            width: _vm.otherWidth
+          style: e.otherLabel ? {
+            width: e.otherWidth
           } : {
-            width: _vm.otherWidth
+            marginBottom: 0,
+            width: e.otherWidth
           },
           attrs: {
-            "wrap-col": false,
+            "wrap-col": !1,
             "label-width": "0",
-            "prop": _vm.otherProp,
-            "required": !!_vm.otherProp,
-            "placeholder": _vm.otherPlaceholder,
-            "label": _vm.otherLabel,
-            "show-message": !!_vm.otherLabel,
-            "value": _vm.other
+            prop: e.otherProp,
+            required: !!e.otherProp,
+            placeholder: e.otherPlaceholder,
+            label: e.otherLabel,
+            "show-message": !!e.otherLabel,
+            value: e.other
           },
           on: {
-            "input": function(val) {
-              return _vm.$emit("update:other", val);
+            input: function(t) {
+              return e.$emit("update:other", t);
             }
           }
-        }) : _vm._e()];
+        }) : e._e()];
       },
-      proxy: true
+      proxy: !0
     }, {
       key: "error",
-      fn: function(_ref) {
-        var error = _ref.error;
-        return [_vm._t("error", null, {
-          "error": error
+      fn: function(t) {
+        var i = t.error;
+        return [e._t("error", null, {
+          error: i
         })];
       }
     }, {
       key: "label",
       fn: function() {
-        return [_vm._t("label")];
+        return [e._t("label")];
       },
-      proxy: true
+      proxy: !0
     }, {
       key: "below",
       fn: function() {
-        return [_vm._t("below")];
+        return [e._t("below")];
       },
-      proxy: true
-    }], null, true)
-  }, "FormItem", _vm.formItemProps, false));
-};
-var staticRenderFns = [];
-const FormCheckboxGroup_vue_vue_type_style_index_0_lang = "";
-const autoBindKeys = Object.keys(CheckboxGroup.props).filter((key) => !["value", "placeholder", "disabled"].includes(key));
-const __vue2_script = {
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, f = [];
+const m = Object.keys(p.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), d = {
   name: "FormCheckboxGroup",
-  mixins: [formInputMixin, formPickMixin],
+  mixins: [n, s],
   props: {
     options: {
       type: Array,
@@ -142,76 +137,56 @@ const __vue2_script = {
       return this.classic ? "value" : this.valueProp;
     },
     inputProps() {
-      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
+      return a({ ...u(this.$attrs), ...this.$props }, m);
     },
     innerOptions() {
-      if (this.gender) {
-        return [
-          {
-            [this.labelKey]: "男",
-            [this.valueKey]: "男"
-          },
-          {
-            [this.labelKey]: "女",
-            [this.valueKey]: "女"
-          }
-        ];
-      }
-      if (this.confirm) {
-        return [
-          {
-            [this.labelKey]: "是",
-            [this.valueKey]: "是"
-          },
-          {
-            [this.labelKey]: "否",
-            [this.valueKey]: "否"
-          }
-        ];
-      }
-      return this.options;
+      return this.gender ? [
+        {
+          [this.labelKey]: "男",
+          [this.valueKey]: "男"
+        },
+        {
+          [this.labelKey]: "女",
+          [this.valueKey]: "女"
+        }
+      ] : this.confirm ? [
+        {
+          [this.labelKey]: "是",
+          [this.valueKey]: "是"
+        },
+        {
+          [this.labelKey]: "否",
+          [this.valueKey]: "否"
+        }
+      ] : this.options;
     },
     computeVal() {
-      if (this.split) {
-        if (this.value) {
-          return this.value.split(",");
-        } else {
-          return [];
-        }
-      } else {
-        return this.value || [];
-      }
+      return this.split ? this.value ? this.value.split(",") : [] : this.value || [];
     }
   },
   methods: {
-    emitInput(val) {
-      if (this.split) {
-        this.$emit("input", val.join(","));
-      } else {
-        this.$emit("input", val);
-      }
+    emitInput(e) {
+      this.split ? this.$emit("input", e.join(",")) : this.$emit("input", e);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, l = {};
+var b = /* @__PURE__ */ h(
+  d,
+  c,
+  f,
+  !1,
+  y,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function y(e) {
+  for (let r in l)
+    this[r] = l[r];
 }
-const FormCheckboxGroup = /* @__PURE__ */ function() {
-  return __component__.exports;
+const P = /* @__PURE__ */ function() {
+  return b.exports;
 }();
 export {
-  FormCheckboxGroup as default
+  P as default
 };

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

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

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

@@ -1,66 +1,62 @@
-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({
+import { f as o } from "../../chunks/form-input-mixin.ff5b58f7.js";
+import { f as l } from "../../chunks/form-pick-mixin.61ad06b2.js";
+import { toDate as n } from "@web-utils/core";
+import { i as m, n as u } from "../../chunks/utils.fa73de78.js";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var h = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._b({
     attrs: {
-      "rules": _vm.computeRules,
-      "disabled": _vm.inputDisabled
+      rules: e.computeRules,
+      disabled: e.inputDisabled
     },
-    scopedSlots: _vm._u([{
+    scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [_c("ElDatePicker", _vm._g(_vm._b({
+        return [r("ElDatePicker", e._g(e._b({
           staticStyle: {
-            "width": "100%"
+            width: "100%"
           },
           attrs: {
-            "picker-options": _vm.pickerOption,
-            "value": _vm.innerVal,
-            "size": "mini",
-            "placeholder": _vm.computePlaceholder,
-            "type": _vm.type,
-            "disabled": _vm.inputDisabled
+            "picker-options": e.pickerOption,
+            value: e.innerVal,
+            size: "mini",
+            placeholder: e.computePlaceholder,
+            type: e.type,
+            disabled: e.inputDisabled
           },
           on: {
-            "input": _vm.emitInput
+            input: e.emitInput
           }
-        }, "ElDatePicker", _vm.inputProps, false), _vm.listeners)), _vm.$slots.warn ? _c("div", {
+        }, "ElDatePicker", e.inputProps, !1), e.listeners)), e.$slots.warn ? r("div", {
           staticClass: "el-form-item__warn"
-        }, [_vm._t("warn")], 2) : _vm._e()];
+        }, [e._t("warn")], 2) : e._e()];
       },
-      proxy: true
+      proxy: !0
     }, {
       key: "error",
-      fn: function(_ref) {
-        var error = _ref.error;
-        return [_vm.$scopedSlots.error && _vm.$scopedSlots.error(error) ? _c("div", {
+      fn: function(s) {
+        var i = s.error;
+        return [e.$scopedSlots.error && e.$scopedSlots.error(i) ? r("div", {
           staticClass: "el-form-item__error"
-        }, [_vm._t("error", function() {
-          return [_vm._v(" " + _vm._s(error) + " ")];
+        }, [e._t("error", function() {
+          return [e._v(" " + e._s(i) + " ")];
         }, {
-          "error": error
-        })], 2) : _vm._e()];
+          error: i
+        })], 2) : e._e()];
       }
     }, {
       key: "label",
       fn: function() {
-        return [_vm._t("label")];
+        return [e._t("label")];
       },
-      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 = {
+      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 = {
   name: "FormDatePicker",
-  mixins: [formInputMixin, formPickMixin],
+  mixins: [o, l],
   props: {
     format: {
       type: String
@@ -102,7 +98,7 @@ const __vue2_script = {
     },
     split: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
   computed: {
@@ -111,134 +107,76 @@ const __vue2_script = {
     },
     mini() {
       if (this.miniDate) {
-        const date = toDate(this.miniDate);
-        date.setDate(date.getDate() - 1);
-        return date;
-      } else {
+        const e = n(this.miniDate);
+        return e.setDate(e.getDate() - 1), e;
+      } else
         return null;
-      }
     },
     max() {
-      if (this.maxDate) {
-        return toDate(this.maxDate);
-      } else {
-        return null;
-      }
+      return this.maxDate ? n(this.maxDate) : null;
     },
     pickerOption() {
       return {
-        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;
-          }
+        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;
         },
         ...this.pickerOptions
       };
     },
     innerVal() {
       if (this.range && this.split) {
-        const val = [];
-        val.push(this.start || "");
-        val.push(this.end || "");
-        return val;
-      } else {
+        const e = [];
+        return e.push(this.start || ""), e.push(this.end || ""), e;
+      } else
         return this.value;
-      }
     },
     fat() {
-      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";
-      }
+      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";
     },
     inputProps() {
-      return filterProperties({
-        ...normalizeProps(this.$attrs),
+      return m({
+        ...u(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 || "结束日期"
-      }, autoBindKeys);
+      }, f);
     },
     range() {
       return this.dateTimeRange || this.dateRange || this.monthRange;
     },
     type() {
-      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";
-      }
+      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";
     }
   },
   methods: {
-    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);
-      }
+    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);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, a = {};
+var y = /* @__PURE__ */ p(
+  c,
+  h,
+  d,
+  !1,
+  g,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function g(e) {
+  for (let t in a)
+    this[t] = a[t];
 }
-const FormDatePicker = /* @__PURE__ */ function() {
-  return __component__.exports;
+const S = /* @__PURE__ */ function() {
+  return y.exports;
 }();
 export {
-  FormDatePicker as default
+  S as default
 };