@web-utils/component 4.0.16 → 5.0.0-beta02

package/form-checkbox-group/index.mjs

@@ -1,114 +1,162 @@
-import { f as l } from "../chunks/form-input.CvFdwlEV.mjs";
-import { f as i } from "../chunks/form-pick.BFTIVn_i.mjs";
-import { d as s } from "../chunks/dictionary.DqiP9x2m.mjs";
-import { c as n, d as a, n as u } from "../chunks/index.B2TRddqf.mjs";
-import p from "element-ui/lib/checkbox-group";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const c = n(p).filter((t) => !["value", "placeholder", "disabled"].includes(t)), m = {
-  name: "FormCheckboxGroup",
-  mixins: [l, i, s],
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    value: [String, Array],
-    other: [String],
-    otherVal: [String],
-    otherProp: String,
-    otherPlaceholder: String,
-    otherLabel: String,
-    otherWidth: {
-      type: String,
-      default: "200px"
-    },
-    otherMaxLength: String,
-    gender: Boolean,
-    confirm: Boolean,
-    labelProp: {
-      type: String,
-      default: "name"
-    },
-    valueProp: {
-      type: String,
-      default: "code"
-    },
-    split: Boolean,
-    sort: 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 a({ ...u(this.$attrs), ...this.$props }, c);
-    },
-    innerOptions() {
-      return this.dictType ? this.dictItems : 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(t) {
-      this.split ? this.sort ? this.$emit("input", t.sort().join(",")) : this.$emit("input", t.join(",")) : this.sort ? this.$emit("input", t.sort()) : this.$emit("input", t);
-    }
-  }
-};
-var f = function() {
-  var e = this, o = e._self._c;
-  return o("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 [o("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(r) {
-      return o("ElCheckbox", { key: r[e.valueKey], attrs: { label: r[e.valueKey] } }, [e._v(" " + e._s(r[e.labelKey]) + " ")]);
-    }), 1), e.computeVal.includes(e.otherVal) ? o("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, disabled: e.inputDisabled, required: !!e.otherProp, placeholder: e.otherPlaceholder, label: e.otherLabel, "show-message": !!e.otherLabel, value: e.other, "max-length": e.otherMaxLength }, on: { input: (r) => e.$emit("update:other", r) } }) : e._e()];
-  }, proxy: !0 }, { key: "error", fn: function({ error: r }) {
-    return [e._t("error", null, { error: r })];
-  } }, { 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));
-}, d = [], b = /* @__PURE__ */ h(
-  m,
-  f,
-  d,
-  !1,
-  null,
-  null
-);
-const P = b.exports;
-export {
-  P as default
+import "../chunks/install.yLcn5MLL.mjs";
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { n as t } from "../chunks/checkbox.C_9WZ8gc.mjs";
+import { d as n, n as r, u as i } from "../chunks/util.Ce4MHRmD.mjs";
+import { t as a } from "../chunks/form-input.BUGZmAI1.mjs";
+import { t as o } from "../chunks/form-pick.DT5kumy4.mjs";
+import { t as s } from "../chunks/dictionary.BRhZD-WH.mjs";
+import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createTextVNode as f, createVNode as p, mergeProps as m, normalizeStyle as h, openBlock as g, renderList as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toHandlers as x, withCtx as S } from "vue";
+//#region src/components/form/FormCheckboxGroup.vue
+var C = i(t).filter((e) => ![
+	"value",
+	"placeholder",
+	"disabled"
+].includes(e)), w = {
+	name: "FormCheckboxGroup",
+	mixins: [
+		a,
+		o,
+		s
+	],
+	props: {
+		options: {
+			type: Array,
+			default: () => []
+		},
+		value: [String, Array],
+		other: [String],
+		otherVal: [String],
+		otherProp: String,
+		otherPlaceholder: String,
+		otherLabel: String,
+		otherWidth: {
+			type: String,
+			default: "200px"
+		},
+		otherMaxLength: String,
+		gender: Boolean,
+		confirm: Boolean,
+		labelProp: {
+			type: String,
+			default: "name"
+		},
+		valueProp: {
+			type: String,
+			default: "code"
+		},
+		split: Boolean,
+		sort: 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 r({
+				...n(this.$attrs),
+				...this.$props
+			}, C);
+		},
+		innerOptions() {
+			return this.dictType ? this.dictItems : 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.sort ? this.$emit("input", e.sort().join(",")) : this.$emit("input", e.join(",")) : this.sort ? this.$emit("input", e.sort()) : this.$emit("input", e);
+	} }
 };
