@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/chunks/BVAen7xV2.js

@@ -0,0 +1,233 @@
+import { r as e } from "./B1EPd8qV.js";
+import { i as t, n } from "./BykQpC2D.js";
+import { r } from "./BTBp2urE.js";
+import { E as i, l as a, s as o, t as s, u as c } from "./D73tXuJP.js";
+import { n as l } from "./byLw7vSU.js";
+import { _ as u, a as ee, c as d, i as f, n as p, o as m, r as h, t as g, u as _, v } from "./BoOLX_Ey2.js";
+import { t as y } from "./DANCDark2.js";
+import { t as b } from "./CKF4NcjP2.js";
+import { n as x, o as S } from "./Beh1v279.js";
+import { allProps as C, predicate as w } from "../props/time.js";
+import { computed as T, createCommentVNode as te, createElementBlock as ne, createElementVNode as E, createVNode as D, defineComponent as O, inject as k, mergeProps as A, nextTick as re, normalizeClass as j, openBlock as ie, provide as M, ref as N, toDisplayString as P, unref as F } from "vue";
+import { union as I } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/time-picker/src/props/panel-time-range.mjs
+var L = a({
+	..._,
+	parsedValue: { type: c(Array) }
+}), R = /* @__PURE__ */ e(y(), 1), z = ["disabled"], B = /* @__PURE__ */ O({
+	__name: "panel-time-range",
+	props: L,
+	emits: [
+		"pick",
+		"select-range",
+		"set-picker-option"
+	],
+	setup(e, { emit: r }) {
+		let a = e, s = r, c = (e, t) => {
+			let n = [];
+			for (let r = e; r <= t; r++) n.push(r);
+			return n;
+		}, { t: d, lang: m } = l(), g = o("time"), _ = o("picker"), v = k(u), { arrowControl: y, disabledHours: b, disabledMinutes: x, disabledSeconds: S, defaultValue: C } = v.props, w = T(() => [
+			g.be("range-picker", "body"),
+			g.be("panel", "content"),
+			g.is("arrow", y),
+			V.value ? "has-seconds" : ""
+		]), O = T(() => [
+			g.be("range-picker", "body"),
+			g.be("panel", "content"),
+			g.is("arrow", y),
+			V.value ? "has-seconds" : ""
+		]), A = T(() => a.parsedValue[0]), M = T(() => a.parsedValue[1]), L = f(a, {
+			modelValue: T(() => v.props.modelValue),
+			valueOnClear: T(() => v != null && v.emptyValues ? v.emptyValues.valueOnClear.value : null)
+		}), B = () => {
+			let e = L.value;
+			s("pick", e, !1), re(() => {
+				L.value = e;
+			});
+		}, V = T(() => a.format.includes("ss")), H = T(() => a.format.includes("A") ? "A" : a.format.includes("a") ? "a" : ""), U = (e = !1) => {
+			s("pick", [A.value, M.value], e);
+		}, ae = (e) => {
+			W(e.millisecond(0), M.value);
+		}, oe = (e) => {
+			W(A.value, e.millisecond(0));
+		}, se = (e) => {
+			let t = e.map((e) => (0, R.default)(e).locale(m.value)), n = X(t);
+			return t[0].isSame(n[0]) && t[1].isSame(n[1]);
+		}, W = (e, t) => {
+			a.visible && s("pick", [e, t], !0);
+		}, ce = T(() => A.value > M.value), G = N([0, 2]), le = (e, t) => {
+			s("select-range", e, t, "min"), G.value = [e, t];
+		}, K = T(() => V.value ? 11 : 8), ue = (e, t) => {
+			s("select-range", e, t, "max");
+			let n = F(K);
+			G.value = [e + n, t + n];
+		}, de = (e) => {
+			let t = V.value ? [
+				0,
+				3,
+				6,
+				11,
+				14,
+				17
+			] : [
+				0,
+				3,
+				8,
+				11
+			], n = ["hours", "minutes"].concat(V.value ? ["seconds"] : []), r = (t.indexOf(G.value[0]) + e + t.length) % t.length, i = t.length / 2;
+			r < i ? Z.start_emitSelectRange(n[r]) : Z.end_emitSelectRange(n[r - i]);
+		}, fe = (e) => {
+			let r = n(e), { left: i, right: a, up: o, down: s } = t;
+			if ([i, a].includes(r)) {
+				de(r === i ? -1 : 1), e.preventDefault();
+				return;
+			}
+			if ([o, s].includes(r)) {
+				let t = r === o ? -1 : 1;
+				Z[`${G.value[0] < K.value ? "start" : "end"}_scrollDown`](t), e.preventDefault();
+				return;
+			}
+		}, q = (e, t) => {
+			let n = b ? b(e) : [], r = e === "start", i = (t || (r ? M.value : A.value)).hour();
+			return I(n, r ? c(i + 1, 23) : c(0, i - 1));
+		}, J = (e, t, n) => {
+			let r = x ? x(e, t) : [], i = t === "start", a = n || (i ? M.value : A.value);
+			if (e !== a.hour()) return r;
+			let o = a.minute();
+			return I(r, i ? c(o + 1, 59) : c(0, o - 1));
+		}, Y = (e, t, n, r) => {
+			let i = S ? S(e, t, n) : [], a = n === "start", o = r || (a ? M.value : A.value), s = o.hour(), l = o.minute();
+			if (e !== s || t !== l) return i;
+			let u = o.second();
+			return I(i, a ? c(u + 1, 59) : c(0, u - 1));
+		}, X = ([e, t]) => [Q(e, "start", !0, t), Q(t, "end", !1, e)], { getAvailableHours: pe, getAvailableMinutes: me, getAvailableSeconds: he } = h(q, J, Y), { timePickerOptions: Z, getAvailableTime: Q, onSetOption: $ } = ee({
+			getAvailableHours: pe,
+			getAvailableMinutes: me,
+			getAvailableSeconds: he
+		});
+		return s("set-picker-option", ["parseUserInput", (e) => e ? i(e) ? e.map((e) => (0, R.default)(e, a.format).locale(m.value)) : (0, R.default)(e, a.format).locale(m.value) : null]), s("set-picker-option", ["isValidValue", se]), s("set-picker-option", ["handleKeydownInput", fe]), s("set-picker-option", ["getDefaultValue", () => {
+			if (i(C)) return C.map((e) => (0, R.default)(e).locale(m.value));
+			let e = (0, R.default)(C).locale(m.value);
+			return [e, e.add(60, "m")];
+		}]), s("set-picker-option", ["getRangeAvailableTime", X]), s("set-picker-option", ["handleCancel", B]), (e, t) => e.actualVisible ? (ie(), ne("div", {
+			key: 0,
+			class: j([F(g).b("range-picker"), F(_).b("panel")])
+		}, [E("div", { class: j(F(g).be("range-picker", "content")) }, [E("div", { class: j(F(g).be("range-picker", "cell")) }, [E("div", { class: j(F(g).be("range-picker", "header")) }, P(F(d)("el.datepicker.startTime")), 3), E("div", { class: j(w.value) }, [D(p, {
+			ref: "minSpinner",
+			role: "start",
+			"show-seconds": V.value,
+			"am-pm-mode": H.value,
+			"arrow-control": F(y),
+			"spinner-date": A.value,
+			"disabled-hours": q,
+			"disabled-minutes": J,
+			"disabled-seconds": Y,
+			onChange: ae,
+			onSetOption: F($),
+			onSelectRange: le
+		}, null, 8, [
+			"show-seconds",
+			"am-pm-mode",
+			"arrow-control",
+			"spinner-date",
+			"onSetOption"
+		])], 2)], 2), E("div", { class: j(F(g).be("range-picker", "cell")) }, [E("div", { class: j(F(g).be("range-picker", "header")) }, P(F(d)("el.datepicker.endTime")), 3), E("div", { class: j(O.value) }, [D(p, {
+			ref: "maxSpinner",
+			role: "end",
+			"show-seconds": V.value,
+			"am-pm-mode": H.value,
+			"arrow-control": F(y),
+			"spinner-date": M.value,
+			"disabled-hours": q,
+			"disabled-minutes": J,
+			"disabled-seconds": Y,
+			onChange: oe,
+			onSetOption: F($),
+			onSelectRange: ue
+		}, null, 8, [
+			"show-seconds",
+			"am-pm-mode",
+			"arrow-control",
+			"spinner-date",
+			"onSetOption"
+		])], 2)], 2)], 2), E("div", { class: j(F(g).be("panel", "footer")) }, [E("button", {
+			type: "button",
+			class: j([F(g).be("panel", "btn"), "cancel"]),
+			onClick: t[0] || (t[0] = (e) => B())
+		}, P(F(d)("el.datepicker.cancel")), 3), E("button", {
+			type: "button",
+			class: j([F(g).be("panel", "btn"), "confirm"]),
+			disabled: ce.value,
+			onClick: t[1] || (t[1] = (e) => U())
+		}, P(F(d)("el.datepicker.confirm")), 11, z)], 2)], 2)) : te("v-if", !0);
+	}
+}), V = /* @__PURE__ */ e(b(), 1);
+R.default.extend(V.default);
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/time-picker/index.mjs
+var H = s(/* @__PURE__ */ O({
+	name: "ElTimePicker",
+	install: null,
+	props: {
+		...d,
+		isRange: Boolean
+	},
+	emits: [r],
+	setup(e, t) {
+		let n = N(), [i, a] = e.isRange ? ["timerange", B] : ["time", g], o = (e) => t.emit(r, e);
+		return M(v, e.popperOptions), t.expose({
+			focus: () => {
+				var e;
+				(e = n.value) == null || e.focus();
+			},
+			blur: () => {
+				var e;
+				(e = n.value) == null || e.blur();
+			},
+			handleOpen: () => {
+				var e;
+				(e = n.value) == null || e.handleOpen();
+			},
+			handleClose: () => {
+				var e;
+				(e = n.value) == null || e.handleClose();
+			}
+		}), () => D(m, A(e, {
+			ref: n,
+			type: i,
+			format: e.format ?? "HH:mm:ss",
+			"onUpdate:modelValue": o
+		}), { default: (e) => D(a, e, null) });
+	}
+})), U = {
+	name: "FormInputTime",
+	inheritAttrs: !1,
+	props: { ...C },
+	emits: { ...x },
+	setup(e, { emit: t, slots: n, attrs: r }) {
+		let { emitInput: i, render: a, placeholder: o, disabled: s, listeners: c, inputProps: l } = S(e, {
+			emit: t,
+			slots: n,
+			attrs: r,
+			predicate: w
+		}), u = { modifiers: [{
+			name: "arrow",
+			options: { padding: ({ popper: e, reference: t, placement: n }) => e.width / 2 }
+		}] };
+		return () => a({ vNodes: D(H, A(c.value, l.value, {
+			"popper-options": e.popperOptions || u,
+			style: "width: 100%",
+			placement: e.placement || "left",
+			"is-range": e.isRange || e.range,
+			format: e.format,
+			"value-format": e.valueFormat || e.format,
+			modelValue: e.modelValue,
+			disabled: s.value,
+			"onUpdate:modelValue": i,
+			placeholder: o.value
+		}), null) });
+	}
+};
+//#endregion
+export { U as t };

