@web-utils/component 2.7.19 → 2.7.21

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

@@ -1,28 +1,28 @@
-import { c as r } from "../../chunks/confirmable-mixin.3a79781b.js";
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const i = {
+import { c as confirmableMixin } from "../../chunks/confirmable-mixin.7112b769.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const __vue2_script$1 = {
   name: "Confirmable",
-  mixins: [r]
+  mixins: [confirmableMixin]
 };
-let s, _;
-const t = {};
-var a = /* @__PURE__ */ o(
-  i,
-  s,
-  _,
+let __vue2_render$1, __vue2_staticRenderFns$1;
+const __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1,
+  __vue2_render$1,
+  __vue2_staticRenderFns$1,
   !1,
-  u,
+  __vue2_injectStyles$1,
   null,
   null,
   null
 );
-function u(l) {
-  for (let n in t)
-    this[n] = t[n];
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1)
+    this[o] = __cssModules$1[o];
 }
-const c = /* @__PURE__ */ function() {
-  return a.exports;
-}(), p = {
+const Confirmable = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}(), props = {
   props: {
     type: {
       type: String,
@@ -52,29 +52,29 @@ const c = /* @__PURE__ */ function() {
       default: "AwesomeButton"
     }
   }
-}, f = {
+}, __vue2_script = {
   name: "FormButton",
-  mixins: [c, p]
+  mixins: [Confirmable, props]
 };
-let m, d;
-const e = {};
-var v = /* @__PURE__ */ o(
-  f,
-  m,
-  d,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  g,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function g(l) {
-  for (let n in e)
-    this[n] = e[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const B = /* @__PURE__ */ function() {
-  return v.exports;
+const FormButton = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  B as default
+  FormButton as default
 };

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

@@ -1,68 +1,69 @@
-import { f as s } from "../../chunks/form-input-mixin.ff5b58f7.js";
-import { f as a } from "../../chunks/form-pick-mixin.61ad06b2.js";
-import { Cascader as i } from "element-ui";
-import { i as u, n as p } from "../../chunks/utils.fa73de78.js";
-import { findTreeChildren as c, cloneDeep as d, setParent as m } from "@web-utils/core";
-import { n as f } from "../../chunks/vueComponentNormalizer.71e2aa87.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/form-input-mixin.df413ca8.js";
+import { f as formPickMixin } from "../../chunks/form-pick-mixin.c4e0391b.js";
+import { Cascader } from "element-ui";
+import { d as filterProperties, n as normalizeProps } from "../../chunks/utils.d7f73f8d.js";
+import { findTreeChildren, setParent } from "@web-utils/core";
+import { cloneDeep } from "@web-utils/integrations/lodash";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _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%"
             },
             attrs: {
-              value: e.inputVal,
-              "show-all-levels": e.showAllLevels,
-              separator: e.separator,
-              readonly: e.readonly,
-              options: e.innerOptions,
+              value: _vm.inputVal,
+              "show-all-levels": _vm.showAllLevels,
+              separator: _vm.separator,
+              readonly: _vm.readonly,
+              options: _vm.innerOptions,
               props: {
-                checkStrictly: e.checkStrictly,
-                label: e.labelKey,
-                value: e.valueKey
+                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, !1), _vm.listeners))];
         })];
       },
       proxy: !0
     }, {
       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
         })];
       }
     }, {
       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)), _ = {
+  }, "FormItem", _vm.formItemProps, !1));
+}, staticRenderFns = [];
+const autoBindKeys = Object.keys(Cascader.props).filter((key) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(key)), __vue2_script = {
   name: "FormCascader",
-  mixins: [s, a],
+  mixins: [formInputMixin, formPickMixin],
   props: {
     value: {
       type: [String, Number]
@@ -100,52 +101,52 @@ 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 = [];
+      for (; 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;
+      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,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  S,
+  __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,89 @@
-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({
+import { f as formInputMixin } from "../../chunks/form-input-mixin.df413ca8.js";
+import { f as formPickMixin } from "../../chunks/form-pick-mixin.c4e0391b.js";
+import { d as filterProperties, n as normalizeProps } from "../../chunks/utils.d7f73f8d.js";
+import { CheckboxGroup } from "element-ui";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _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, !1), _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 ? {
+            width: _vm.otherWidth
           } : {
             marginBottom: 0,
-            width: e.otherWidth
+            width: _vm.otherWidth
           },
           attrs: {
             "wrap-col": !1,
             "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
     }, {
       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
         })];
       }
     }, {
       key: "label",
       fn: function() {
-        return [e._t("label")];
+        return [_vm._t("label")];
       },
       proxy: !0
     }, {
       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 = {
+  }, "FormItem", _vm.formItemProps, !1));
+}, staticRenderFns = [];
+const autoBindKeys = Object.keys(CheckboxGroup.props).filter((key) => !["value", "placeholder", "disabled"].includes(key)), __vue2_script = {
   name: "FormCheckboxGroup",
-  mixins: [n, s],
+  mixins: [formInputMixin, formPickMixin],
   props: {
     options: {
       type: Array,
@@ -137,7 +137,7 @@ 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 ? [
@@ -165,28 +165,28 @@ const m = Object.keys(p.props).filter((e) => !["value", "placeholder", "disabled
     }
   },
   methods: {
-    emitInput(e) {
-      this.split ? this.$emit("input", e.join(",")) : this.$emit("input", e);
+    emitInput(val) {
+      this.split ? this.$emit("input", val.join(",")) : this.$emit("input", val);
     }
   }
-}, l = {};
-var b = /* @__PURE__ */ h(
-  d,
-  c,
-  f,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  y,
+  __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,45 @@
-.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;
+}