+function T(e, t, n, r, i, a) {
+	let o = y("ElCheckbox"), s = y("ElCheckboxGroup"), C = y("FormInput"), w = y("FormItem");
+	return g(), l(w, m(e.formItemProps, {
+		class: [
+			"form-checkbox-group",
+			{ "form-checkbox-group-row": n.fillRow },
+			n.ellipsis ? "form-checkbox-group-row-ellipsis" : n.fillRow ? "form-checkbox-group-row-break-word" : ""
+		],
+		rules: e.computeRules,
+		disabled: e.inputDisabled
+	}), {
+		default: S(() => [p(s, m({
+			disabled: e.inputDisabled,
+			value: a.computeVal,
+			placeholder: e.computePlaceholder
+		}, a.inputProps, x(e.listeners), { onInput: a.emitInput }), {
+			default: S(() => [(g(!0), d(c, null, _(a.innerOptions, (e) => (g(), l(o, {
+				key: e[a.valueKey],
+				label: e[a.valueKey]
+			}, {
+				default: S(() => [f(b(e[a.labelKey]), 1)]),
+				_: 2
+			}, 1032, ["label"]))), 128))]),
+			_: 1
+		}, 16, [
+			"disabled",
+			"value",
+			"placeholder",
+			"onInput"
+		]), a.computeVal.includes(n.otherVal) ? (g(), l(C, {
+			key: 0,
+			"wrap-col": !1,
+			class: "form-checkbox-group-other",
+			"label-width": "0",
+			prop: n.otherProp,
+			disabled: e.inputDisabled,
+			required: !!n.otherProp,
+			placeholder: n.otherPlaceholder,
+			label: n.otherLabel,
+			"show-message": !!n.otherLabel,
+			style: h(n.otherLabel ? { width: n.otherWidth } : {
+				marginBottom: 0,
+				width: n.otherWidth
+			}),
+			value: n.other,
+			"max-length": n.otherMaxLength,
+			onInput: t[0] || (t[0] = (t) => e.$emit("update:other", t))
+		}, null, 8, [
+			"prop",
+			"disabled",
+			"required",
+			"placeholder",
+			"label",
+			"show-message",
+			"style",
+			"value",
+			"max-length"
+		])) : u("v-if", !0)]),
+		error: S(({ error: t }) => [v(e.$slots, "error", { error: t })]),
+		label: S(() => [v(e.$slots, "label")]),
+		below: S(() => [v(e.$slots, "below")]),
+		_: 3
+	}, 16, [
+		"class",
+		"rules",
+		"disabled"
+	]);
+}
+var E = /* @__PURE__ */ e(w, [["render", T]]);
+//#endregion
+export { E as default };

package/form-date-picker/index.mjs