package/chunks/BVQMbnV7.js

@@ -0,0 +1,54 @@
+import { T as e, c as t } from "./fICCbPEl.js";
+import { I as n } from "./BtonI3XP.js";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/utils/dom/scroll.mjs
+var r = (t, r) => {
+	if (!e) return !1;
+	let i = {
+		undefined: "overflow",
+		true: "overflow-y",
+		false: "overflow-x"
+	}[String(r)], a = n(t, i);
+	return [
+		"scroll",
+		"auto",
+		"overlay"
+	].some((e) => a.includes(e));
+}, i = (n, i) => {
+	if (!e) return;
+	let a = n;
+	for (; a;) {
+		if ([
+			window,
+			document,
+			document.documentElement
+		].includes(a)) return window;
+		if (r(a, i)) return a;
+		a = t(a) ? a.host : a.parentNode;
+	}
+	return a;
+}, a, o = (t) => {
+	var n;
+	if (!e) return 0;
+	if (a !== void 0) return a;
+	let r = document.createElement("div");
+	r.className = `${t}-scrollbar__wrap`, r.style.visibility = "hidden", r.style.width = "100px", r.style.position = "absolute", r.style.top = "-9999px", document.body.appendChild(r);
+	let i = r.offsetWidth;
+	r.style.overflow = "scroll";
+	let o = document.createElement("div");
+	o.style.width = "100%", r.appendChild(o);
+	let s = o.offsetWidth;
+	return (n = r.parentNode) == null || n.removeChild(r), a = i - s, a;
+};
+function s(t, n) {
+	if (!e) return;
+	if (!n) {
+		t.scrollTop = 0;
+		return;
+	}
+	let r = [], i = n.offsetParent;
+	for (; i !== null && t !== i && t.contains(i);) r.push(i), i = i.offsetParent;
+	let a = n.offsetTop + r.reduce((e, t) => e + t.offsetTop, 0), o = a + n.offsetHeight, s = t.scrollTop, c = s + t.clientHeight;
+	a < s ? t.scrollTop = a : o > c && (t.scrollTop = o - t.clientHeight);
+}
+//#endregion
+export { i as n, s as r, o as t };

