@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/chunks/5itVLmv82.mjs

@@ -0,0 +1,108 @@
+import "./CjjJimnU.mjs";
+import { t as e } from "./CQxz8uUc.mjs";
+import { m as t } from "./D-hj62se2.mjs";
+import { t as n } from "./DLgn1tQG2.mjs";
+import { formHolderContextKey as r, formViewContextKey as i } from "../constants/index.mjs";
+import { allProps as a, predicate as o } from "../props/form.mjs";
+import s from "../form-advice/index.mjs";
+import c from "../form-red-table/index.mjs";
+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 };