@web-utils/form-ui 1.0.0-beta51 → 1.0.0-beta53

package/chunks/{D_qiRmiE.mjs → BHbMJZPp.mjs}

@@ -1,11 +1,11 @@
 import { f as e, o as t, p as n } from "./DcTVYqeJ.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";
+import { formHolderContextKey as r, formItemConfigProviderContextKey as i, formItemGroupContextKey as a, formViewContextKey as o } from "../constants/index.mjs";
+import { isArray as s, isPlainObject as c, isString as l } from "@web-utils/core";
+import { computed as u, createVNode as d, h as f, inject as p, mergeProps as m, nextTick as h, unref as g, useTemplateRef as _ } from "vue";
+import { ElCol as v, rowContextKey as y } from "element-plus";
+import { ElCol as b, ElFormItem as x, ElTooltip as S } from "element-plus/es";
 //#region src/components/form/props/form-item.ts
-var S = {
+var C = {
 	prop: [String, Array],
 	label: String,
 	labelPosition: {
@@ -37,7 +37,10 @@ var S = {
 		default: !0
 	},
 	fixedSpan: Number,
-	block: Boolean,
+	block: {
+		type: Boolean,
+		default: void 0
+	},
 	unwrap: Boolean,
 	half: Boolean,
 	formItemClass: String,
@@ -51,7 +54,7 @@ var S = {
 	inputColspan: [Number, String],
 	labelRowspan: [Number, String],
 	inputRowspan: [Number, String]
-}, C = {
+}, w = {
 	required: !0,
 	rules: !0,
 	messagePrefix: !0,
@@ -69,7 +72,7 @@ var S = {
 	inputColspan: !0,
 	labelRowspan: !0,
 	inputRowspan: !0
-}, w = (e) => S[e] !== void 0 && C[e] !== !0, T = (e, { emit: n, events: r, predicate: i }) => l(() => t(e, i, r, n)), E = {
+}, T = (e) => C[e] !== void 0 && w[e] !== !0, E = (e, { emit: n, events: r, predicate: i }) => u(() => t(e, i, r, n)), D = {
 	span: {
 		type: Number,
 		default: 12
@@ -95,34 +98,34 @@ var S = {
 		type: String,
 		default: "div"
 	}
-}, D = { span: !0 }, O = (e) => E[e] !== void 0 && D[e] !== !0, k = (e, { emit: n, events: r, predicate: i }) => l(() => t(e, 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);
+}, O = { span: !0 }, k = (e) => D[e] !== void 0 && O[e] !== !0, A = (e, { emit: n, events: r, predicate: i }) => u(() => t(e, i, r, n)), j = (e) => {
+	let t = p(r, null);
+	return u(() => e.required === !0 ? !0 : (t == null ? void 0 : t.requiredFieldsMap[e.prop]) === !0);
+}, M = (e, t) => {
+	l(t) ? e.push(t) : s(t) ? e.push(...t) : c(t) && e.push(t);
+}, N = (e, { rules: t, attrs: n, block: r, class: i, messagePrefix: a, message: o } = {}) => {
+	let s = j(e);
+	return u(() => {
+		let c = { message: o }, l = g(t);
 		Object.keys({
-			...S,
-			...E
+			...C,
+			...D
 		}).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];
+			t === "rules" ? e[t] && l ? c[t] = [...e[t], ...l] : e[t] ? c[t] = e[t] : l && (c[t] = l) : t === "messagePrefix" ? c[t] = e.messagePrefix || a : t === "block" ? c[t] = r ?? e.block : c[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;
+		let u = [];
+		return M(u, g(n == null ? void 0 : n.class)), M(u, g(i)), c.required = s.value, c.class = u, c.style = n == null ? void 0 : n.style, c;
 	});
-}, N = {
+}, P = {
 	name: "FormItemX",
 	inheritAttrs: !1,
 	props: {
-		...S,
-		...E
+		...C,
+		...D
 	},
 	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 [];
+		let o = p(y, null), s = p(i, null), c = p(r, null), l = t.embed ? u(() => t.disabled) : I(e), f = E(e, { predicate: T }), g = A(e, { predicate: k }), v = u(() => (s == null ? void 0 : s.reactive) === !0 && s.block === !1 && e.fixedSpan === void 0 && !e.half), C = j(e), w = _("formItem"), D = u(() => (s == null ? void 0 : s.wrapCol) === !1 ? !1 : !!o && e.wrapCol), O = u(() => c != null && c.tableForm ? "" : s != null && s.block ? "100%" : e.half && D.value ? `calc(50% - ${o.gutter.value / 2}px)` : ""), M = u(() => (s == null ? void 0 : s.block) === !0 || e.block || e.half ? 24 : e.span), N = u(() => {
+			if (l.value) return [];
 			if (C.value) {
 				let t = {
 					required: !0,
@@ -135,31 +138,31 @@ var S = {
 		return a({
 			clearValidate: async () => {
 				var e;
-				await m(), (e = E.value) == null || e.clearValidate();
+				await h(), (e = w.value) == null || e.clearValidate();
 			},
 			validate: async () => {
 				var e;
-				await m(), (e = E.value) == null || e.validate();
+				await h(), (e = w.value) == null || e.validate();
 			}
 		}), () => {
 			var r;
-			let i = n.tips || e.tips, a = i ? u(x, {
+			let i = n.tips || e.tips, a = i ? d(S, {
 				effect: "light",
 				content: e.tips,
 				offset: 4
 			}, {
-				default: () => u("i", { class: "el-icon-info form-item-input-info" }, null),
+				default: () => d("i", { class: "el-icon-info form-item-input-info" }, null),
 				content: n.tips ? n.tips : null
-			}) : null, o = u(b, p(h.value, t, {
+			}) : null, o = d(x, m(f.value, t, {
 				ref: "formItem",
-				style: { width: j.value },
+				style: { width: O.value },
 				class: [
 					"form-item",
 					e.formItemClass,
 					{
 						"form-item-hide-label": e.hideLabel,
 						"with-tips": !e.tipsAfterLabel && i,
-						required: d.value === !1 && C.value
+						required: l.value === !1 && C.value
 					}
 				],
 				rules: N.value
@@ -168,13 +171,13 @@ var S = {
 				default: () => {
 					var t;
 					return [(t = n.default) == null ? void 0 : t.call(n, {
-						disabled: d.value,
+						disabled: l.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 ? {
+			return e.unwrap ? s : D.value ? d(b, m(g.value, v.value ? {
 				xs: 24,
 				sm: 12,
 				md: 12,
@@ -183,9 +186,9 @@ var S = {
 			} : {}, { span: M.value }), { default: () => s }) : o;
 		};
 	}
-}, P = "update:modelValue", F = (e) => {
-	let t = f(r, null), n = f(a, null);
-	return l(() => {
+}, F = "update:modelValue", I = (e) => {
+	let t = p(r, null), n = p(a, null);
+	return u(() => {
 		if (e.disabled !== void 0) return e.disabled;
 		if (t) {
 			if (t.requiredFieldsMap[e.prop] === !0 || t.enabledFieldsMap[e.prop] === !0) return !1;
@@ -193,7 +196,7 @@ var S = {
 		}
 		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, {
+}, L = { [F]: null }, R = (e, t) => e(F, t), z = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i }) => e.wrapFormItem ? f(P, {
 	...n.value,
 	embed: !0,
 	disabled: i == null ? void 0 : i.value
@@ -203,28 +206,32 @@ var S = {
 	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,
+}) : t, B = (r, { emit: i, slots: a, events: s, predicate: c, removeOn: l = !1, attrs: d, block: m, class: h, rules: g, messagePrefix: _ = "请输入", extraFormItemProps: y }) => {
+	let b = I(r), x = p(o, null), S = u(() => b.value ? "" : `${_}${r.label}`), C = N(r, {
+		rules: g,
+		block: m === void 0 ? r.type === "textarea" && r.block === void 0 ? !0 : r.block : m,
+		attrs: d,
+		class: h,
+		message: S.value,
+		messagePrefix: _,
+		...y
+	}), w = (e) => R(i, e), T = (e) => r.col ? f(v, { span: r.block ? 24 : r.span }, { default: () => e }) : e, E = ({ vNodes: e }) => z(r, {
+		vNodes: T(e),
+		formItemProps: C,
 		slots: a,
-		disabled: h
-	}), S = l(() => t(r, u, c, i)), C = n({ removeOn: p });
+		disabled: b
+	}), D = u(() => t(r, c, s, i)), O = n({ removeOn: l });
 	return {
-		emitInput: y,
-		render: x,
-		placeholder: g,
-		disabled: h,
-		formItemProps: v,
-		autoBind: S,
-		inputProps: e(r, u),
-		listeners: C
+		emitInput: w,
+		render: E,
+		placeholder: S,
+		disabled: b,
+		formItemProps: C,
+		autoBind: D,
+		inputProps: e(r, c),
+		listeners: O,
+		printing: u(() => (x == null ? void 0 : x.printing) === !0)
 	};
-}, B = (e) => e.icon ? d("i", { class: e.icon }) : null;
+}, V = (e) => e.icon ? f("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 };
+export { P as a, C as c, B as i, L as n, N as o, z as r, D as s, V as t };

package/chunks/{B9gA65rt2.mjs → BJYlobMz2.mjs}

@@ -1,6 +1,6 @@
 import { f as e } from "./DcTVYqeJ.mjs";
-import { o as t, r as n } from "./D_qiRmiE.mjs";
-import { n as r } from "./CJdkjadi.mjs";
+import { o as t, r as n } from "./BHbMJZPp.mjs";
+import { n as r } from "./BNXbI4OG.mjs";
 import { createVNode as i, mergeProps as a } from "vue";
 import { ElText as o } from "element-plus/es";
 //#region src/components/form/props/text.ts

package/chunks/{CJdkjadi.mjs → BNXbI4OG.mjs}

@@ -1,4 +1,4 @@
-import { c as e, s as t } from "./D_qiRmiE.mjs";
+import { c as e, s as t } from "./BHbMJZPp.mjs";
 //#region src/components/form/props/common.ts
 var n = {
 	...e,

package/chunks/{V2p-PCpL.mjs → BV-XUugQ.mjs}

@@ -1,7 +1,7 @@
-import { i as e, n as t } from "./D_qiRmiE.mjs";
-import { n } from "./CJdkjadi.mjs";
+import { i as e, n as t } from "./BHbMJZPp.mjs";
+import { n } from "./BNXbI4OG.mjs";
 import { useDictionary as r } from "../hook/useDictionary.mjs";
-import { t as i } from "./CabldOLo.mjs";
+import { t as i } from "./DwkOWXIR.mjs";
 import { computed as a, createVNode as o, defineComponent as s, isVNode as c, mergeProps as l, useModel as u } from "vue";
 import { ElCheckbox as d, ElCheckboxButton as f, ElCheckboxGroup as p } from "element-plus/es";
 //#region src/components/form/props/checkbox-group.ts

package/chunks/B_RAcbs_.mjs

@@ -0,0 +1,108 @@
+import { formItemGroupContextKey as e, formViewContextKey as t } from "../constants/index.mjs";
+import n from "../empty-view/index.mjs";
+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, useTemplateRef as g, vShow as _, watchEffect as v, withDirectives as y } from "vue";
+import { ElCol as b, ElCollapseTransition as x } from "element-plus";
+import { ElRow as S } from "element-plus/es";
+//#region src/components/form/FormItemGroup.vue?vue&type=script&lang.jsx
+function C(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+//#endregion
+//#region src/components/form/FormItemGroup.vue
+var w = {
+	name: "FormItemGroup",
+	props: {
+		blockTitle: 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: w, slots: T }) {
+		let E = c(t, null), D = g("root"), O = m(!0), k = h(() => l.enabled), A = h(() => l.disabled), j = i(() => l.enabled === !0 ? !1 : l.disabled === !0), M = i(() => l.tag === "ElCol"), N = () => O.value = !O.value, P = () => {
+			O.value = !0;
+		};
+		v(() => {
+			O.value = !l.collapse;
+		});
+		let F = {
+			$el: h(() => M.value ? D.value.$el : D.value),
+			enabled: k,
+			disabled: A,
+			open: P,
+			expand: O,
+			blockTitle: h(() => l.blockTitle)
+		}, I = p(F);
+		return f(e, I), d(() => {
+			l.notDispatch || E == null || E.addGroup(I);
+		}), u(() => {
+			l.notDispatch || E == null || E.removeGroup(I);
+		}), w(F), () => {
+			let e = () => {
+				var e;
+				return o(r, null, [y(o("div", {
+					class: "form-item-group-title",
+					onClick: N
+				}, [o("span", {
+					class: "flex-item",
+					style: "flex: 1"
+				}, [
+					T.title ? T.title() : l.blockTitle,
+					T.tips || l.tips ? o("span", { style: "color: #ff0000; font-size: 14px" }, [
+						a("("),
+						T.tips ? T.tips() : l.tips,
+						a(")")
+					]) : null,
+					(e = T["title-right"]) == null ? void 0 : e.call(T)
+				]), o("i", { class: O.value ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)]), [[_, l.showTitle]]), o(x, null, { default: () => {
+					let e;
+					return T.default ? l.wrapRow ? y(o(S, { gutter: l.gutter }, C(e = T.default()) ? e : { default: () => [e] }), [[_, O.value]]) : y(o("div", null, [T.default()]), [[_, O.value]]) : y(o(n, {
+						"font-size": "14px",
+						"empty-tips": "暂无信息"
+					}, null), [[_, O.value]]);
+				} })]);
+			}, t = {
+				ref: "root",
+				class: ["form-item-group", {
+					"default-active": l.active,
+					"is-disabled": j.value
+				}]
+			};
+			return M.value && (t.span = l.block ? 24 : l.span), s(M.value ? b : "div", t, M.value ? e : e());
+		};
+	}
+};
+//#endregion
+export { w as t };

package/chunks/{CqVd8D222.mjs → BgTCTXs72.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./D_qiRmiE.mjs";
-import { n, t as r } from "./CJdkjadi.mjs";
+import { i as e, n as t } from "./BHbMJZPp.mjs";
+import { n, t as r } from "./BNXbI4OG.mjs";
 import { createVNode as i, mergeProps as a } from "vue";
 import { ElTimeSelect as o } from "element-plus/es";
 //#region src/components/form/props/time-select.ts
@@ -63,7 +63,8 @@ var s = {
 	popperStyle: [String, Object]
 }, c = {
 	disabled: !0,
-	modelValue: !0
+	modelValue: !0,
+	valueOnClear: !0
 }, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
 	name: "FormTimeSelect",
 	inheritAttrs: !1,

package/chunks/{BtcjAHE6.mjs → BjGlxyi6.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./D_qiRmiE.mjs";
-import { n } from "./CJdkjadi.mjs";
+import { i as e, n as t } from "./BHbMJZPp.mjs";
+import { n } from "./BNXbI4OG.mjs";
 import { useDictionary as r } from "../hook/useDictionary.mjs";
 import { isNumber as i, isPlainObject as a, isString as o } from "@web-utils/core";
 import { computed as s, createVNode as c, mergeProps as l, ref as u, watchEffect as d } from "vue";

package/chunks/{pIzhYsBe.mjs → BqC_VU52.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./D_qiRmiE.mjs";
-import { n } from "./CJdkjadi.mjs";
+import { i as e, n as t } from "./BHbMJZPp.mjs";
+import { n } from "./BNXbI4OG.mjs";
 import { createVNode as r, mergeProps as i, useModel as a } from "vue";
 import { ElSlider as o } from "element-plus/es";
 //#region src/components/form/props/slide.ts

package/chunks/{eae6huQB.mjs → BqzJ6vY6.mjs}

@@ -1,5 +1,5 @@
-import { n as e } from "./D_qiRmiE.mjs";
-import { n as t, t as n } from "./CabldOLo.mjs";
+import { n as e } from "./BHbMJZPp.mjs";
+import { n as t, t as n } from "./DwkOWXIR.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputEmail.vue?vue&type=script&lang.jsx
 function s(e) {