@web-utils/component 2.0.9 → 2.0.11

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

@@ -1,68 +1,72 @@
-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({
+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({
     attrs: {
-      rules: e.computeRules,
-      disabled: e.inputDisabled
+      "rules": _vm.computeRules,
+      "disabled": _vm.inputDisabled
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
       fn: function() {
-        return [e._t("default", function() {
-          return [r("ElCascader", e._g(e._b({
+        return [_vm._t("default", function() {
+          return [_c("ElCascader", _vm._g(_vm._b({
             class: {
-              "is-readonly": e.readonly
+              "is-readonly": _vm.readonly
             },
             staticStyle: {
-              width: "100%"
+              "width": "100%"
             },
             attrs: {
-              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
+              "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
               },
-              disabled: e.inputDisabled,
-              placeholder: e.computePlaceholder
+              "disabled": _vm.inputDisabled,
+              "placeholder": _vm.computePlaceholder
             },
             on: {
-              input: e.emitInput
+              "input": _vm.emitInput
             }
-          }, "ElCascader", e.inputProps, !1), e.listeners))];
+          }, "ElCascader", _vm.inputProps, false), _vm.listeners))];
         })];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "error",
-      fn: function(l) {
-        var o = l.error;
-        return [e._t("error", null, {
-          error: o
+      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
-    }], 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)), _ = {
+      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 = {
   name: "FormCascader",
-  mixins: [s, a],
+  mixins: [formInputMixin, formPickMixin],
   props: {
     value: {
       type: [String, Number]
@@ -78,11 +82,11 @@ const v = Object.keys(i.props).filter((e) => !["value", "placeholder", "disabled
     },
     last: {
       type: Boolean,
-      default: !0
+      default: true
     },
     checkStrictly: {
       type: Boolean,
-      default: !0
+      default: true
     },
     labelKey: {
       type: String,
@@ -100,52 +104,58 @@ const v = Object.keys(i.props).filter((e) => !["value", "placeholder", "disabled
   },
   computed: {
     inputProps() {
-      return u({ ...p(this.$attrs), ...this.$props }, v);
+      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
     },
     inputVal() {
-      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();
+      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();
     }
   },
   watch: {
     options: {
-      immediate: !0,
-      handler(e) {
-        if (e) {
-          const t = d(e);
-          m(t), this.innerOptions = t;
-        } else
+      immediate: true,
+      handler(newVal) {
+        if (newVal) {
+          const options = cloneDeep(newVal);
+          setParent(options);
+          this.innerOptions = options;
+        } else {
           this.innerOptions = [];
+        }
       }
     }
   },
   methods: {
-    emitInput(e) {
-      const t = this.last ? e[e.length - 1] : e;
-      this.$emit("input", t);
+    emitInput(val) {
+      const v = this.last ? val[val.length - 1] : val;
+      this.$emit("input", v);
     }
   }
-}, n = {};
-var b = /* @__PURE__ */ f(
-  _,
-  h,
-  y,
-  !1,
-  S,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function S(e) {
-  for (let t in n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const g = /* @__PURE__ */ function() {
-  return b.exports;
+const FormCascader = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  g as default
+  FormCascader as default
 };

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

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

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

@@ -1 +1,51 @@
-.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;
+}