@vaebe/ccui 2.0.0-beta.0

package/form/index.es.js

@@ -0,0 +1,752 @@
+import { computed as e, defineComponent as t, getCurrentInstance as n, h as r, inject as i, onMounted as a, onUnmounted as o, provide as s, reactive as c, ref as l, toRef as u, watch as d } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function f(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function p(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => f(n),
+		e: (e) => e ? f(n, e) : "",
+		m: (e) => e ? f(n, "", e) : "",
+		em: (e, t) => e && t ? f(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/form/src/form-types.ts
+var m = Symbol("ccuiForm"), h = Symbol("ccuiFormItem"), g = Symbol("ccuiFormList"), _ = Symbol("ccuiFormProvider"), v = {
+	model: {
+		type: Object,
+		default: () => ({})
+	},
+	rules: {
+		type: Object,
+		default: () => ({})
+	},
+	initialValues: {
+		type: Object,
+		default: () => ({})
+	},
+	labelWidth: {
+		type: [String, Number],
+		default: ""
+	},
+	labelPosition: {
+		type: String,
+		default: "right"
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	layout: {
+		type: String,
+		default: "horizontal"
+	},
+	colon: {
+		type: Boolean,
+		default: !0
+	},
+	requiredMark: {
+		type: [Boolean, String],
+		default: !0
+	},
+	validateMessages: {
+		type: Object,
+		default: () => ({})
+	},
+	validateOnRuleChange: {
+		type: Boolean,
+		default: !0
+	},
+	scrollToFirstError: {
+		type: [Boolean, Object],
+		default: !1
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	preserve: {
+		type: Boolean,
+		default: !0
+	},
+	labelCol: {
+		type: Object,
+		default: void 0
+	},
+	wrapperCol: {
+		type: Object,
+		default: void 0
+	},
+	hasFeedback: {
+		type: Boolean,
+		default: !1
+	}
+}, y = {
+	name: {
+		type: [
+			String,
+			Number,
+			Array
+		],
+		default: void 0
+	},
+	label: {
+		type: String,
+		default: ""
+	},
+	prop: {
+		type: [
+			String,
+			Number,
+			Array
+		],
+		default: void 0
+	},
+	initialValue: {
+		type: null,
+		default: void 0
+	},
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	rules: {
+		type: [
+			Object,
+			Array,
+			Function
+		],
+		default: void 0
+	},
+	help: {
+		type: String,
+		default: ""
+	},
+	validateStatus: {
+		type: String,
+		default: ""
+	},
+	extra: {
+		type: String,
+		default: ""
+	},
+	htmlFor: {
+		type: String,
+		default: ""
+	},
+	colon: {
+		type: Boolean,
+		default: void 0
+	},
+	hidden: {
+		type: Boolean,
+		default: !1
+	},
+	noStyle: {
+		type: Boolean,
+		default: !1
+	},
+	dependencies: {
+		type: Array,
+		default: () => []
+	},
+	preserve: {
+		type: Boolean,
+		default: void 0
+	},
+	shouldUpdate: {
+		type: [Boolean, Function],
+		default: void 0
+	},
+	hasFeedback: {
+		type: Boolean,
+		default: void 0
+	},
+	labelCol: {
+		type: Object,
+		default: void 0
+	},
+	wrapperCol: {
+		type: Object,
+		default: void 0
+	},
+	validateDebounce: {
+		type: Number,
+		default: 0
+	},
+	normalize: {
+		type: Function,
+		default: void 0
+	}
+}, b = {
+	name: {
+		type: [
+			String,
+			Number,
+			Array
+		],
+		required: !0
+	},
+	initialValue: {
+		type: Array,
+		default: void 0
+	}
+}, x = {};
+//#endregion
+//#region ../ccui/ui/form/src/utils.ts
+function S(e) {
+	return e == null || e === "" ? [] : Array.isArray(e) ? [...e] : typeof e == "number" ? [e] : e.replace(/\[(\w+)\]/g, ".$1").split(".").filter(Boolean);
+}
+function C(e) {
+	return S(e).join(".");
+}
+function w(e, t) {
+	let n = S(t);
+	if (n.length !== 0) return n.reduce((e, t) => e?.[t], e);
+}
+function T(e, t, n) {
+	let r = S(t), i = r.pop();
+	if (i === void 0) return;
+	let a = r.reduce((e, t) => ((!e[t] || typeof e[t] != "object") && (e[t] = {}), e[t]), e);
+	a[i] = n;
+}
+function E(e, t) {
+	let n = S(t);
+	if (n.length === 0) return;
+	let r = n.pop(), i = e;
+	for (let e of n) {
+		if (i?.[e] === void 0 || i[e] === null) return;
+		i = i[e];
+	}
+	i && typeof i == "object" && (Array.isArray(i) && typeof r == "number" ? i.splice(r, 1) : delete i[r]);
+}
+function D(e) {
+	if (e == null) return e;
+	if (typeof structuredClone == "function") try {
+		return structuredClone(e);
+	} catch {}
+	return JSON.parse(JSON.stringify(e));
+}
+function O(e) {
+	return e ? Array.isArray(e) ? e : [e] : [];
+}
+function k(e, t) {
+	return t ? e.filter((e) => e.trigger ? (Array.isArray(e.trigger) ? e.trigger : [e.trigger]).includes(t) : !0) : e;
+}
+function A(e) {
+	return e == null || e === "" || Array.isArray(e) && e.length === 0;
+}
+function j(e, t) {
+	return A(t) || !e.type ? !0 : e.type === "email" ? typeof t == "string" && /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(t) : e.type === "url" ? typeof t == "string" && /^https?:\/\/\S+$/i.test(t) : e.type === "array" ? Array.isArray(t) : e.type === "object" ? typeof t == "object" && !Array.isArray(t) : typeof t === e.type;
+}
+function M(e) {
+	if (typeof e == "string" || Array.isArray(e)) return e.length;
+	if (typeof e == "number") return e;
+}
+var N = {
+	default: "${label} is invalid",
+	required: "${label} is required",
+	enum: "${label} must be one of ${enum}",
+	whitespace: "${label} cannot be empty",
+	pattern: "${label} is invalid",
+	types: {
+		string: "${label} is not a valid string",
+		number: "${label} is not a valid number",
+		boolean: "${label} is not a valid boolean",
+		array: "${label} is not a valid array",
+		object: "${label} is not a valid object",
+		email: "${label} is not a valid email",
+		url: "${label} is not a valid url"
+	},
+	string: {
+		len: "${label} must be ${len} characters",
+		min: "${label} must be at least ${min} characters",
+		max: "${label} must be up to ${max} characters",
+		range: "${label} must be between ${min} and ${max} characters"
+	},
+	number: {
+		len: "${label} must equal ${len}",
+		min: "${label} must be at least ${min}",
+		max: "${label} must be up to ${max}",
+		range: "${label} must be between ${min} and ${max}"
+	},
+	array: {
+		len: "${label} must contain ${len} items",
+		min: "${label} must contain at least ${min} items",
+		max: "${label} must contain up to ${max} items",
+		range: "${label} must contain between ${min} and ${max} items"
+	}
+};
+function P(e, t) {
+	return e.replace(/\$\{(\w+)\}/g, (e, n) => String(t[n] ?? ""));
+}
+function F(e, t, n, r, i, a) {
+	if (e.message) return e.message;
+	let o = {
+		...N,
+		...r,
+		types: {
+			...N.types,
+			...r.types
+		},
+		string: {
+			...N.string,
+			...r.string
+		},
+		number: {
+			...N.number,
+			...r.number
+		},
+		array: {
+			...N.array,
+			...r.array
+		}
+	};
+	return P((a && i && typeof o[i] == "object" ? o[i]?.[a] : void 0) || (i === "types" && e.type ? o.types?.[e.type] : void 0) || (i ? o[i] : void 0) || o.default || "${label} is invalid", {
+		label: n || t,
+		name: t,
+		field: t,
+		enum: e.enum?.join(", "),
+		len: e.len,
+		min: e.min,
+		max: e.max
+	});
+}
+function I(e, t) {
+	return e.type === "array" || Array.isArray(t) ? "array" : typeof t == "number" ? "number" : "string";
+}
+async function ee(e, t, n, r, i = r, a = {}) {
+	if (e.required && A(t)) return {
+		field: r,
+		message: F(e, r, i, a, "required")
+	};
+	if (e.whitespace && typeof t == "string" && t.trim() === "") return {
+		field: r,
+		message: F(e, r, i, a, "whitespace")
+	};
+	if (e.enum && !A(t) && !e.enum.includes(t)) return {
+		field: r,
+		message: F(e, r, i, a, "enum")
+	};
+	if (!j(e, t)) return {
+		field: r,
+		message: F(e, r, i, a, "types")
+	};
+	let o = M(t);
+	if (o !== void 0) {
+		let n = I(e, t);
+		if (e.len !== void 0 && o !== e.len) return {
+			field: r,
+			message: F(e, r, i, a, n, "len")
+		};
+		if (e.min !== void 0 && e.max !== void 0 && (o < e.min || o > e.max)) return {
+			field: r,
+			message: F(e, r, i, a, n, "range")
+		};
+		if (e.min !== void 0 && o < e.min) return {
+			field: r,
+			message: F(e, r, i, a, n, "min")
+		};
+		if (e.max !== void 0 && o > e.max) return {
+			field: r,
+			message: F(e, r, i, a, n, "max")
+		};
+	}
+	if (e.pattern && !e.pattern.test(String(t))) return {
+		field: r,
+		message: F(e, r, i, a, "pattern")
+	};
+	if (e.validator) {
+		let o = await e.validator(e, t, n);
+		if (o === !1) return {
+			field: r,
+			message: F(e, r, i, a)
+		};
+		if (typeof o == "string") return {
+			field: r,
+			message: o
+		};
+		if (o instanceof Error) return {
+			field: r,
+			message: o.message
+		};
+	}
+	return null;
+}
+//#endregion
+//#region ../ccui/ui/form/src/form.tsx
+var L = /* @__PURE__ */ t({
+	name: "CForm",
+	props: v,
+	emits: [
+		"submit",
+		"validate",
+		"validate-failed",
+		"values-change"
+	],
+	setup(t, { emit: n, expose: c, slots: f }) {
+		let h = p("form"), g = l([]), v = i(_, null), y = (e) => {
+			if (e === void 0) return g.value;
+			if (!Array.isArray(e)) {
+				let t = C(e);
+				return g.value.filter((e) => e.field === t);
+			}
+			let t = C(e);
+			if (g.value.some((e) => e.field === t)) return g.value.filter((e) => e.field === t);
+			let n = new Set(e.map((e) => C(e)));
+			return g.value.filter((e) => n.has(e.field));
+		}, b = (e) => {
+			e.field && !g.value.includes(e) && g.value.push(e);
+		}, x = (e) => {
+			g.value = g.value.filter((t) => t !== e);
+		}, S = (e, t, r) => {
+			n("validate", e, t, r);
+		}, w = (e, r) => {
+			n("values-change", {
+				name: e,
+				value: r
+			}, t.model), t.name && v && v.triggerFormChange(t.name, [{
+				name: e,
+				value: r
+			}]);
+		}, T = e(() => ({
+			[h.b()]: !0,
+			[h.m(`label-${t.labelPosition}`)]: !!t.labelPosition,
+			[h.m(t.layout)]: !!t.layout,
+			[h.m("disabled")]: t.disabled
+		})), E = async (e) => {
+			let r = [];
+			for (let e of g.value) !await e.validate() && e.prop && r.push({
+				field: e.field,
+				message: e.getValidateMessage()
+			});
+			let i = r.length === 0;
+			return e?.(i, r), i || (n("validate-failed", r), t.scrollToFirstError && A(r[0].field, t.scrollToFirstError === !0 ? void 0 : t.scrollToFirstError)), i;
+		}, D = async (e, t) => {
+			let n = y(e);
+			return (await Promise.all(n.map((e) => e.validate(t)))).every(Boolean);
+		}, O = (e) => {
+			y(e).forEach((e) => e.resetField());
+		}, k = (e) => {
+			y(e).forEach((e) => e.clearValidate());
+		}, A = (e, t) => {
+			y(e)[0]?.getElement()?.scrollIntoView(t ?? { block: "nearest" });
+		}, j = () => t.model, M = async (e) => {
+			e.preventDefault();
+			let r = await E();
+			n("submit", r, e), r && t.name && v && v.triggerFormFinish(t.name, t.model);
+		};
+		d(() => t.rules, () => {
+			t.validateOnRuleChange && k();
+		}), d(() => t.model, () => {
+			g.value.forEach((e) => {
+				e.dependencies.length > 0 && e.validate();
+			});
+		}, { deep: !0 });
+		let N = {
+			validate: E,
+			validateField: D,
+			resetFields: O,
+			clearValidate: k,
+			scrollToField: A,
+			getFieldsValue: j
+		};
+		return c(N), a(() => {
+			t.name && v && v.registerForm(t.name, N);
+		}), o(() => {
+			t.name && v && v.unregisterForm(t.name);
+		}), s(m, {
+			model: u(t, "model"),
+			rules: u(t, "rules"),
+			initialValues: u(t, "initialValues"),
+			validateMessages: u(t, "validateMessages"),
+			disabled: u(t, "disabled"),
+			labelWidth: u(t, "labelWidth"),
+			labelPosition: u(t, "labelPosition"),
+			layout: u(t, "layout"),
+			colon: u(t, "colon"),
+			requiredMark: u(t, "requiredMark"),
+			preserve: u(t, "preserve"),
+			labelCol: u(t, "labelCol"),
+			wrapperCol: u(t, "wrapperCol"),
+			hasFeedback: u(t, "hasFeedback"),
+			addField: b,
+			removeField: x,
+			emitValidate: S,
+			validateField: D,
+			notifyFieldChange: w
+		}), () => r("form", {
+			class: T.value,
+			novalidate: !0,
+			onSubmit: M
+		}, f.default?.());
+	}
+}), R = /* @__PURE__ */ new Set();
+function te(e, t, n) {
+	let r = `${e}.${t}`;
+	R.has(r) || (R.add(r), typeof console < "u" && console.warn(`[ccui][${e}] ${t} 已 deprecated，请改用 ${n}。`));
+}
+function ne(e, t, n) {
+	return e ? Object.prototype.hasOwnProperty.call(e, t) || Object.prototype.hasOwnProperty.call(e, n) : !1;
+}
+//#endregion
+//#region ../ccui/ui/form/src/form-item.tsx
+function z(e) {
+	if (!e) return {};
+	let t = {};
+	return e.flex !== void 0 && (t.flex = typeof e.flex == "number" ? `${e.flex} ${e.flex} auto` : e.flex), e.span !== void 0 && (t.width = `${e.span / 24 * 100}%`), e.offset !== void 0 && e.offset > 0 && (t.marginInlineStart = `${e.offset / 24 * 100}%`), t;
+}
+var B = /* @__PURE__ */ t({
+	name: "CFormItem",
+	props: y,
+	setup(t, { expose: c, slots: u }) {
+		let f = p("form-item"), _ = n()?.vnode.props;
+		ne(_, "prop", "prop") && te("FormItem", "prop", "name");
+		let v = i(m, null), y = i(g, null), b = l(""), x = l(""), A = l(!1), j = l(null), M = e(() => t.name ?? t.prop), N = e(() => {
+			let e = M.value;
+			if (!y) return e;
+			let t = y.prefixName.value;
+			return e == null || e === "" ? t.length ? [...t] : void 0 : [...t, ...S(e)];
+		}), P = e(() => C(N.value)), F = e(() => t.label || P.value), I = l(), L = () => {
+			if (t.initialValue !== void 0) return t.initialValue;
+			let e = v ? w(v.initialValues.value, N.value) : void 0;
+			return e === void 0 ? v ? w(v.model.value, N.value) : void 0 : e;
+		}, R = () => {
+			let e = t.rules;
+			return typeof e == "function" ? e(v?.model.value ?? {}) : e;
+		}, B = e(() => {
+			let e = [...O(v?.rules.value?.[P.value]), ...O(R())];
+			return t.required && !e.some((e) => e.required) && e.unshift({ required: !0 }), e;
+		}), V = e(() => t.required || B.value.some((e) => e.required)), H = e(() => t.validateStatus ? t.validateStatus : A.value ? "warning" : b.value), U = e(() => x.value || t.help), W = e(() => !V.value && v?.requiredMark.value === "optional"), re = e(() => V.value && v?.requiredMark.value !== !1), ie = e(() => t.colon ?? v?.colon.value ?? !0), G = e(() => t.hasFeedback === void 0 ? !!v?.hasFeedback.value : t.hasFeedback), K = e(() => t.labelCol ?? v?.labelCol.value), ae = e(() => t.wrapperCol ?? v?.wrapperCol.value), oe = e(() => K.value ? z(K.value) : !v?.labelWidth.value || v.labelPosition.value === "top" || v.layout.value === "vertical" ? {} : { width: typeof v.labelWidth.value == "number" ? `${v.labelWidth.value}px` : v.labelWidth.value }), se = e(() => z(ae.value)), q = e(() => ({
+			[f.b()]: !0,
+			[f.m(H.value)]: !!H.value,
+			[f.m("required")]: re.value,
+			[f.m("optional")]: W.value,
+			[f.m("no-style")]: t.noStyle,
+			[f.m("hidden")]: t.hidden,
+			[f.m("top")]: v?.labelPosition.value === "top" || v?.layout.value === "vertical"
+		})), J = () => {
+			b.value = "", x.value = "", A.value = !1;
+		}, Y = null, X = async (e) => {
+			if (!P.value || !v) return !0;
+			let t = k(B.value, e);
+			if (t.length === 0) return J(), !0;
+			b.value = "validating";
+			let n = w(v.model.value, N.value), r = "";
+			for (let e of t) {
+				let t = await ee(e, n, v.model.value, P.value, F.value, v.validateMessages.value);
+				if (t) {
+					if (e.warningOnly) {
+						r = t.message;
+						continue;
+					}
+					return b.value = "error", x.value = t.message, v.emitValidate(P.value, !1, t.message), !1;
+				}
+			}
+			return r ? (b.value = "success", x.value = r, A.value = !0, v.emitValidate(P.value, !0, r), !0) : (A.value = !1, b.value = "success", x.value = "", v.emitValidate(P.value, !0, ""), !0);
+		}, Z = async (e) => t.validateDebounce > 0 ? (Y && clearTimeout(Y), new Promise((n) => {
+			Y = setTimeout(() => {
+				X(e).then(n);
+			}, t.validateDebounce);
+		})) : X(e), Q = () => {
+			P.value && v && T(v.model.value, N.value, D(I.value)), J();
+		}, ce = {
+			get prop() {
+				return N.value;
+			},
+			get field() {
+				return P.value;
+			},
+			get dependencies() {
+				return t.dependencies;
+			},
+			validate: Z,
+			resetField: Q,
+			clearValidate: J,
+			getValidateMessage: () => x.value,
+			getElement: () => j.value
+		}, le = (e) => {
+			if (t.normalize && v && N.value !== void 0) {
+				let e = w(v.model.value, N.value), n = D(e), r = t.normalize(e, n, v.model.value);
+				r !== e && T(v.model.value, N.value, r);
+			}
+			if (Z("change"), v && N.value !== void 0) {
+				let e = w(v.model.value, N.value);
+				v.notifyFieldChange(N.value, e);
+			}
+		}, ue = () => {
+			Z("blur");
+		};
+		a(() => {
+			if (I.value = D(L()), N.value && v && w(v.model.value, N.value) === void 0) {
+				let e = L();
+				e !== void 0 && T(v.model.value, N.value, D(e));
+			}
+			v?.addField(ce);
+		}), o(() => {
+			v?.removeField(ce);
+			let e = t.preserve, n = v?.preserve.value ?? !0;
+			!(e === void 0 ? n : e) && v && N.value !== void 0 && E(v.model.value, N.value);
+		}), c({
+			validate: Z,
+			resetField: Q,
+			clearValidate: J
+		}), s(h, {
+			validateStatus: H,
+			isInsideForm: !!v,
+			validate: Z
+		});
+		let $;
+		d(() => v?.model.value, (e) => {
+			if (t.shouldUpdate !== void 0) {
+				if (typeof t.shouldUpdate == "function") {
+					if (!t.shouldUpdate($, e)) {
+						$ = D(e);
+						return;
+					}
+				} else if (!t.shouldUpdate) {
+					$ = D(e);
+					return;
+				}
+			}
+			$ = D(e), t.dependencies.length > 0 && Z();
+		}, { deep: !0 });
+		let de = () => {
+			if (!t.label && !u.label) return null;
+			let e = [u.label?.() || t.label, W.value ? r("span", { class: f.e("optional") }, " (optional)") : null];
+			return r("label", {
+				class: [f.e("label"), ie.value && f.em("label", "colon")],
+				style: oe.value,
+				for: t.htmlFor || void 0
+			}, e);
+		}, fe = () => {
+			if (!G.value) return null;
+			let e = H.value;
+			if (!e) return null;
+			let t = e === "success" ? "✓" : e === "error" ? "✕" : e === "warning" ? "!" : e === "validating" ? "◌" : "";
+			return t ? r("span", {
+				class: [f.e("feedback"), f.em("feedback", e)],
+				"aria-hidden": "true"
+			}, t) : null;
+		}, pe = () => r("div", {
+			class: f.e("content"),
+			style: se.value
+		}, [
+			r("div", { class: [f.e("control"), G.value && f.em("control", "has-feedback")] }, [u.default?.(), fe()]),
+			U.value ? r("div", {
+				class: f.e("message"),
+				role: "alert"
+			}, U.value) : null,
+			t.extra ? r("div", { class: f.e("extra") }, t.extra) : null
+		]);
+		return () => t.noStyle ? r("div", {
+			ref: j,
+			class: q.value,
+			"data-field": P.value || void 0,
+			onChangeCapture: le,
+			onFocusoutCapture: ue
+		}, u.default?.()) : r("div", {
+			ref: j,
+			class: q.value,
+			"data-field": P.value || void 0,
+			"aria-invalid": H.value === "error" ? "true" : void 0,
+			onChangeCapture: le,
+			onFocusoutCapture: ue
+		}, [de(), pe()]);
+	}
+}), V = /* @__PURE__ */ t({
+	name: "CFormList",
+	props: b,
+	setup(t, { slots: n }) {
+		let r = i(m, null), o = e(() => S(t.name)), l = () => {
+			if (!r) return [];
+			let e = w(r.model.value, t.name);
+			if (Array.isArray(e)) return e;
+			let n = t.initialValue ?? w(r.initialValues.value, t.name), i = Array.isArray(n) ? D(n) : [];
+			return T(r.model.value, t.name, i), i;
+		}, u = c({
+			keys: [],
+			seed: 0
+		}), f = (e) => {
+			for (; u.keys.length < e;) u.keys.push(u.seed++);
+			u.keys.length > e && (u.keys.length = e);
+		};
+		a(() => {
+			f(l().length);
+		}), d(() => r ? w(r.model.value, t.name) : void 0, (e) => {
+			Array.isArray(e) && e.length !== u.keys.length && f(e.length);
+		}, { deep: !1 });
+		let p = {
+			add(e, t) {
+				if (!r) return;
+				let n = l(), i = D(e), a = t === void 0 ? n.length : Math.max(0, Math.min(t, n.length));
+				n.splice(a, 0, i), u.keys.splice(a, 0, u.seed++);
+			},
+			remove(e) {
+				if (!r) return;
+				let t = l(), n = (Array.isArray(e) ? e : [e]).filter((e) => e >= 0 && e < t.length).sort((e, t) => t - e);
+				for (let e of n) t.splice(e, 1), u.keys.splice(e, 1);
+			},
+			move(e, t) {
+				if (!r) return;
+				let n = l();
+				if (e === t || e < 0 || t < 0 || e >= n.length || t >= n.length) return;
+				let [i] = n.splice(e, 1);
+				n.splice(t, 0, i);
+				let [a] = u.keys.splice(e, 1);
+				u.keys.splice(t, 0, a);
+			}
+		};
+		return s(g, { prefixName: o }), () => {
+			let e = u.keys.map((e, t) => ({
+				key: e,
+				name: t
+			}));
+			return n.default?.(e, p) ?? null;
+		};
+	}
+}), H = /* @__PURE__ */ t({
+	name: "CFormProvider",
+	props: x,
+	emits: ["form-change", "form-finish"],
+	setup(e, { emit: t, slots: n }) {
+		let r = {};
+		return s(_, {
+			registerForm: (e, t) => {
+				e && (r[e] = t);
+			},
+			unregisterForm: (e) => {
+				e && delete r[e];
+			},
+			triggerFormChange: (e, n) => {
+				e && t("form-change", e, {
+					changedFields: n,
+					forms: r
+				});
+			},
+			triggerFormFinish: (e, n) => {
+				e && t("form-finish", e, {
+					values: n,
+					forms: r
+				});
+			}
+		}), () => n.default?.() ?? null;
+	}
+}), U = L;
+U.install = function(e) {
+	e.component(L.name, L), e.component(B.name, B), e.component(V.name, V), e.component(H.name, H);
+};
+var W = {
+	title: "Form 表单",
+	category: "数据录入",
+	status: "95%",
+	install(e) {
+		e.component(L.name, L), e.component(B.name, B), e.component(V.name, V), e.component(H.name, H);
+	}
+};
+//#endregion
+export { L as Form, B as FormItem, V as FormList, H as FormProvider, W as default };