@web-utils/component 2.0.12 → 2.0.14

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

@@ -1,72 +1,68 @@
-import { f as formInputMixin } from "../../chunks/de9fe802.js";
-import { f as formPickMixin } from "../../chunks/822300f3.js";
-import { Cascader } from "element-ui";
-import { i as filterProperties, n as normalizeProps } from "../../chunks/c69d5628.js";
-import { findTreeChildren, cloneDeep, setParent } from "@web-utils/core";
-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 s } from "../../chunks/76680a03.js";
+import { f as a } from "../../chunks/61ad06b2.js";
+import { Cascader as i } from "element-ui";
+import { i as u, n as p } from "../../chunks/f71045fc.js";
+import { findTreeChildren as c, cloneDeep as d, setParent as m } from "@web-utils/core";
+import { n as f } from "../../chunks/5d4282fb.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 [_vm._t("default", function() {
-          return [_c("ElCascader", _vm._g(_vm._b({
+        return [e._t("default", function() {
+          return [r("ElCascader", e._g(e._b({
             class: {
-              "is-readonly": _vm.readonly
+              "is-readonly": e.readonly
             },
             staticStyle: {
-              "width": "100%"
+              width: "100%"
             },
             attrs: {
-              "value": _vm.inputVal,
-              "show-all-levels": _vm.showAllLevels,
-              "separator": _vm.separator,
-              "readonly": _vm.readonly,
-              "options": _vm.innerOptions,
-              "props": {
-                checkStrictly: _vm.checkStrictly,
-                label: _vm.labelKey,
-                value: _vm.valueKey
+              value: e.inputVal,
+              "show-all-levels": e.showAllLevels,
+              separator: e.separator,
+              readonly: e.readonly,
+              options: e.innerOptions,
+              props: {
+                checkStrictly: e.checkStrictly,
+                label: e.labelKey,
+                value: e.valueKey
               },
-              "disabled": _vm.inputDisabled,
-              "placeholder": _vm.computePlaceholder
+              disabled: e.inputDisabled,
+              placeholder: e.computePlaceholder
             },
             on: {
-              "input": _vm.emitInput
+              input: e.emitInput
             }
-          }, "ElCascader", _vm.inputProps, false), _vm.listeners))];
+          }, "ElCascader", e.inputProps, !1), e.listeners))];
         })];
       },
-      proxy: true
+      proxy: !0
     }, {
       key: "error",
-      fn: function(_ref) {
-        var error = _ref.error;
-        return [_vm._t("error", null, {
-          "error": error
+      fn: function(l) {
+        var o = l.error;
+        return [e._t("error", null, {
+          error: o
         })];
       }
     }, {
       key: "label",
       fn: function() {
-        return [_vm._t("label")];
+        return [e._t("label")];
       },
-      proxy: true
-    }], null, true)
-  }, "FormItem", _vm.formItemProps, false));
-};
-var staticRenderFns = [];
-const autoBindKeys = Object.keys(Cascader.props).filter((key) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(key));
-const __vue2_script = {
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, y = [];
+const v = Object.keys(i.props).filter((e) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(e)), _ = {
   name: "FormCascader",
-  mixins: [formInputMixin, formPickMixin],
+  mixins: [s, a],
   props: {
     value: {
       type: [String, Number]
@@ -82,11 +78,11 @@ const __vue2_script = {
     },
     last: {
       type: Boolean,
-      default: true
+      default: !0
     },
     checkStrictly: {
       type: Boolean,
-      default: true
+      default: !0
     },
     labelKey: {
       type: String,
@@ -104,58 +100,52 @@ const __vue2_script = {
   },
   computed: {
     inputProps() {
-      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
+      return u({ ...p(this.$attrs), ...this.$props }, v);
     },
     inputVal() {
-      let [parent] = findTreeChildren(this.innerOptions, (node) => node[this.valueKey] === this.value);
-      const val = [];
-      while (parent) {
-        val.push(parent[this.valueKey]);
-        parent = parent.parent;
-      }
-      return val.reverse();
+      let [e] = c(this.innerOptions, (r) => r[this.valueKey] === this.value);
+      const t = [];
+      for (; e; )
+        t.push(e[this.valueKey]), e = e.parent;
+      return t.reverse();
     }
   },
   watch: {
     options: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) {
-          const options = cloneDeep(newVal);
-          setParent(options);
-          this.innerOptions = options;
-        } else {
+      immediate: !0,
+      handler(e) {
+        if (e) {
+          const t = d(e);
+          m(t), this.innerOptions = t;
+        } else
           this.innerOptions = [];
-        }
       }
     }
   },
   methods: {
-    emitInput(val) {
-      const v = this.last ? val[val.length - 1] : val;
-      this.$emit("input", v);
+    emitInput(e) {
+      const t = this.last ? e[e.length - 1] : e;
+      this.$emit("input", t);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, n = {};
+var b = /* @__PURE__ */ f(
+  _,
+  h,
+  y,
+  !1,
+  S,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function S(e) {
+  for (let t in n)
+    this[t] = n[t];
 }
-const FormCascader = /* @__PURE__ */ function() {
-  return __component__.exports;
+const g = /* @__PURE__ */ function() {
+  return b.exports;
 }();
 export {
-  FormCascader as default
+  g as default
 };

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/76680a03.js";
+import { f as s } from "../../chunks/61ad06b2.js";
+import { i as a, n as u } from "../../chunks/f71045fc.js";
+import { CheckboxGroup as p } from "element-ui";
+import { n as h } from "../../chunks/5d4282fb.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}