@web-utils/component 2.7.36 → 2.8.0

package/form-item-group/index.mjs

@@ -0,0 +1,169 @@
+import { isFunction as m } from "@web-utils/core";
+import { n as u } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], c = ["$emit", "validate", "clearValidate"], p = {
+  name: "FormItemGroup",
+  inject: {
+    elForm: {
+      default: {}
+    }
+  },
+  provide() {
+    return {
+      elForm: this.formConfig,
+      formItemGroup: this
+    };
+  },
+  props: {
+    blockTitle: {
+      type: String
+    },
+    active: Boolean,
+    enabled: Boolean,
+    disabled: Boolean,
+    wrapRow: {
+      type: Boolean,
+      default: !0
+    },
+    gutter: {
+      type: Number,
+      default: 20
+    },
+    collapse: Boolean
+  },
+  data() {
+    const e = {};
+    return r.forEach((t) => {
+      e[t] = null;
+    }), {
+      expand: !0,
+      formConfig: e
+    };
+  },
+  computed: {
+    formCfg() {
+      const e = {
+        enabled: this.enabled,
+        forbidden: this.disabled
+      };
+      return r.forEach((t) => {
+        e[t] = this.elForm[t];
+      }), e;
+    }
+  },
+  watch: {
+    collapse: {
+      immediate: !0,
+      handler(e) {
+        this.expand = !e;
+      }
+    },
+    formCfg: {
+      immediate: !0,
+      handler() {
+        this.formConfig.disabled = this.isDisabled(), r.forEach((e) => {
+          var t;
+          e !== "disabled" && (c.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
+        });
+      }
+    }
+  },
+  mounted() {
+    this.dispatch("FormView", "FormView.addGroup", [this]);
+  },
+  beforeDestroy() {
+    this.dispatch("FormView", "FormView.removeGroup", [this]);
+  },
+  methods: {
+    isDisabled() {
+      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
+    },
+    dispatch(e, t, s) {
+      let i = this.$parent || this.$root, o = i.$options.name;
+      for (; i && (!o || o !== e); )
+        i = i.$parent, i && (o = i.$options.name);
+      i && i.$emit.apply(i, [t].concat(s));
+    },
+    renderDefault() {
+      const e = this.$createElement, {
+        wrapRow: t,
+        gutter: s,
+        formConfig: i,
+        $scopedSlots: o
+      } = this;
+      return m(o.default) ? t ? e("ElRow", {
+        attrs: {
+          gutter: s
+        },
+        class: "form-item-group-row"
+      }, [o.default({
+        disabled: i.disabled
+      })]) : o.default({
+        disabled: i.disabled
+      }) : e("EmptyView", {
+        attrs: {
+          "font-size": "14px",
+          "empty-tips": "暂无信息"
+        }
+      });
+    },
+    toggle() {
+      this.expand = !this.expand;
+    },
+    open() {
+      this.expand = !0;
+    }
+  },
+  render() {
+    const e = arguments[0], {
+      renderDefault: t,
+      blockTitle: s,
+      active: i,
+      expand: o,
+      toggle: n,
+      $scopedSlots: a,
+      isDisabled: d
+    } = this;
+    return e("div", {
+      class: ["form-item-group", {
+        "default-active": i,
+        "is-disabled": d()
+      }]
+    }, [e("div", {
+      class: "form-item-group-title",
+      on: {
+        click: n
+      }
+    }, [e("span", {
+      class: "flex-item"
+    }, [s, a["title-right"] ? a["title-right"]() : null]), " ", e("i", {
+      class: o ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), e("ElCollapseTransition", [e("div", {
+      directives: [{
+        name: "show",
+        value: o
+      }]
+    }, [t()])])]);
+  }
+};
+let f, h;
+const l = {};
+var b = /* @__PURE__ */ u(
+  p,
+  f,
+  h,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const w = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  w as default
+};

package/form-item-group/style.css

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

package/form-radio-group/index.mjs

@@ -0,0 +1,181 @@
+var u = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var s = (e, t, o) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, n = (e, t) => {
+  for (var o in t || (t = {}))
+    p.call(t, o) && s(e, o, t[o]);
+  if (i)
+    for (var o of i(t))
+      c.call(t, o) && s(e, o, t[o]);
+  return e;
+};
+import { f } from "../chunks/form-input-mixin.124653d9.mjs";
+import { f as h } from "../chunks/form-pick-mixin.61ad06b2.mjs";
+import d from "element-ui/lib/radio-group";
+import { d as y, n as m } from "../chunks/index.57f871af.mjs";
+import { n as _ } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var v = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return o("FormItem", e._b({
+    class: ["form-radio-group", {
+      "form-radio-group-row": e.fillRow,
+      inline: e.inline
+    }, e.ellipsis ? "form-radio-group-row-ellipsis" : "form-radio-group-row-break-word"],
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [o("ElRadioGroup", e._g(e._b({
+          class: {
+            "over-flow": e.overFlow
+          },
+          attrs: {
+            value: e.value,
+            disabled: e.inputDisabled,
+            placeholder: e.computePlaceholder
+          },
+          on: {
+            input: function(r) {
+              return e.$emit("input", r);
+            }
+          }
+        }, "ElRadioGroup", e.inputProps, !1), e.listeners), [e.allowCancel ? e._l(e.innerOptions, function(r) {
+          return o("ElRadio", {
+            key: r[e.valueKey],
+            attrs: {
+              label: r[e.valueKey]
+            },
+            nativeOn: {
+              click: function(l) {
+                return l.preventDefault(), l.stopPropagation(), e.toggle(r);
+              }
+            }
+          }, [e._v(" " + e._s(r[e.labelKey]) + " ")]);
+        }) : e._l(e.innerOptions, function(r) {
+          return o("ElRadio", {
+            key: r[e.valueKey],
+            attrs: {
+              label: r[e.valueKey]
+            }
+          }, [e._v(" " + e._s(r[e.labelKey]) + " ")]);
+        })], 2), e._t("append")];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(r) {
+        var l = r.error;
+        return [e._t("error", null, {
+          error: l
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }, {
+      key: "below",
+      fn: function() {
+        return [e._t("below")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, b = [];
+const g = Object.keys(d.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), K = {
+  name: "FormRadioGroup",
+  mixins: [f, h],
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    gender: Boolean,
+    overFlow: Boolean,
+    confirm: Boolean,
+    labelProp: {
+      type: String,
+      default: "name"
+    },
+    valueProp: {
+      type: String,
+      default: "code"
+    },
+    english: Boolean,
+    chinese: Boolean,
+    typing: Boolean,
+    classic: Boolean,
+    fillRow: Boolean,
+    ellipsis: Boolean,
+    inline: Boolean,
+    allowCancel: Boolean
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    inputProps() {
+      return y(n(n({}, m(this.$attrs)), this.$props), g);
+    },
+    labelKey() {
+      return this.classic ? "label" : this.labelProp;
+    },
+    valueKey() {
+      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;
+    }
+  },
+  methods: {
+    emitInput(e) {
+      this.$emit("input", e);
+    },
+    toggle(e) {
+      this.value === e[this.valueKey] ? this.emitInput(null) : this.emitInput(e[this.valueKey]);
+    }
+  }
+}, a = {};
+var w = /* @__PURE__ */ _(
+  K,
+  v,
+  b,
+  !1,
+  B,
+  null,
+  null,
+  null
+);
+function B(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const G = /* @__PURE__ */ function() {
+  return w.exports;
+}();
+export {
+  G as default
+};

package/form-radio-group/style.css

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

package/form-select/index.mjs

@@ -0,0 +1,165 @@
+var u = Object.defineProperty;
+var s = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var o = (e, r, t) => r in e ? u(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, n = (e, r) => {
+  for (var t in r || (r = {}))
+    p.call(r, t) && o(e, t, r[t]);
+  if (s)
+    for (var t of s(r))
+      c.call(r, t) && o(e, t, r[t]);
+  return e;
+};
+import { f as h } from "../chunks/form-input-mixin.124653d9.mjs";
+import { f } from "../chunks/form-pick-mixin.61ad06b2.mjs";
+import m from "element-ui/lib/select";
+import { d as y, n as _ } from "../chunks/index.57f871af.mjs";
+import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var v = function() {
+  var e = this, r = e.$createElement, t = e._self._c || r;
+  return t("FormItem", e._b({
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [t("ElSelect", e._g(e._b({
+          attrs: {
+            value: e.value,
+            filterable: e.filterable,
+            placeholder: e.inputDisabled ? "--" : e.computePlaceholder,
+            disabled: e.inputDisabled
+          },
+          on: {
+            input: e.emitInput
+          }
+        }, "ElSelect", e.inputProps, !1), e.listeners), e._l(e.innerOptions, function(l) {
+          return t("ElOption", {
+            key: l[e.valueKey],
+            attrs: {
+              value: l[e.valueKey],
+              label: l[e.labelKey]
+            }
+          });
+        }), 1), e.$slots.warn ? t("div", {
+          staticClass: "el-form-item__warn"
+        }, [e._t("warn")], 2) : e._e()];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(l) {
+        var i = l.error;
+        return [e.$scopedSlots.error && e.$scopedSlots.error(i) ? t("div", {
+          staticClass: "el-form-item__error"
+        }, [e._t("error", function() {
+          return [e._v(" " + e._s(i) + " ")];
+        }, {
+          error: i
+        })], 2) : e._e()];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }, {
+      key: "below",
+      fn: function() {
+        return [e._t("below")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, b = [];
+const K = Object.keys(m.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), g = {
+  name: "FormSelect",
+  mixins: [h, f],
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    gender: Boolean,
+    all: Boolean,
+    filterable: Boolean,
+    confirm: Boolean,
+    value: {
+      type: [String, Number]
+    },
+    labelProp: {
+      type: String,
+      default: "name"
+    },
+    valueProp: {
+      type: String,
+      default: "code"
+    },
+    english: Boolean,
+    chinese: Boolean,
+    typing: Boolean,
+    classic: Boolean
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    labelKey() {
+      return this.classic ? "label" : this.labelProp;
+    },
+    valueKey() {
+      return this.classic ? "value" : this.valueProp;
+    },
+    inputProps() {
+      return y(n(n({}, _(this.$attrs)), this.$props), K);
+    },
+    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.all ? [{ [this.valueKey]: "", [this.labelKey]: "全部" }, ...this.options] : this.options;
+    }
+  },
+  methods: {
+    emitInput(e) {
+      this.$emit("input", e);
+    }
+  }
+}, a = {};
+var S = /* @__PURE__ */ d(
+  g,
+  v,
+  b,
+  !1,
+  P,
+  null,
+  null,
+  null
+);
+function P(e) {
+  for (let r in a)
+    this[r] = a[r];
+}
+const F = /* @__PURE__ */ function() {
+  return S.exports;
+}();
+export {
+  F as default
+};

package/form-switch/index.mjs

@@ -0,0 +1,108 @@
+var a = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var l = (e, t, r) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, n = (e, t) => {
+  for (var r in t || (t = {}))
+    p.call(t, r) && l(e, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      c.call(t, r) && l(e, r, t[r]);
+  return e;
+};
+import { f as m } from "../chunks/form-input-mixin.124653d9.mjs";
+import d from "element-ui/lib/switch";
+import { d as f, n as _ } from "../chunks/index.57f871af.mjs";
+import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var h = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._b({
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [e._t("default", function() {
+          return [r("ElSwitch", e._g(e._b({
+            class: {
+              "is-readonly": e.readonly
+            },
+            attrs: {
+              "active-value": "Y",
+              "inactive-value": "N",
+              value: e.value,
+              readonly: e.readonly,
+              disabled: e.inputDisabled,
+              placeholder: e.computePlaceholder
+            },
+            on: {
+              input: e.emitInput
+            },
+            scopedSlots: e._u([{
+              key: "append",
+              fn: function() {
+                return [e._t("append")];
+              },
+              proxy: !0
+            }], null, !0)
+          }, "ElSwitch", e.inputProps, !1), e.listeners))];
+        })];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(u) {
+        var i = u.error;
+        return [e._t("error", null, {
+          error: i
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, y = [];
+const b = Object.keys(d.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), S = {
+  name: "FormSwitch",
+  mixins: [m],
+  props: {
+    value: {
+      type: [String, Number, Boolean]
+    }
+  },
+  computed: {
+    inputProps() {
+      return f(n(n({}, _(this.$attrs)), this.$props), b);
+    }
+  },
+  methods: {
+    emitInput(e) {
+      this.$emit("input", e);
+    }
+  }
+}, s = {};
+var x = /* @__PURE__ */ v(
+  S,
+  h,
+  y,
+  !1,
+  I,
+  null,
+  null,
+  null
+);
+function I(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const E = /* @__PURE__ */ function() {
+  return x.exports;
+}();
+export {
+  E as default
+};