package/chunks/BWTWKgRC2.js

@@ -0,0 +1,108 @@
+import "./B1EPd8qV.js";
+import { t as e } from "./DgbDv9To.js";
+import { m as t } from "./DiB3ANPI2.js";
+import { t as n } from "./Bmzc6Sbs2.js";
+import { formHolderContextKey as r, formViewContextKey as i } from "../constants/index.js";
+import { allProps as a, predicate as o } from "../props/form.js";
+import s from "../form-advice/index.js";
+import c from "../form-red-table/index.js";
+import { computed as l, createVNode as u, inject as d, mergeProps as f, nextTick as p, provide as m, reactive as h, toRef as g, useTemplateRef as _ } from "vue";
+import { animate as v } from "@web-utils/core";
+//#endregion
+//#region src/components/form/FormHolder.vue
+var y = {
+	name: "FormHolder",
+	inheritAttrs: !1,
+	props: { ...a },
+	emits: {},
+	setup(a, { slots: y, expose: b, attrs: x }) {
+		let { autoBindProps: S, listeners: C } = t(a, { predicate: o }), w = d(i, null), T = _("form"), E = l(() => a.notTableForm === void 0 ? (w == null ? void 0 : w.tableForm) === void 0 ? !1 : w == null ? void 0 : w.tableForm : !a.notTableForm), D = l(() => E.value ? !1 : a.showMessage), O = l(() => {
+			let e = {};
+			return a.disabledFields && a.disabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), k = l(() => {
+			let e = {};
+			return a.enabledFields && a.enabledFields.length && a.enabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), A = l(() => {
+			let e = {};
+			return a.requiredFields && a.requiredFields.length && a.requiredFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), j = l(() => a.disabled === !0 ? !0 : a.disabled), M = g(() => a.enabledFields), N = g(() => a.requiredFields), P = g(() => a.disabledFields), F = async () => {
+			await p();
+			let e = T.value.$el.querySelector(".el-form-item.is-error");
+			e && e.scrollIntoView({
+				block: "center",
+				inline: "center",
+				behavior: "smooth"
+			});
+		}, I = h({
+			tableForm: E,
+			disabled: j,
+			enabledFields: M,
+			requiredFields: N,
+			enabledFieldsMap: k,
+			disabledFieldsMap: O,
+			requiredFieldsMap: A,
+			disabledFields: P,
+			scrollIntoRequiredField: F,
+			formRef: T,
+			validate: async () => {
+				try {
+					return await T.value.validate();
+				} catch {
+					throw await F(), T.value.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content > :first-child").forEach((e) => {
+						v(e, "breathe-animation");
+					}), Error("表单验证不通过!");
+				}
+			},
+			validateField: (e) => T.value.validateField(e),
+			resetFields: (e) => T.value.resetFields(e),
+			scrollToField: (e) => T.value.scrollToField(e),
+			clearValidate: (e) => T.value.clearValidate(e),
+			getField: () => T.value.getField(),
+			setInitialValues: (e) => T.value.setInitialValues(e),
+			getFields: () => T.value.fields
+		});
+		return m(r, I), b(I), () => u(e, f(C.value, S.value, x, {
+			ref: "form",
+			class: [
+				"form-holder",
+				"clear-fix",
+				{ "red-form": E }
+			],
+			"show-message": D.value
+		}), { default: () => {
+			if (E.value) {
+				var e, t, r;
+				return [
+					(e = y.top) == null ? void 0 : e.call(y),
+					u(c, {
+						class: { "hide-error-message": E.value },
+						columns: a.columns,
+						"col-count": a.colCount
+					}, { default: () => {
+						var e;
+						return [(e = y.default) == null ? void 0 : e.call(y), a.showAdvice ? u(s, {
+							"label-colspan": a.commentLabelColspan,
+							"value-colspan": a.commentValueColspan
+						}, null) : null];
+					} }),
+					(t = y.bottom) == null ? void 0 : t.call(y),
+					u("div", { class: "red-form-footer" }, [(r = y.footer) == null ? void 0 : r.call(y)])
+				];
+			} else {
+				var i;
+				return a.wrapRow ? u(n, null, { default: () => {
+					var e;
+					return [(e = y.default) == null ? void 0 : e.call(y)];
+				} }) : (i = y.default) == null ? void 0 : i.call(y);
+			}
+		} });
+	}
+};
+//#endregion
+export { y as t };