@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta40

package/chunks/ChmDDqoZ2.mjs

@@ -0,0 +1,478 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createStaticVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, toDisplayString as d, withModifiers as f } from "vue";
+import p from "dayjs";
+//#region src/components/material-year-calendar/MonthCalendar.vue
+var m = {
+	name: "MonthCalendar",
+	props: {
+		activeDates: {
+			type: Array,
+			default: () => []
+		},
+		month: {
+			type: [String, Number],
+			default: () => p().month() + 1
+		},
+		year: {
+			type: [String, Number],
+			default: () => p().year()
+		},
+		lang: {
+			type: String,
+			default: "en"
+		},
+		activeClass: {
+			type: String,
+			default: () => ""
+		},
+		prefixClass: {
+			type: String,
+			default: () => "calendar--active"
+		}
+	},
+	emits: ["toggleDate", "monthClickEvent"],
+	data() {
+		return {
+			showDays: [],
+			isMouseDown: !1
+		};
+	},
+	computed: {
+		weekTitleFontSizeAdjustLang() {
+			return {
+				tw: "16px",
+				en: "14px",
+				pt: "14px",
+				de: "14px",
+				es: "14px",
+				pl: "12px",
+				ru: "14px"
+			}[this.lang];
+		},
+		monthTitle() {
+			return {
+				tw: [
+					"一月",
+					"二月",
+					"三月",
+					"四月",
+					"五月",
+					"六月",
+					"七月",
+					"八月",
+					"九月",
+					"十月",
+					"十一月",
+					"十二月"
+				],
+				en: [
+					"January",
+					"February",
+					"March",
+					"April",
+					"May",
+					"June",
+					"July",
+					"August",
+					"September",
+					"October",
+					"November",
+					"December"
+				],
+				pt: [
+					"Janeiro",
+					"Fevereiro",
+					"Março",
+					"Abril",
+					"Maio",
+					"Junho",
+					"Julho",
+					"Agosto",
+					"Setembro",
+					"Outubro",
+					"Novembro",
+					"Dezembro"
+				],
+				de: [
+					"Januar",
+					"Februar",
+					"März",
+					"April",
+					"Mai",
+					"Juni",
+					"Juli",
+					"August",
+					"September",
+					"Oktober",
+					"November",
+					"Dezember"
+				],
+				es: [
+					"Enero",
+					"Febrero",
+					"Marzo",
+					"Abril",
+					"Mayo",
+					"Junio",
+					"Julio",
+					"Agosto",
+					"Septiembre",
+					"Octubre",
+					"Noviembre",
+					"Diciembre"
+				],
+				pl: [
+					"Styczeń",
+					"Luty",
+					"Marzec",
+					"Kwiecień",
+					"Maj",
+					"Czerwiec",
+					"Lipiec",
+					"Sierpień",
+					"Wrzesień",
+					"Październik",
+					"Listopad",
+					"Grudzień"
+				],
+				ru: [
+					"Январь",
+					"Февраль",
+					"Март",
+					"Апрель",
+					"Май",
+					"Июнь",
+					"Июль",
+					"Август",
+					"Сентябрь",
+					"Октябрь",
+					"Ноябрь",
+					"Декабрь"
+				]
+			}[this.lang][this.month - 1];
+		}
+	},
+	watch: {
+		year(e) {
+			this.initCalendar();
+		},
+		activeDates(e, t) {
+			this.initCalendar();
+		}
+	},
+	created() {
+		this.initCalendar();
+	},
+	methods: {
+		initCalendar() {
+			if (!this.year || !this.month) return [];
+			let e = p().set("date", 1).set("year", this.year).set("month", this.month - 1), t = e.startOf("month").day() - 1;
+			t < 0 && (t += 7);
+			let n = e.endOf("month").date(), r = t >= 5 ? 6 : 5, i = 0;
+			this.showDays = Array.from(Array(r * 7).keys()).map((e) => ({
+				value: t <= e ? i++ % n + 1 : "",
+				active: !1,
+				isOtherMonth: t > e || i > n
+			})), this.activeDates.forEach((e) => {
+				let n;
+				typeof e == "string" ? n = {
+					date: e,
+					className: this.activeClass
+				} : typeof e == "object" && (n = e);
+				let r = p(n.date);
+				if (r.year() !== this.year) return;
+				let i = r.date(), a = Math.floor(i / 7), o = i % 7 - 1 + t + 7 * a;
+				this.showDays[o].active = !0, this.showDays[o].className = n.className;
+			});
+		},
+		showDayTitle(e) {
+			return {
+				tw: [
+					"一",
+					"二",
+					"三",
+					"四",
+					"五",
+					"六",
+					"日"
+				],
+				en: [
+					"Mo",
+					"Tu",
+					"We",
+					"Th",
+					"Fr",
+					"Sa",
+					"Su"
+				],
+				pt: [
+					"2ª",
+					"3ª",
+					"4ª",
+					"5ª",
+					"6ª",
+					"Sa",
+					"Do"
+				],
+				de: [
+					"Mo",
+					"Di",
+					"Mi",
+					"Do",
+					"Fr",
+					"Sa",
+					"So"
+				],
+				es: [
+					"Lu",
+					"Ma",
+					"Mi",
+					"Ju",
+					"Vi",
+					"Sá",
+					"Do"
+				],
+				pl: [
+					"Pon",
+					"Wt",
+					"Śr",
+					"Czw",
+					"Pt",
+					"Sob",
+					"Nie"
+				],
+				ru: [
+					"Пн",
+					"Вт",
+					"Ср",
+					"Чт",
+					"Пт",
+					"Сб",
+					"Вс"
+				]
+			}[this.lang][e];
+		},
+		toggleDay(e) {
+			e.isOtherMonth || this.$emit("toggleDate", {
+				month: this.month,
+				date: e.value,
+				selected: !e.active,
+				className: this.activeClass
+			});
+		},
+		dragDay(e) {
+			this.isMouseDown && this.toggleDay(e);
+		},
+		mouseDown(e) {
+			this.toggleDay(e), this.isMouseDown = !0;
+		},
+		mouseUp() {
+			this.isMouseDown = !1;
+		},
+		classList(e) {
+			let t = {
+				"calendar__day--otherMonth": e.isOtherMonth,
+				[this.prefixClass]: e.active
+			};
+			return e.active && (t[e.className] = !0), t;
+		},
+		monthClickEvent(e) {
+			let t = {
+				monthTitle: this.monthTitle,
+				month: this.month,
+				year: e
+			};
+			this.$emit("monthClickEvent", t);
+		}
+	}
+}, h = { class: "c-wrapper" }, g = { class: "calendar__body" }, _ = ["onMouseover", "onMousedown"];
+function v(e, n, a, o, p, m) {
+	return l(), r("div", h, [i("div", {
+		class: "calendar",
+		onMouseup: n[1] || (n[1] = (...e) => m.mouseUp && m.mouseUp(...e)),
+		onMouseleave: n[2] || (n[2] = f((...e) => m.mouseUp && m.mouseUp(...e), ["stop"]))
+	}, [i("div", {
+		class: "calendar__title",
+		onClick: n[0] || (n[0] = (e) => m.monthClickEvent(a.year))
+	}, d(m.monthTitle), 1), i("div", g, [(l(), r(t, null, u(7, (e, t) => i("div", {
+		key: `title${e}`,
+		class: "calendar__day day__weektitle",
+		style: c({ fontSize: m.weekTitleFontSizeAdjustLang })
+	}, d(m.showDayTitle(t)), 5)), 64)), (l(!0), r(t, null, u(p.showDays, (e, t) => (l(), r("div", {
+		key: `day${t}`,
+		class: "calendar__day"
+	}, [i("div", {
+		class: s(["day", m.classList(e)]),
+		onMouseover: (t) => m.dragDay(e),
+		onMousedown: (t) => m.mouseDown(e)
+	}, d(e.value), 43, _)]))), 128))])], 32)]);
+}
+var y = /* @__PURE__ */ e(m, [["render", v], ["__scopeId", "data-v-2a7f150d"]]), b = {
+	name: "YearCalendar",
+	components: { MonthCalendar: y },
+	props: {
+		showYearSelector: {
+			type: Boolean,
+			default: () => !0
+		},
+		activeDates: {
+			type: Array,
+			default: () => [],
+			validator: (e) => {
+				let t = !0, n = null;
+				return e.forEach((e) => {
+					typeof e == "string" ? n = e : typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "date") && (n = e.date), /^\d{4}\-\d{1,2}\-\d{1,2}$/.test(n) || (t = !1);
+					let r = n.split("-"), i = parseInt(r[2], 10), a = parseInt(r[1], 10), o = parseInt(r[0], 10);
+					(o < 1e3 || o > 3e3 || a === 0 || a > 12) && (t = !1);
+					let s = [
+						31,
+						28,
+						31,
+						30,
+						31,
+						30,
+						31,
+						31,
+						30,
+						31,
+						30,
+						31
+					];
+					(o % 400 == 0 || o % 100 != 0 && o % 4 == 0) && (s[1] = 29), i > 0 && i <= s[a - 1] || (t = !1);
+				}), t;
+			}
+		},
+		modelValue: {
+			type: [String, Number],
+			default: p().year()
+		},
+		lang: {
+			type: String,
+			default: "en"
+		},
+		activeClass: {
+			type: String,
+			default: () => ""
+		},
+		prefixClass: {
+			type: String,
+			default: () => "calendar--active"
+		},
+		hideWeekend: {
+			type: Boolean,
+			default: !1
+		},
+		hideSunday: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"toggleDate",
+		"monthClick",
+		"update:activeDates",
+		"update:modelValue"
+	],
+	data() {
+		return { isUsingString: !0 };
+	},
+	computed: {
+		month() {
+			let e = {};
+			return this.activeDates.forEach((t) => {
+				let n;
+				if (n = typeof t == "string" ? {
+					date: t,
+					className: this.activeClass
+				} : {
+					date: t.date,
+					className: t.className || ""
+				}, p(n.date).year() !== parseInt(this.modelValue)) return;
+				let r = (p(n.date).month() + 1).toString();
+				e[r] || (e[r] = []), e[r].push(n);
+			}), e;
+		},
+		activeYear: {
+			get() {
+				return parseInt(this.modelValue);
+			},
+			set(e) {
+				this.$emit("update:modelValue", e);
+			}
+		}
+	},
+	created() {
+		this.isUsingString = this.activeDates.length && typeof this.activeDates[0] == "string";
+	},
+	methods: {
+		changeYear(e) {
+			this.activeYear = e + this.activeYear - 3;
+		},
+		toggleDate(e) {
+			let t = p().set("year", this.modelValue).set("month", e.month - 1).set("date", e.date).format("YYYY-MM-DD");
+			this.$emit("toggleDate", {
+				date: t,
+				selected: e.selected,
+				className: e.className
+			});
+			let n, r;
+			if (this.isUsingString) n = this.activeDates.indexOf(t), r = this.modifiedActiveDates(n, t);
+			else {
+				let i = {
+					date: t,
+					className: e.className
+				};
+				n = this.activeDates.indexOf(this.activeDates.find((e) => e.date === t)), r = this.modifiedActiveDates(n, i);
+			}
+			this.$emit("update:activeDates", r);
+		},
+		modifiedActiveDates(e, t) {
+			let n = [...this.activeDates];
+			return e === -1 ? n.push(t) : n.splice(e, 1), n;
+		},
+		monthClick(e) {
+			this.$emit("monthClick", e);
+		}
+	}
+}, x = { class: "vue-calendar__container" }, S = {
+	key: 0,
+	class: "container__year"
+}, C = ["onClick"];
+function w(e, c, f, p, m, h) {
+	let g = y;
+	return l(), r("div", x, [f.showYearSelector ? (l(), r("div", S, [
+		n(" <span><button @click=\"addYear(-1)\">back</button></span> "),
+		(l(), r(t, null, u(5, (e) => i("span", {
+			key: e,
+			class: "year__chooser",
+			onClick: (t) => h.changeYear(e)
+		}, d(e + h.activeYear - 3), 9, C)), 64)),
+		n(" <span><button @click=\"addYear(1)\">next</button></span> ")
+	])) : n("v-if", !0), i("div", { class: s(["container__months", {
+		"hide-weekend": f.hideWeekend,
+		"hide-sunday": f.hideSunday
+	}]) }, [(l(), r(t, null, u(12, (e) => o(g, {
+		key: `month-${e}`,
+		class: "container__month",
+		year: h.activeYear,
+		month: e,
+		"active-dates": h.month[e],
+		"active-class": f.activeClass,
+		lang: f.lang,
+		"prefix-class": f.prefixClass,
+		onToggleDate: h.toggleDate,
+		onMonthClickEvent: h.monthClick
+	}, null, 8, [
+		"year",
+		"month",
+		"active-dates",
+		"active-class",
+		"lang",
+		"prefix-class",
+		"onToggleDate",
+		"onMonthClickEvent"
+	])), 64)), c[0] || (c[0] = a("<div class=\"container__month p-0\" data-v-5cc87b9a></div><div class=\"container__month p-0\" data-v-5cc87b9a></div><div class=\"container__month p-0\" data-v-5cc87b9a></div><div class=\"container__month p-0\" data-v-5cc87b9a></div><div class=\"container__month p-0\" data-v-5cc87b9a></div>", 5))], 2)]);
+}
+var T = /* @__PURE__ */ e(b, [["render", w], ["__scopeId", "data-v-5cc87b9a"]]);
+//#endregion
+export { T as t };

