@web-utils/component 2.7.35 → 2.7.37

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

@@ -0,0 +1,203 @@
+var u = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var n = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, l = (e, t) => {
+  for (var r in t || (t = {}))
+    p.call(t, r) && n(e, r, t[r]);
+  if (i)
+    for (var r of i(t))
+      h.call(t, r) && n(e, r, t[r]);
+  return e;
+};
+import { f as c } from "../../chunks/form-input-mixin.e3b4c68c.mjs";
+import { f } from "../../chunks/form-pick-mixin.61ad06b2.mjs";
+import { d as m, n as d } from "../../chunks/index.9b7a65d1.mjs";
+import b from "element-ui/lib/checkbox-group";
+import { n as y } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var _ = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._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" : ""],
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [r("ElCheckboxGroup", e._g(e._b({
+          attrs: {
+            disabled: e.inputDisabled,
+            value: e.computeVal,
+            placeholder: e.computePlaceholder
+          },
+          on: {
+            input: e.emitInput
+          }
+        }, "ElCheckboxGroup", e.inputProps, !1), e.listeners), e._l(e.innerOptions, function(o) {
+          return r("ElCheckbox", {
+            key: o[e.valueKey],
+            attrs: {
+              label: o[e.valueKey]
+            }
+          }, [e._v(" " + e._s(o[e.labelKey]) + " ")]);
+        }), 1), e.computeVal.includes(e.otherVal) ? r("FormInput", {
+          staticClass: "form-checkbox-group-other",
+          style: e.otherLabel ? {
+            width: e.otherWidth
+          } : {
+            marginBottom: 0,
+            width: e.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
+          },
+          on: {
+            input: function(o) {
+              return e.$emit("update:other", o);
+            }
+          }
+        }) : e._e()];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(o) {
+        var a = o.error;
+        return [e._t("error", null, {
+          error: a
+        })];
+      }
+    }, {
+      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));
+}, v = [];
+const x = Object.keys(b.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), g = {
+  name: "FormCheckboxGroup",
+  mixins: [c, f],
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: [String, Array]
+    },
+    other: {
+      type: String
+    },
+    otherVal: {
+      type: String
+    },
+    otherProp: {
+      type: String
+    },
+    otherPlaceholder: {
+      type: String
+    },
+    otherLabel: {
+      type: String
+    },
+    otherWidth: {
+      type: String,
+      default: "200px"
+    },
+    gender: Boolean,
+    confirm: Boolean,
+    labelProp: {
+      type: String,
+      default: "name"
+    },
+    valueProp: {
+      type: String,
+      default: "code"
+    },
+    split: Boolean,
+    classic: Boolean,
+    fillRow: Boolean,
+    ellipsis: Boolean
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    labelKey() {
+      return this.classic ? "label" : this.labelProp;
+    },
+    valueKey() {
+      return this.classic ? "value" : this.valueProp;
+    },
+    inputProps() {
+      return m(l(l({}, d(this.$attrs)), this.$props), x);
+    },
+    innerOptions() {
+      return this.gender ? [
+        {
+          [this.labelKey]: "男",
+          [this.valueKey]: "男"
+        },
+        {
+          [this.labelKey]: "女",
+          [this.valueKey]: "女"
+        }
+      ] : this.confirm ? [
+        {
+          [this.labelKey]: "是",
+          [this.valueKey]: "是"
+        },
+        {
+          [this.labelKey]: "否",
+          [this.valueKey]: "否"
+        }
+      ] : this.options;
+    },
+    computeVal() {
+      return this.split ? this.value ? this.value.split(",") : [] : this.value || [];
+    }
+  },
+  methods: {
+    emitInput(e) {
+      this.split ? this.$emit("input", e.join(",")) : this.$emit("input", e);
+    }
+  }
+}, s = {};
+var k = /* @__PURE__ */ y(
+  g,
+  _,
+  v,
+  !1,
+  P,
+  null,
+  null,
+  null
+);
+function P(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const I = /* @__PURE__ */ function() {
+  return k.exports;
+}();
+export {
+  I 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.mjs

@@ -0,0 +1,191 @@
+var p = Object.defineProperty, h = Object.defineProperties;
+var d = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var s = (e, t, r) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, i = (e, t) => {
+  for (var r in t || (t = {}))
+    f.call(t, r) && s(e, r, t[r]);
+  if (a)
+    for (var r of a(t))
+      c.call(t, r) && s(e, r, t[r]);
+  return e;
+}, o = (e, t) => h(e, d(t));
+import { f as y } from "../../chunks/form-input-mixin.e3b4c68c.mjs";
+import { f as g } from "../../chunks/form-pick-mixin.61ad06b2.mjs";
+import { toDate as l } from "@web-utils/integrations/dayjs";
+import { d as _, n as k } from "../../chunks/index.9b7a65d1.mjs";
+import { n as v } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = 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 [r("ElDatePicker", e._g(e._b({
+          staticStyle: {
+            width: "100%"
+          },
+          attrs: {
+            "picker-options": e.pickerOption,
+            value: e.innerVal,
+            size: "mini",
+            placeholder: e.computePlaceholder,
+            type: e.type,
+            disabled: e.inputDisabled
+          },
+          on: {
+            input: e.emitInput
+          }
+        }, "ElDatePicker", e.inputProps, !1), e.listeners)), e.$slots.warn ? r("div", {
+          staticClass: "el-form-item__warn"
+        }, [e._t("warn")], 2) : e._e()];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(u) {
+        var n = u.error;
+        return [e.$scopedSlots.error && e.$scopedSlots.error(n) ? r("div", {
+          staticClass: "el-form-item__error"
+        }, [e._t("error", function() {
+          return [e._v(" " + e._s(n) + " ")];
+        }, {
+          error: n
+        })], 2) : e._e()];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, P = [];
+const S = ["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)), D = {
+  name: "FormDatePicker",
+  mixins: [y, g],
+  props: {
+    format: {
+      type: String
+    },
+    valueFormat: {
+      type: String
+    },
+    rangeSeparator: {
+      type: String
+    },
+    startPlaceholder: {
+      type: String
+    },
+    endPlaceholder: {
+      type: String
+    },
+    start: {
+      type: String
+    },
+    end: {
+      type: String
+    },
+    year: Boolean,
+    month: Boolean,
+    dates: Boolean,
+    week: Boolean,
+    dateTime: Boolean,
+    dateTimeRange: Boolean,
+    dateRange: Boolean,
+    monthRange: Boolean,
+    miniDate: {
+      type: String
+    },
+    maxDate: {
+      type: String
+    },
+    pickerOptions: {
+      type: Object
+    },
+    split: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    mini() {
+      if (this.miniDate) {
+        const e = l(this.miniDate);
+        return e.setDate(e.getDate() - 1), e;
+      } else
+        return null;
+    },
+    max() {
+      return this.maxDate ? l(this.maxDate) : null;
+    },
+    pickerOption() {
+      return i({
+        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 e = [];
+        return e.push(this.start || ""), e.push(this.end || ""), e;
+      } else
+        return this.value;
+    },
+    fat() {
+      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 _(o(i(i({}, k(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 || "结束日期"
+      }), S);
+    },
+    range() {
+      return this.dateTimeRange || this.dateRange || this.monthRange;
+    },
+    type() {
+      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(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);
+    }
+  }
+}, m = {};
+var b = /* @__PURE__ */ v(
+  D,
+  x,
+  P,
+  !1,
+  T,
+  null,
+  null,
+  null
+);
+function T(e) {
+  for (let t in m)
+    this[t] = m[t];
+}
+const I = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  I as default
+};

package/dist/components/form-group/index.mjs

@@ -0,0 +1,122 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return e.display ? t("div", {
+    class: ["avue-group", {
+      "avue-group--header": !e.isHeader,
+      "avue-group__arrow": !e.arrow
+    }]
+  }, [e._t("tabs"), t("ElCollapse", {
+    attrs: {
+      value: e.text
+    },
+    on: {
+      change: e.handleChange
+    },
+    model: {
+      value: e.activeName,
+      callback: function(l) {
+        e.activeName = l;
+      },
+      expression: "activeName"
+    }
+  }, [t("ElCollapseItem", {
+    attrs: {
+      name: 1,
+      disabled: !e.arrow
+    }
+  }, [e.$slots.header && e.header ? t("div", {
+    staticClass: "avue-group__header",
+    attrs: {
+      slot: "title"
+    },
+    slot: "title"
+  }, [e._t("header")], 2) : (e.label || e.icon) && e.header ? t("div", {
+    staticClass: "avue-group__header",
+    attrs: {
+      slot: "title"
+    },
+    slot: "title"
+  }, [e.icon ? t("i", {
+    class: [e.icon, "avue-group__icon"]
+  }) : e._e(), e.label ? t("h1", {
+    staticClass: "avue-group__title"
+  }, [e._v(" " + e._s(e.label) + " ")]) : e._e()]) : e._e(), e._t("default")], 2)], 1)], 2) : e._e();
+}, n = [];
+const i = {
+  name: "FormGroup",
+  props: {
+    arrow: {
+      type: Boolean,
+      default: !0
+    },
+    collapse: {
+      type: Boolean,
+      default: !0
+    },
+    header: {
+      type: Boolean,
+      default: !0
+    },
+    icon: {
+      type: String
+    },
+    display: {
+      type: Boolean,
+      default: !0
+    },
+    card: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      activeName: ""
+    };
+  },
+  computed: {
+    text() {
+      return this.collapse ? 1 : 0;
+    },
+    isHeader() {
+      return this.$slots.header && this.header || (this.label || this.icon) && this.header;
+    }
+  },
+  watch: {
+    text(e) {
+      this.activeName = [e];
+    }
+  },
+  created() {
+    this.activeName = [this.text];
+  },
+  methods: {
+    handleChange(e) {
+      this.$emit("change", e);
+    }
+  }
+}, r = {};
+var u = /* @__PURE__ */ o(
+  i,
+  s,
+  n,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let a in r)
+    this[a] = r[a];
+}
+const d = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  d as default
+};

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

@@ -1,76 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-group {
-  width: 100%;
-}
-.avue-group .el-collapse, .avue-group .el-collapse-item__wrap {
-  border-color: #fff;
-}
-.avue-group .el-collapse-item__header {
-  height: inherit;
-  border: none;
-  border-bottom: 1px solid #eee;
-  margin-bottom: 20px;
-}
-.avue-group .el-collapse-item__content, .avue-group .van-collapse-item__content {
-  padding-bottom: 0;
-}
-.avue-group .van-collapse-item__content {
-  padding: 0 2px;
-}
-.avue-group--arrow .el-collapse-item__arrow, .avue-group--arrow .van-icon-arrow {
-  display: none;
-}
-.avue-group .van-hairline--top-bottom::after, .avue-group .van-hairline-unset--top-bottom::after {
-  display: none;
-}
-.avue-group .van-collapse-item__title {
-  padding: 0 10px;
-  display: flex;
-  align-items: center;
-}
-.avue-group .van-collapse-item__title::after {
-  left: 0 !important;
-}
-.avue-group--none {
-  margin: 0 !important;
-  border: none !important;
-}
-.avue-group--header .el-collapse-item__header, .avue-group--header .van-collapse-item__title {
-  display: none;
-}
-.avue-group--collapse .el-collapse-item__arrow, .avue-group--collapse .el-collapse-item__header {
-  display: flex !important;
-}
-.avue-group__item {
-  margin-bottom: 10px;
-  background-color: #fff;
-  border-bottom: 1px solid #eee;
-  border-radius: 5px;
-  box-sizing: border-box;
-}
-.avue-group__item:last-child {
-  border-bottom: none;
-}
-.avue-group__header {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  height: 50px;
-  line-height: 50px;
-  box-sizing: border-box;
-}
-.avue-group__icon {
-  margin-right: 8px;
-  font-size: 20px;
-  color: rgba(0, 0, 0, 0.85);
-}
-.avue-group__title {
-  font-size: 16px;
-  font-weight: 500;
-  color: rgba(0, 0, 0, 0.85);
-}
+.avue-group{width:100%}.avue-group .el-collapse,.avue-group .el-collapse-item__wrap{border-color:#fff}.avue-group .el-collapse-item__header{height:inherit;border:none;border-bottom:1px solid #eee;margin-bottom:20px}.avue-group .el-collapse-item__content,.avue-group .van-collapse-item__content{padding-bottom:0}.avue-group .van-collapse-item__content{padding:0 2px}.avue-group--arrow .el-collapse-item__arrow,.avue-group--arrow .van-icon-arrow{display:none}.avue-group .van-hairline--top-bottom:after,.avue-group .van-hairline-unset--top-bottom:after{display:none}.avue-group .van-collapse-item__title{padding:0 10px;display:flex;align-items:center}.avue-group .van-collapse-item__title:after{left:0!important}.avue-group--none{margin:0!important;border:none!important}.avue-group--header .el-collapse-item__header,.avue-group--header .van-collapse-item__title{display:none}.avue-group--collapse .el-collapse-item__arrow,.avue-group--collapse .el-collapse-item__header{display:flex!important}.avue-group__item{margin-bottom:10px;background-color:#fff;border-bottom:1px solid #eee;border-radius:5px;box-sizing:border-box}.avue-group__item:last-child{border-bottom:none}.avue-group__header{width:100%;display:flex;align-items:center;height:50px;line-height:50px;box-sizing:border-box}.avue-group__icon{margin-right:8px;font-size:20px;color:#000000d9}.avue-group__title{font-size:16px;font-weight:500;color:#000000d9}