@web-utils/form-ui 1.0.0-beta19 → 1.0.0-beta20

package/chunks/CNtf2MHr.mjs

@@ -1,106 +0,0 @@
-import { formItemGroupContextKey as e } from "../constants.mjs";
-import t from "../empty-view/index.mjs";
-import { ElRow as n } from "element-plus/es";
-import { Fragment as r, computed as i, createTextVNode as a, createVNode as o, h as s, inject as c, isVNode as l, onBeforeUnmount as u, onMounted as d, provide as f, reactive as p, ref as m, toRef as h, vShow as g, watchEffect as _, withDirectives as v } from "vue";
-import { ElCol as y, ElCollapseTransition as b } from "element-plus";
-//#region src/components/form/FormItemGroup.vue?vue&type=script&lang.jsx
-function x(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
-}
-//#endregion
-//#region src/components/form/FormItemGroup.vue
-var S = {
-	name: "FormItemGroup",
-	props: {
-		blockTitle: String,
-		size: String,
-		tips: String,
-		active: Boolean,
-		enabled: {
-			type: Boolean,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			default: void 0
-		},
-		tag: {
-			type: String,
-			default: "ElCol"
-		},
-		span: {
-			type: Number,
-			default: 24
-		},
-		block: {
-			type: Boolean,
-			default: !0
-		},
-		wrapRow: {
-			type: Boolean,
-			default: !0
-		},
-		gutter: {
-			type: Number,
-			default: 20
-		},
-		collapse: Boolean,
-		showTitle: {
-			type: Boolean,
-			default: !0
-		},
-		notDispatch: Boolean
-	},
-	setup(l, { expose: S, slots: C }) {
-		let w = c("formView", null), T = m(!0), E = h(() => l.enabled), D = h(() => l.disabled), O = i(() => l.enabled === !0 ? !1 : l.disabled === !0), k = () => T.value = !T.value, A = p({
-			disabled: D,
-			enabled: E,
-			isDisabled: O,
-			size: h(() => l.size)
-		});
-		return _(() => {
-			T.value = !l.collapse;
-		}), f(e, A), d(() => {
-			if (!l.notDispatch) {
-				var e;
-				w == null || (e = w.addGroup) == null || e.call(w, this);
-			}
-		}), u(() => {
-			if (!l.notDispatch) {
-				var e;
-				w == null || (e = w.removeGroup) == null || e.call(w, this);
-			}
-		}), S(A), () => {
-			let e = () => {
-				var e;
-				return o(r, null, [v(o("div", {
-					class: "form-item-group-title",
-					onClick: k
-				}, [o("span", {
-					class: "flex-item",
-					style: "flex: 1"
-				}, [
-					C.title ? C.title() : l.blockTitle,
-					C.tips || l.tips ? o("span", { style: "color: #ff0000; font-size: 14px" }, [
-						a("("),
-						C.tips ? C.tips() : l.tips,
-						a(")")
-					]) : null,
-					(e = C["title-right"]) == null ? void 0 : e.call(C)
-				]), o("i", { class: T.value ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)]), [[g, l.showTitle]]), o(b, null, { default: () => {
-					let e;
-					return C.default ? l.wrapRow ? v(o(n, { gutter: l.gutter }, x(e = C.default()) ? e : { default: () => [e] }), [[g, T.value]]) : v(o("div", null, [C.default()]), [[g, T.value]]) : v(o(t, {
-						"font-size": "14px",
-						"empty-tips": "暂无信息"
-					}, null), [[g, T.value]]);
-				} })]);
-			}, i = { class: ["form-item-group", {
-				"default-active": l.active,
-				"is-disabled": O.value
-			}] };
-			return l.tag !== "div" && (i.span = l.block ? 24 : l.span), s(l.tag === "div" ? "div" : y, i, e);
-		};
-	}
-};
-//#endregion
-export { S as t };

package/chunks/DdDv8RSI.mjs

@@ -1,92 +0,0 @@
-import e from "../form-cell/index.mjs";
-import { ElTooltip as t } from "element-plus/es";
-import { Comment as n, Fragment as r, Text as i, createVNode as a, inject as o, isVNode as s } from "vue";
-import { camelize as c, isDef as l, isString as u } from "@web-utils/core";
-//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
-function d(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
-}
-var f = (e) => {
-	let t = Object.keys({});
-	for (let n in e) t[c(n)] = e[n];
-	return t;
-}, p = (e, { columnSize: o }) => {
-	if (!e || !e.length) return null;
-	e = e.filter((e) => e.type !== n);
-	let s = [], c = e.length === 1;
-	for (let n = 0; n < e.length; n++) {
-		let v = e[n], { name: y } = v.type;
-		if (v.type === i) s.push({
-			tag: y,
-			type: "text",
-			content: v,
-			colspan: c ? o : 0
-		});
-		else if (v.type === r) s.push(...p(v.children, { columnSize: o }));
-		else if (u(v.type) && v.type === "td") s.push({
-			tag: v.type,
-			type: "td",
-			content: v
-		});
-		else if (y === "FormCell") s.push({
-			tag: y,
-			type: "FormCell",
-			content: v
-		});
-		else if (typeof v.type == "object") {
-			var d, m;
-			let { label: e, hideLabel: n, labelColspan: r, inputColspan: i, labelRowspan: u, inputRowspan: p, tipsAfterLabel: b, tips: x } = f(v.props);
-			if (!l(n)) {
-				var h, g, _;
-				let n = (h = v.children) == null ? void 0 : h.tips, i = n || x ? a(t, {
-					effect: "light",
-					content: x,
-					offset: 4
-				}, {
-					default: () => a("i", { class: "el-icon-info form-item-input-info" }, null),
-					content: n || null
-				}) : null;
-				s.push({
-					tag: y,
-					type: "label",
-					colspan: r,
-					rowspan: u,
-					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || e, b === "" ? i : null]
-				});
-			}
-			let S;
-			S = c && l(n) ? o : l(i) ? i : c ? o - 1 : 0, s.push({
-				tag: y,
-				type: "input",
-				colspan: S,
-				rowspan: p,
-				content: [v, (d = v.children) == null || (m = d.below) == null ? void 0 : m.call(d)]
-			});
-		} else console.error("未知节点");
-	}
-	return s;
-}, m = {
-	name: "FormRow",
-	props: {
-		isLabel: Boolean,
-		alignCenter: Boolean
-	},
-	setup(t, { slots: n }) {
-		let r = o("setColumnSize", null), i = o("columnSize", null);
-		return () => {
-			var o;
-			let s = (o = n.default) == null ? void 0 : o.call(n), c = [];
-			return c.push(...p(s, { columnSize: (i == null ? void 0 : i.value) ?? 0 })), ((i == null ? void 0 : i.value) ?? 0) < c.length && (r == null || r(c.length)), a("tr", null, [c.map(({ tag: n, type: r, colspan: i, rowspan: o, content: s }) => n === "td" || r === "FormCell" ? s : r === "text" ? a(e, {
-				isLabel: t.isLabel,
-				alignCenter: t.alignCenter,
-				colspan: i
-			}, d(s) ? s : { default: () => [s] }) : a("td", {
-				class: r,
-				colspan: i,
-				rowspan: o
-			}, [s]))]);
-		};
-	}
-};
-//#endregion
-export { m as t };