@@ -1,143 +1,156 @@
-import { f as n } from "../chunks/form-input.CvFdwlEV.mjs";
-import { f as s } from "../chunks/form-pick.BFTIVn_i.mjs";
-import { toDate as a } from "@web-utils/integrations/dayjs";
-import { d as l, n as o } from "../chunks/index.B2TRddqf.mjs";
-import { n as m } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const u = [
-  "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((t) => !["value", "placeholder", "disabled", "type", "pickerOptions"].includes(t)), d = {
-  name: "FormDatePicker",
-  mixins: [n, s],
-  props: {
-    format: String,
-    valueFormat: String,
-    rangeSeparator: String,
-    startPlaceholder: String,
-    endPlaceholder: String,
-    start: String,
-    end: String,
-    year: Boolean,
-    month: Boolean,
-    dates: Boolean,
-    week: Boolean,
-    dateTime: Boolean,
-    dateTimeRange: Boolean,
-    dateRange: Boolean,
-    monthRange: Boolean,
-    miniDate: String,
-    maxDate: String,
-    pickerOptions: Object,
-    split: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  computed: {
-    prefix() {
-      return "请选择";
-    },
-    mini() {
-      if (this.miniDate) {
-        const t = a(this.miniDate);
-        return t.setDate(t.getDate() - 1), t;
-      } else
-        return null;
-    },
-    max() {
-      return this.maxDate ? a(this.maxDate) : null;
-    },
-    pickerOption() {
-      return {
-        disabledDate: (t) => {
-          if (!this.mini && !this.max)
-            return !1;
-          const e = t.getTime();
-          return this.mini && !this.max ? e <= this.mini.getTime() : !this.mini && this.max ? e >= this.max.getTime() : this.mini && this.max ? !(e > this.mini.getTime() && e <= this.max.getTime()) : !1;
-        },
-        ...this.pickerOptions
-      };
-    },
-    innerVal() {
-      if (this.range && this.split) {
-        const t = [];
-        return t.push(this.start || ""), t.push(this.end || ""), t;
-      } 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:ss" : "yyyy-MM-dd";
-    },
-    inputProps() {
-      return l(
-        {
-          ...o(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 || "结束日期"
-        },
-        u
-      );
-    },
-    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(t) {
-      this.range && this.split ? t ? (this.$emit("update:start", t[0]), this.$emit("update:end", t[1])) : (this.$emit("update:start", null), this.$emit("update:end", null)) : this.$emit("input", t);
-    }
-  }
-};
-var h = function() {
-  var e = this, r = e._self._c;
-  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, 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({ error: i }) {
-    return [e.$scopedSlots.error && e.$scopedSlots.error(i) ? r("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 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, p = [], f = /* @__PURE__ */ m(
-  d,
-  h,
-  p,
-  !1,
-  null,
-  null
-);
-const P = f.exports;
-export {
-  P as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { d as t, n } from "../chunks/util.Ce4MHRmD.mjs";
+import { t as r } from "../chunks/form-input.BUGZmAI1.mjs";
+import { t as i } from "../chunks/form-pick.DT5kumy4.mjs";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, mergeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toDisplayString as m, toHandlers as h, withCtx as g } from "vue";
+import { toDate as _ } from "@web-utils/integrations/dayjs";
+//#region src/components/form/FormDatePicker.vue
+var v = [
+	"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)), y = {
+	name: "FormDatePicker",
+	mixins: [r, i],
+	props: {
+		format: String,
+		valueFormat: String,
+		rangeSeparator: String,
+		startPlaceholder: String,
+		endPlaceholder: String,
+		start: String,
+		end: String,
+		year: Boolean,
+		month: Boolean,
+		dates: Boolean,
+		week: Boolean,
+		dateTime: Boolean,
+		dateTimeRange: Boolean,
+		dateRange: Boolean,
+		monthRange: Boolean,
+		miniDate: String,
+		maxDate: String,
+		pickerOptions: Object,
+		split: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	computed: {
+		prefix() {
+			return "请选择";
+		},
+		mini() {
+			if (this.miniDate) {
+				let e = _(this.miniDate);
+				return e.setDate(e.getDate() - 1), e;
+			} else return null;
+		},
+		max() {
+			return this.maxDate ? _(this.maxDate) : null;
+		},
+		pickerOption() {
+			return {
+				disabledDate: (e) => {
+					if (!this.mini && !this.max) return !1;
+					let 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) {
+				let 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:ss" : "yyyy-MM-dd";
+		},
+		inputProps() {
+			return n({
+				...t(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 || "结束日期"
+			}, v);
+		},
+		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);
+	} }
+}, b = {
+	key: 0,
+	class: "el-form-item__warn"
+}, x = {
+	key: 0,
+	class: "el-form-item__error"
 };
+function S(e, t, n, r, i, _) {
+	let v = p("ElDatePicker"), y = p("FormItem");
+	return d(), a(y, u(e.formItemProps, {
+		rules: e.computeRules,
+		disabled: e.inputDisabled
+	}), {
+		default: g(() => [l(v, u({
+			style: { width: "100%" },
+			"picker-options": _.pickerOption,
+			value: _.innerVal
+		}, _.inputProps, {
+			placeholder: e.computePlaceholder,
+			type: _.type,
+			disabled: e.inputDisabled
+		}, h(e.listeners), { onInput: _.emitInput }), null, 16, [
+			"picker-options",
+			"value",
+			"placeholder",
+			"type",
+			"disabled",
+			"onInput"
+		]), e.$slots.warn ? (d(), s("div", b, [f(e.$slots, "warn")])) : o("v-if", !0)]),
+		error: g(({ error: t }) => [e.$slots.error && e.$slots.error(t) ? (d(), s("div", x, [f(e.$slots, "error", { error: t }, () => [c(m(t), 1)])])) : o("v-if", !0)]),
+		label: g(() => [f(e.$slots, "label")]),
+		_: 3
+	}, 16, ["rules", "disabled"]);
+}
+var C = /* @__PURE__ */ e(y, [["render", S]]);
+//#endregion
+export { C as default };