package/chunks/Cj59E77g.mjs

@@ -0,0 +1,230 @@
+import { a as e, d as t, f as n } from "./cmuHpsX6.mjs";
+import { formHolderContextKey as r, formItemConfigProviderContextKey as i, formItemGroupContextKey as a } from "../constants/index.mjs";
+import { isArray as o, isPlainObject as s, isString as c } from "@web-utils/core";
+import { computed as l, createVNode as u, h as d, inject as f, mergeProps as p, nextTick as m, unref as h, useTemplateRef as g } from "vue";
+import { ElCol as _, rowContextKey as v } from "element-plus";
+import { ElCol as y, ElFormItem as b, ElTooltip as x } from "element-plus/es";
+//#region src/components/form/props/form-item.ts
+var S = {
+	prop: [String, Array],
+	label: String,
+	labelPosition: {
+		type: String,
+		default: ""
+	},
+	labelWidth: [String, Number],
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	rules: Object,
+	error: String,
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	for: String,
+	validateStatus: String,
+	messagePrefix: String,
+	message: String,
+	wrapCol: {
+		type: Boolean,
+		default: !0
+	},
+	fixedSpan: Number,
+	block: Boolean,
+	unwrap: Boolean,
+	half: Boolean,
+	formItemClass: String,
+	hideLabel: Boolean,
+	tips: { type: String },
+	tipsAfterLabel: {
+		type: Boolean,
+		default: !1
+	},
+	labelColspan: [Number, String],
+	inputColspan: [Number, String],
+	labelRowspan: [Number, String],
+	inputRowspan: [Number, String]
+}, C = {
+	required: !0,
+	rules: !0,
+	messagePrefix: !0,
+	message: !0,
+	wrapCol: !0,
+	fixedSpan: !0,
+	block: !0,
+	unwrap: !0,
+	half: !0,
+	formItemClass: !0,
+	hideLabel: !0,
+	tips: !0,
+	tipsAfterLabel: !0,
+	labelColspan: !0,
+	inputColspan: !0,
+	labelRowspan: !0,
+	inputRowspan: !0
+}, w = (e) => S[e] !== void 0 && C[e] !== !0, T = (t, { emit: n, events: r, predicate: i }) => l(() => e(t, i, r, n)), E = {
+	span: {
+		type: Number,
+		default: 12
+	},
+	offset: {
+		type: Number,
+		default: 0
+	},
+	push: {
+		type: Number,
+		default: 0
+	},
+	pull: {
+		type: Number,
+		default: 0
+	},
+	xs: { type: [Number, Object] },
+	sm: { type: [Number, Object] },
+	md: { type: [Number, Object] },
+	lg: { type: [Number, Object] },
+	xl: { type: [Number, Object] },
+	tag: {
+		type: String,
+		default: "div"
+	}
+}, D = { span: !0 }, O = (e) => E[e] !== void 0 && D[e] !== !0, k = (t, { emit: n, events: r, predicate: i }) => l(() => e(t, i, r, n)), A = (e) => {
+	let t = f(r, null);
+	return l(() => e.required === !0 ? !0 : (t == null ? void 0 : t.requiredFieldsMap[e.prop]) === !0);
+}, j = (e, t) => {
+	c(t) ? e.push(t) : o(t) ? e.push(...t) : s(t) && e.push(t);
+}, M = (e, { rules: t, attrs: n, messagePrefix: r, message: i, ...a } = {}) => {
+	let o = A(e);
+	return l(() => {
+		let s = { message: i }, c = h(t);
+		Object.keys({
+			...S,
+			...E
+		}).forEach((t) => {
+			t === "rules" ? e[t] && c ? s[t] = [...e[t], ...c] : e[t] ? s[t] = e[t] : c && (s[t] = c) : t === "messagePrefix" ? s[t] = e.messagePrefix || r : s[t] = e[t];
+		});
+		let l = [];
+		return j(l, h(n == null ? void 0 : n.class)), j(l, h(a == null ? void 0 : a.class)), s.required = o.value, s.class = l, s.style = n == null ? void 0 : n.style, s;
+	});
+}, N = {
+	name: "FormItemX",
+	inheritAttrs: !1,
+	props: {
+		...S,
+		...E
+	},
+	setup(e, { attrs: t, slots: n, expose: a }) {
+		let o = f(v, null), s = f(i, null), c = f(r, null), d = t.embed ? l(() => t.disabled) : F(e), h = T(e, { predicate: w }), _ = k(e, { predicate: O }), S = l(() => (s == null ? void 0 : s.reactive) === !0 && s.block === !1 && e.fixedSpan === void 0 && !e.half), C = A(e), E = g("formItem"), D = l(() => (s == null ? void 0 : s.wrapCol) === !1 ? !1 : !!o && e.wrapCol), j = l(() => c != null && c.tableForm ? "" : s != null && s.block ? "100%" : e.half && D.value ? `calc(50% - ${o.gutter.value / 2}px)` : ""), M = l(() => (s == null ? void 0 : s.block) === !0 || e.block || e.half ? 24 : e.span), N = l(() => {
+			if (d.value) return [];
+			if (C.value) {
+				let t = {
+					required: !0,
+					message: e.message || `${e.messagePrefix || "请输入"}${e.label}`
+				};
+				return e.rules ? [...e.rules, t] : [t];
+			}
+			return e.rules;
+		});
+		return a({
+			clearValidate: async () => {
+				var e;
+				await m(), (e = E.value) == null || e.clearValidate();
+			},
+			validate: async () => {
+				var e;
+				await m(), (e = E.value) == null || e.validate();
+			}
+		}), () => {
+			var r;
+			let i = n.tips || e.tips, a = i ? u(x, {
+				effect: "light",
+				content: e.tips,
+				offset: 4
+			}, {
+				default: () => u("i", { class: "el-icon-info form-item-input-info" }, null),
+				content: n.tips ? n.tips : null
+			}) : null, o = u(b, p(h.value, t, {
+				ref: "formItem",
+				style: { width: j.value },
+				class: [
+					"form-item",
+					e.formItemClass,
+					{
+						"form-item-hide-label": e.hideLabel,
+						"with-tips": !e.tipsAfterLabel && i,
+						required: d.value === !1 && C.value
+					}
+				],
+				rules: N.value
+			}), {
+				...n,
+				default: () => {
+					var t;
+					return [(t = n.default) == null ? void 0 : t.call(n, {
+						disabled: d.value,
+						required: C.value
+					}), i && !e.tipsAfterLabel ? a : null];
+				},
+				label: () => [n.label ? n.label() : e.label, e.tipsAfterLabel ? a : null]
+			}), s = [o, (r = n.below) == null ? void 0 : r.call(n)];
+			return e.unwrap ? s : D.value ? u(y, p(_.value, S.value ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}, { span: M.value }), { default: () => s }) : o;
+		};
+	}
+}, P = "update:modelValue", F = (e) => {
+	let t = f(r, null), n = f(a, null);
+	return l(() => {
+		if (e.disabled !== void 0) return e.disabled;
+		if (t) {
+			if (t.requiredFieldsMap[e.prop] === !0 || t.enabledFieldsMap[e.prop] === !0) return !1;
+			if (t.disabledFieldsMap[e.prop] === !0) return !0;
+		}
+		return (n == null ? void 0 : n.enabled) === !0 ? !1 : (n == null ? void 0 : n.disabled) === !0 ? !0 : (t == null ? void 0 : t.disabled) === !0;
+	});
+}, I = { [P]: null }, L = (e, t) => e(P, t), R = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i }) => e.wrapFormItem ? d(N, {
+	...n.value,
+	embed: !0,
+	disabled: i == null ? void 0 : i.value
+}, {
+	default: () => t,
+	label: r.label,
+	error: r.error,
+	tips: r.tips,
+	below: r.below
+}) : t, z = (r, { emit: i, slots: a, attrs: o, rules: s, events: c, predicate: u, messagePrefix: f = "请输入", removeOn: p = !1, ...m }) => {
+	let h = F(r), g = l(() => h.value ? "" : `${f}${r.label}`), v = M(r, {
+		rules: s,
+		attrs: o,
+		message: g.value,
+		...m
+	}), y = (e) => L(i, e), b = (e) => r.col ? d(_, { span: r.block ? 24 : r.span }, { default: () => e }) : e, x = ({ vNodes: e }) => R(r, {
+		vNodes: b(e),
+		formItemProps: v,
+		slots: a,
+		disabled: h
+	}), S = l(() => e(r, u, c, i)), C = n({ removeOn: p });
+	return {
+		emitInput: y,
+		render: x,
+		placeholder: g,
+		disabled: h,
+		formItemProps: v,
+		autoBind: S,
+		inputProps: t(r, u),
+		listeners: C
+	};
+}, B = (e) => e.icon ? d("i", { class: e.icon }) : null;
+//#endregion
+export { N as a, S as c, z as i, I as n, M as o, R as r, E as s, B as t };