package/chunks/nJ1-P9vh.mjs

@@ -1,189 +0,0 @@
-import { formHolderContextKey as e } from "../constants.mjs";
-import { n as t } from "./Bh_CMUlo.mjs";
-import n from "../form-advice/index.mjs";
-import r from "../form-red-table/index.mjs";
-import { ElForm as i, ElRow as a } from "element-plus/es";
-import { computed as o, createVNode as s, inject as c, mergeProps as l, nextTick as u, provide as d, reactive as f, toRef as p, useTemplateRef as m } from "vue";
-import { animate as h } from "@web-utils/core";
-//#region src/components/form/props/form.js
-var g = {
-	model: Object,
-	rules: Object,
-	inline: {
-		type: Boolean,
-		default: !1
-	},
-	labelPosition: {
-		type: String,
-		default: "right"
-	},
-	labelWidth: {
-		type: [String, Number],
-		default: "auto"
-	},
-	labelSuffix: {
-		type: String,
-		default: ""
-	},
-	hideRequiredAsterisk: {
-		type: Boolean,
-		default: !1
-	},
-	requireAsteriskPosition: {
-		type: String,
-		default: "left"
-	},
-	showMessage: {
-		type: Boolean,
-		default: !0
-	},
-	inlineMessage: {
-		type: Boolean,
-		default: !1
-	},
-	statusIcon: {
-		type: Boolean,
-		default: !1
-	},
-	validateOnRuleChange: {
-		type: Boolean,
-		default: !0
-	},
-	size: String,
-	disabled: {
-		type: Boolean,
-		default: void 0
-	},
-	scrollToError: {
-		type: Boolean,
-		default: !1
-	},
-	scrollIntoViewOptions: [Object, Boolean],
-	requiredFields: Array,
-	disabledFields: Array,
-	enabledFields: Array,
-	showAdvice: {
-		type: Boolean,
-		default: !0
-	},
-	columns: [Array, Object],
-	colCount: Number,
-	notTableForm: {
-		type: Boolean,
-		default: void 0
-	},
-	commentValueColspan: Number,
-	commentLabelColspan: Number,
-	wrapRow: {
-		type: Boolean,
-		default: !0
-	}
-}, _ = {
-	showMessage: !0,
-	required: !0,
-	requiredFields: !0,
-	disabledFields: !0,
-	enabledFields: !0,
-	showAdvice: !0,
-	columns: !0,
-	colCount: !0,
-	notTableForm: !0,
-	commentValueColspan: !0,
-	commentLabelColspan: !0,
-	wrapRow: !0
-}, v = ["validate"], y = (e) => _[e] !== !0, b = {
-	name: "FormHolder",
-	inheritAttrs: !1,
-	props: { ...g },
-	emits: { validate: null },
-	setup(g, { slots: _, expose: b, emit: x }) {
-		let S = t(g, {
-			emit: x,
-			events: v,
-			predicate: y
-		}), C = c("formView", null), w = m("form"), T = o(() => g.notTableForm === void 0 ? (C == null ? void 0 : C.tableForm) === void 0 ? !1 : C == null ? void 0 : C.tableForm : !g.notTableForm), E = o(() => T.value ? !1 : g.showMessage), D = o(() => {
-			let e = {};
-			return g.disabledFields && g.disabledFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), O = o(() => {
-			let e = {};
-			return g.enabledFields && g.enabledFields.length && g.enabledFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), k = o(() => {
-			let e = {};
-			return g.requiredFields && g.requiredFields.length && g.requiredFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), A = o(() => g.disabled === !0 ? !0 : g.disabled), j = p(() => g.enabledFields), M = p(() => g.requiredFields), N = p(() => g.disabledFields), P = async () => {
-			await u();
-			let e = w.value.$el.querySelector(".el-form-item.is-error");
-			e && e.scrollIntoView({
-				block: "center",
-				inline: "center",
-				behavior: "smooth"
-			});
-		}, F = f({
-			tableForm: T,
-			disabled: A,
-			enabledFields: j,
-			requiredFields: M,
-			enabledFieldsMap: O,
-			disabledFieldsMap: D,
-			requiredFieldsMap: k,
-			disabledFields: N,
-			scrollIntoRequiredField: P,
-			formRef: w,
-			validate: async () => {
-				try {
-					return await w.value.validate();
-				} catch {
-					throw await P(), w.value.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content > :first-child").forEach((e) => {
-						h(e, "breathe-animation");
-					}), Error("表单验证不通过!");
-				}
-			},
-			validateField: (e) => w.value.validateField(e),
-			resetFields: (e) => w.value.resetFields(e),
-			scrollToField: (e) => w.value.scrollToField(e),
-			clearValidate: (e) => w.value.clearValidate(e),
-			getField: () => w.value.getField(),
-			setInitialValues: (e) => w.value.setInitialValues(e),
-			getFields: () => w.value.fields
-		});
-		return d(e, F), b(F), () => s(i, l({
-			ref: "form",
-			class: "form-holder",
-			"show-message": E.value
-		}, S.value), { default: () => {
-			if (T.value) {
-				var e, t, i;
-				return [
-					(e = _.top) == null ? void 0 : e.call(_),
-					s(r, {
-						class: { "hide-error-message": T.value },
-						columns: g.columns,
-						"col-count": g.colCount
-					}, { default: () => {
-						var e;
-						return [(e = _.default) == null ? void 0 : e.call(_), g.showAdvice ? s(n, {
-							"label-colspan": g.commentLabelColspan,
-							"value-colspan": g.commentValueColspan
-						}, null) : null];
-					} }),
-					(t = _.bottom) == null ? void 0 : t.call(_),
-					s("div", { class: "red-form-footer" }, [(i = _.footer) == null ? void 0 : i.call(_)])
-				];
-			} else {
-				var o;
-				return g.wrapRow ? s(a, null, { default: () => {
-					var e;
-					return [(e = _.default) == null ? void 0 : e.call(_)];
-				} }) : (o = _.default) == null ? void 0 : o.call(_);
-			}
-		} });
-	}
-};
-//#endregion
-export { b as t };