@robot-admin/naive-ui-components 0.3.0

package/dist/C_Form2.js

@@ -0,0 +1,2510 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+import { t as export_helper_default } from "./export-helper.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toRaw, unref, vShow, watch, watchEffect, withCtx, withDirectives, withKeys } from "vue";
+import { NButton, NForm, NFormItem, NSpace } from "naive-ui";
+import { mergeRules } from "@robot-admin/form-validate";
+
+//#region src/components/C_Form/composables/useFormConfig.ts
+const FORM_DEFAULTS = {
+	layout: "default",
+	labelPlacement: "left",
+	labelWidth: "auto",
+	size: "medium",
+	disabled: false,
+	readonly: false,
+	showActions: true,
+	validateOnChange: false
+};
+/** 拥有自身控制按钮的布局（不显示默认操作按钮） */
+const LAYOUTS_WITH_OWN_CONTROLS = ["steps", "custom"];
+/**
+* 解析 FormConfig，合并默认值
+* @param config - 用户传入的配置（可选）
+* @returns 具有完整默认值的 ResolvedFormConfig
+*/
+function resolveFormConfig(config) {
+	return {
+		...FORM_DEFAULTS,
+		...config
+	};
+}
+/**
+* 计算是否显示默认操作按钮
+* @param resolved - 已解析的配置
+*/
+function shouldShowActions(resolved) {
+	if (resolved.showActions === false) return false;
+	if (LAYOUTS_WITH_OWN_CONTROLS.includes(resolved.layout)) return false;
+	return true;
+}
+
+//#endregion
+//#region src/components/C_Form/composables/useFormState.ts
+/** 各控件类型的默认空值 */
+const DEFAULT_VALUES = {
+	input: "",
+	textarea: "",
+	editor: "",
+	select: null,
+	datePicker: null,
+	daterange: null,
+	timePicker: null,
+	cascader: null,
+	colorPicker: null,
+	checkbox: null,
+	upload: [],
+	radio: "",
+	inputNumber: null,
+	slider: null,
+	rate: null,
+	switch: null
+};
+const getDefaultValue = (type) => {
+	return DEFAULT_VALUES[type] ?? null;
+};
+/**
+* C_Form 状态引擎 — 管理表单数据模型、校验规则、验证 API、字段操作
+* @param options - 表单配置项（响应式）
+* @param config - 解析后的表单配置（响应式）
+* @param formRef - NForm 实例引用
+* @param emit - 组件事件发射器
+*/
+function useFormState(options, config, formRef, emit) {
+	const formModel = reactive({});
+	const formRules = reactive({});
+	const visibleOptions = computed(() => options.value.filter((item) => item.show !== false));
+	const initialize = () => {
+		try {
+			Object.keys(formRules).forEach((key) => delete formRules[key]);
+			options.value.forEach((item) => {
+				if (!(item.prop in formModel)) formModel[item.prop] = item.value !== void 0 ? item.value : getDefaultValue(item.type);
+				if (item.rules?.length) {
+					const allHaveValidator = item.rules.every((r) => typeof r.validator === "function");
+					formRules[item.prop] = allHaveValidator ? mergeRules(item.rules) : item.rules;
+				}
+			});
+		} catch (error) {
+			console.error("[C_Form] 初始化失败:", error);
+		}
+	};
+	const handleFieldChange = (field) => {
+		if (config.value.validateOnChange) nextTick(() => {
+			validateField(field).catch(() => {});
+		});
+	};
+	const validate = async () => {
+		if (!formRef.value) throw new Error("[C_Form] 表单引用不存在");
+		try {
+			await formRef.value.validate();
+			emit("validate-success", getModel());
+		} catch (errors) {
+			emit("validate-error", errors);
+			throw errors;
+		}
+	};
+	const validateField = async (field) => {
+		if (!formRef.value) throw new Error("[C_Form] 表单引用不存在");
+		const fields = Array.isArray(field) ? field : [field];
+		try {
+			await formRef.value.validate();
+		} catch (allErrors) {
+			if (!Array.isArray(allErrors)) throw allErrors;
+			const targetErrors = allErrors.filter((errorGroup) => errorGroup?.some((err) => {
+				const e = err;
+				return typeof e.field === "string" && fields.includes(e.field);
+			}));
+			if (targetErrors.length > 0) throw targetErrors;
+		}
+	};
+	const clearValidation = (field) => {
+		if (!formRef.value) return;
+		if (field) (Array.isArray(field) ? field : [field]).forEach((fieldName) => {
+			if (formModel[fieldName] !== void 0) formModel[fieldName] = formModel[fieldName];
+		});
+		else formRef.value.restoreValidation();
+	};
+	const validateByFilter = async (filterFn, context) => {
+		try {
+			const fields = options.value.filter(filterFn).map((option) => option.prop);
+			if (fields.length === 0) return true;
+			await validateField(fields);
+			return true;
+		} catch (error) {
+			console.warn(`[C_Form] ${context}验证失败:`, error);
+			return false;
+		}
+	};
+	const validateStep = async (stepIndex) => {
+		const stepKey = config.value.steps?.steps?.[stepIndex]?.key;
+		if (!stepKey) return true;
+		return validateByFilter((option) => option.layout?.step === stepKey, `步骤 ${stepIndex} `);
+	};
+	const validateTab = async (tabKey) => {
+		return validateByFilter((option) => option.layout?.tab === tabKey, `标签页 ${tabKey} `);
+	};
+	const validateDynamicFields = async () => {
+		return validateByFilter((option) => Boolean(option.layout?.dynamic), "动态字段 ");
+	};
+	const validateCustomGroup = async (groupKey) => {
+		return validateByFilter((option) => option.layout?.group === groupKey, `自定义分组 ${groupKey} `);
+	};
+	const getModel = () => ({ ...formModel });
+	const setFields = (fields) => {
+		Object.assign(formModel, fields);
+	};
+	const resetFields = () => {
+		try {
+			clearValidation();
+			options.value.forEach((item) => {
+				const defaultValue = item.value !== void 0 ? item.value : getDefaultValue(item.type);
+				formModel[item.prop] = defaultValue;
+			});
+		} catch (error) {
+			console.error("[C_Form] 重置表单失败:", error);
+		}
+	};
+	const setFieldValue = async (field, value, shouldValidate = false) => {
+		formModel[field] = value;
+		if (shouldValidate) await validateField(field);
+	};
+	const getFieldValue = (field) => formModel[field];
+	const setFieldsValue = async (fields, shouldValidate = false) => {
+		Object.assign(formModel, fields);
+		if (shouldValidate) await validate();
+	};
+	const handleSubmit = async () => {
+		try {
+			await validate();
+			emit("submit", {
+				model: getModel(),
+				form: formRef.value
+			});
+		} catch (error) {
+			console.warn("[C_Form] 表单验证失败:", error);
+		}
+	};
+	onMounted(() => {
+		initialize();
+		watch(() => options.value, () => initialize(), { deep: true });
+		watch(() => formModel, (val) => emit("update:modelValue", { ...val }), { deep: true });
+	});
+	return {
+		formModel,
+		formRules,
+		visibleOptions,
+		initialize,
+		handleFieldChange,
+		validate,
+		validateField,
+		validateStep,
+		validateTab,
+		validateDynamicFields,
+		validateCustomGroup,
+		clearValidation,
+		getModel,
+		setFields,
+		resetFields,
+		setFieldValue,
+		getFieldValue,
+		setFieldsValue,
+		handleSubmit,
+		handleReset: resetFields
+	};
+}
+
+//#endregion
+//#region src/components/C_Form/composables/useFormRenderer.ts
+/**
+* 构建渲染器注册表
+* @param C - 组件映射表（由 C_Form 的 <script setup> 解析并注入）
+*
+* 为什么不在 .ts 文件中直接 resolveComponent？
+* unplugin-vue-components 只转换 .vue SFC 中的 resolveComponent 调用，
+* .ts 文件中的 resolveComponent 不会被转换，运行时无法找到组件。
+*/
+function buildRenderers(C) {
+	return {
+		input: (props) => h(C.NInput, { ...props }),
+		textarea: (props) => h(C.NInput, {
+			...props,
+			type: "textarea"
+		}),
+		inputNumber: (props) => h(C.NInputNumber, { ...props }),
+		switch: (props) => h(C.NSwitch, { ...props }),
+		slider: (props) => h(C.NSlider, { ...props }),
+		rate: (props) => h(C.NRate, { ...props }),
+		datePicker: (props) => h(C.NDatePicker, { ...props }),
+		daterange: (props) => h(C.NDatePicker, {
+			...props,
+			type: "daterange"
+		}),
+		timePicker: (props) => h(C.NTimePicker, { ...props }),
+		cascader: (props) => h(C.NCascader, { ...props }),
+		colorPicker: (props) => h(C.NColorPicker, { ...props }),
+		select: (baseProps, item) => h(C.NSelect, {
+			...baseProps,
+			options: item.children?.map((child) => ({
+				value: child.value,
+				label: child.label,
+				disabled: child.disabled
+			})) || []
+		}),
+		checkbox: (baseProps, item) => h(C.NCheckboxGroup, { ...baseProps }, { default: () => h(C.NSpace, {}, { default: () => item.children?.map((child) => h(C.NCheckbox, {
+			value: child.value,
+			label: child.label,
+			disabled: child.disabled,
+			key: String(child.value)
+		})) || [] }) }),
+		radio: (baseProps, item) => h(C.NRadioGroup, { ...baseProps }, { default: () => h(C.NSpace, {}, { default: () => item.children?.map((child) => h(C.NRadio, {
+			value: child.value,
+			disabled: child.disabled,
+			key: String(child.value)
+		}, { default: () => child.label })) || [] }) }),
+		upload: (baseProps, item, _config, ctx) => h(C.NUpload, {
+			fileList: baseProps.value || [],
+			"onUpdate:fileList": (fileList) => {
+				baseProps["onUpdate:value"]?.(fileList);
+			},
+			...item.attrs
+		}, {
+			trigger: () => ctx?.slots?.["uploadClick"]?.() || h(C.NButton, { type: "primary" }, { default: () => "选择文件" }),
+			tip: () => ctx?.slots?.["uploadTip"]?.() || null
+		}),
+		editor: (baseProps, item, config) => h(C.C_Editor, {
+			editorId: `editor-${item.prop}`,
+			modelValue: baseProps.value || "",
+			placeholder: item.placeholder,
+			disabled: config.disabled,
+			readonly: config.readonly,
+			"onUpdate:modelValue": (value) => {
+				baseProps["onUpdate:value"]?.(value);
+			},
+			...item.attrs
+		})
+	};
+}
+/** 自定义渲染器扩展存储 */
+const customRenderers = {};
+/**
+* 运行时注册自定义渲染器 — 开闭原则
+* @param type - 控件类型名
+* @param renderer - 渲染函数
+*/
+function registerRenderer(type, renderer) {
+	customRenderers[type] = renderer;
+}
+/**
+* 渲染引擎 Composable — 生成 formItems VNode 数组
+* @param componentMap - 已解析的组件映射表（由 C_Form 的 <script setup> 提供）
+*/
+function useFormRenderer(formModel, visibleOptions, config, handleFieldChange, componentMap, instanceSlots) {
+	const renderers = {
+		...buildRenderers(componentMap),
+		...customRenderers
+	};
+	/**
+	* 为指定表单项生成基础 props（双向绑定 + 占位符）
+	*/
+	const getBaseProps = (item) => {
+		const baseProps = {
+			value: formModel[item.prop],
+			"onUpdate:value": (value) => {
+				formModel[item.prop] = value;
+				handleFieldChange(item.prop);
+			}
+		};
+		if (item.type === "textarea") baseProps.type = "textarea";
+		if (item.placeholder) baseProps.placeholder = item.placeholder;
+		return baseProps;
+	};
+	/**
+	* 渲染单个表单项控件
+	*/
+	const renderFormItem = (item) => {
+		try {
+			const renderer = renderers[item.type];
+			if (!renderer) {
+				console.warn(`[C_Form] 未支持的组件类型: ${item.type}`);
+				return null;
+			}
+			return renderer({
+				...getBaseProps(item),
+				...item.attrs
+			}, item, config.value, {
+				slots: instanceSlots,
+				components: componentMap
+			});
+		} catch (error) {
+			console.error(`[C_Form] 渲染表单项失败:`, error, item);
+			return null;
+		}
+	};
+	return {
+		renderFormItem,
+		formItems: computed(() => visibleOptions.value.map((item) => h(componentMap.NFormItem, {
+			label: item.label,
+			path: item.prop,
+			key: item.prop,
+			required: !!item.rules?.length
+		}, { default: () => renderFormItem(item) }))),
+		getBaseProps
+	};
+}
+
+//#endregion
+//#region src/components/C_Form/layouts/Default/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$6 = { class: "c-form-default" };
+var index_vue_vue_type_script_setup_true_lang_default$8 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		formItems: {},
+		layoutConfig: {},
+		options: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item) => {
+				return openBlock(), createBlock(resolveDynamicComponent(item), { key: item.key });
+			}), 128))]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/layouts/Default/index.vue
+var Default_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$8, [["__scopeId", "data-v-3422ba86"]]);
+
+//#endregion
+//#region src/components/C_Form/layouts/Inline/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default$7 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		formItems: {},
+		layoutConfig: { default: () => ({}) },
+		options: { default: () => [] }
+	},
+	setup(__props) {
+		const props = __props;
+		/**
+		* 获取统一项目宽度
+		*/
+		const itemWidth = computed(() => 280);
+		/**
+		* 获取项目间距
+		*/
+		const gap = computed(() => {
+			return props.layoutConfig?.inline?.gap ?? 16;
+		});
+		/**
+		* 获取行间距
+		*/
+		const rowGap = computed(() => 16);
+		/**
+		* 获取对齐方式 - 既控制垂直对齐也控制水平对齐
+		*/
+		const align = computed(() => {
+			const alignValue = props.layoutConfig?.inline?.align;
+			return alignValue === "start" || alignValue === "end" ? alignValue : "center";
+		});
+		/**
+		* 获取垂直对齐样式
+		*/
+		const alignItems = computed(() => {
+			switch (align.value) {
+				case "start": return "flex-start";
+				case "end": return "flex-end";
+				default: return "center";
+			}
+		});
+		/**
+		* 获取水平对齐样式
+		*/
+		const justifyContent = computed(() => {
+			switch (align.value) {
+				case "start": return "flex-start";
+				case "end": return "flex-end";
+				case "center": return "center";
+				default: return "flex-start";
+			}
+		});
+		/**
+		* 容器样式计算
+		*/
+		const containerStyle = computed(() => {
+			return {
+				display: "flex",
+				flexWrap: "wrap",
+				alignItems: alignItems.value,
+				justifyContent: justifyContent.value,
+				gap: `${rowGap.value}px ${gap.value}px`,
+				width: "100%"
+			};
+		});
+		/**
+		* 获取表单项的唯一key
+		*/
+		const getItemKey = (item, index) => {
+			if (item.key != null) return String(item.key);
+			const itemProps = item.props;
+			if (itemProps?.path) return itemProps.path;
+			return `form-item-${index}`;
+		};
+		/**
+		* 获取表单项样式
+		*/
+		const getItemStyle = (index) => {
+			const layoutConfig = (props.options?.[index])?.layout;
+			const baseStyle = {
+				width: `${itemWidth.value}px`,
+				flexShrink: 0,
+				display: "flex",
+				flexDirection: "column"
+			};
+			if (layoutConfig?.width !== void 0) baseStyle.width = typeof layoutConfig.width === "number" ? `${layoutConfig.width}px` : layoutConfig.width;
+			if (layoutConfig?.style) Object.assign(baseStyle, layoutConfig.style);
+			return baseStyle;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "c-form-inline",
+				style: normalizeStyle(containerStyle.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: getItemKey(item, index),
+					class: "c-form-inline-item",
+					style: normalizeStyle(getItemStyle(index))
+				}, [(openBlock(), createBlock(resolveDynamicComponent(item)))], 4);
+			}), 128))], 4);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/layouts/Inline/index.vue
+var Inline_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$7, [["__scopeId", "data-v-c4648e30"]]);
+
+//#endregion
+//#region src/components/C_Form/layouts/Grid/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$5 = { class: "c-grid-layout" };
+const _hoisted_2$5 = { class: "config-header" };
+const _hoisted_3$5 = { class: "config-controls" };
+const _hoisted_4$5 = { class: "config-label" };
+const _hoisted_5$5 = { class: "item-wrapper" };
+var index_vue_vue_type_script_setup_true_lang_default$6 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		formItems: {},
+		layoutConfig: { default: () => ({}) },
+		options: { default: () => [] }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const isDev = ref(typeof import.meta !== "undefined" && !!import.meta.env?.DEV);
+		const internalConfig = reactive({
+			cols: 24,
+			gutter: 16,
+			responsive: true
+		});
+		const gridConfig = computed(() => props.layoutConfig?.grid || {});
+		const showConfigPanel = computed(() => gridConfig.value.showConfigPanel);
+		const showStats = computed(() => gridConfig.value.showStats);
+		const effectiveConfig = computed(() => ({
+			cols: showConfigPanel.value ? internalConfig.cols : gridConfig.value.cols ?? 24,
+			gutter: showConfigPanel.value ? internalConfig.gutter : gridConfig.value.gutter ?? 16,
+			responsive: showConfigPanel.value ? internalConfig.responsive : gridConfig.value.responsive ?? true
+		}));
+		const gridProps = computed(() => ({
+			cols: effectiveConfig.value.cols,
+			xGap: effectiveConfig.value.gutter,
+			yGap: effectiveConfig.value.gutter,
+			responsive: effectiveConfig.value.responsive ? "screen" : "self"
+		}));
+		const configControls = computed(() => [
+			{
+				key: "cols",
+				label: "列数",
+				component: "NInputNumber",
+				value: computed({
+					get: () => internalConfig.cols,
+					set: (val) => internalConfig.cols = val
+				}),
+				props: {
+					min: 1,
+					max: 48,
+					size: "small"
+				}
+			},
+			{
+				key: "gutter",
+				label: "间距",
+				component: "NInputNumber",
+				value: computed({
+					get: () => internalConfig.gutter,
+					set: (val) => internalConfig.gutter = val
+				}),
+				props: {
+					min: 0,
+					max: 48,
+					size: "small"
+				}
+			},
+			{
+				key: "responsive",
+				label: "响应式",
+				component: "NSwitch",
+				value: computed({
+					get: () => internalConfig.responsive,
+					set: (val) => internalConfig.responsive = val
+				}),
+				props: { size: "small" }
+			}
+		]);
+		const statsText = computed(() => `列数: ${effectiveConfig.value.cols} | 间距: ${effectiveConfig.value.gutter}px | 项目: ${props.formItems.length}个`);
+		/**
+		* 获取表单项key
+		*/
+		const getItemKey = (item, index) => String(item.key) || item.props?.path || `grid-item-${index}`;
+		/**
+		* 获取布局属性值
+		*/
+		const getLayoutValue = (index, key) => {
+			const option = props.options?.[index]?.layout;
+			return option?.[key] ?? option?.grid?.[key];
+		};
+		/**
+		* 获取默认span值
+		*/
+		const getDefaultSpan = () => {
+			const { cols } = effectiveConfig.value;
+			return cols <= 12 ? cols : cols <= 24 ? 12 : 8;
+		};
+		/**
+		* 获取网格项属性
+		*/
+		const getItemProps = (index) => {
+			const span = getLayoutValue(index, "span");
+			const offset = getLayoutValue(index, "offset");
+			const suffix = getLayoutValue(index, "suffix");
+			return {
+				span: typeof span === "number" && span > 0 && span <= effectiveConfig.value.cols ? span : getDefaultSpan(),
+				offset: typeof offset === "number" && offset >= 0 && offset < effectiveConfig.value.cols ? offset : 0,
+				suffix: Boolean(suffix)
+			};
+		};
+		/**
+		* 配置变更事件
+		*/
+		const emitConfigChange = () => {
+			if (isDev.value) console.log("Grid config updated:", toRaw(internalConfig));
+		};
+		watch(gridConfig, (config) => {
+			if (config.cols !== void 0) internalConfig.cols = config.cols;
+			if (config.gutter !== void 0) internalConfig.gutter = config.gutter;
+			if (config.responsive !== void 0) internalConfig.responsive = config.responsive;
+		}, { immediate: true });
+		if (isDev.value) watchEffect(() => {
+			const optionsCount = props.options.length;
+			const itemsCount = props.formItems.length;
+			if (optionsCount > 0 && optionsCount !== itemsCount) console.warn(`[GridLayout] 配置数量(${optionsCount})与表单项数量(${itemsCount})不匹配`);
+		});
+		__expose({
+			updateGridConfig: (config) => Object.assign(internalConfig, config),
+			getCurrentConfig: () => ({ ...effectiveConfig.value }),
+			getGridInfo: () => ({
+				...effectiveConfig.value,
+				itemCount: props.formItems.length
+			})
+		});
+		return (_ctx, _cache) => {
+			const _component_NCard = resolveComponent("NCard");
+			const _component_NGridItem = resolveComponent("NGridItem");
+			const _component_NGrid = resolveComponent("NGrid");
+			const _component_NAlert = resolveComponent("NAlert");
+			return openBlock(), createElementBlock("div", _hoisted_1$5, [
+				createCommentVNode(" 配置面板 "),
+				showConfigPanel.value ? (openBlock(), createBlock(_component_NCard, {
+					key: 0,
+					size: "small",
+					bordered: false,
+					class: "config-panel"
+				}, {
+					header: withCtx(() => [createElementVNode("div", _hoisted_2$5, [createVNode(C_Icon_default, {
+						name: "mdi:view-grid",
+						size: 18
+					}), _cache[0] || (_cache[0] = createElementVNode("span", null, "网格配置", -1))])]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_3$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(configControls.value, (control) => {
+						return openBlock(), createElementBlock("div", {
+							key: control.key,
+							class: "config-item"
+						}, [createElementVNode("span", _hoisted_4$5, toDisplayString(control.label) + ":", 1), (openBlock(), createBlock(resolveDynamicComponent(control.component), mergeProps({
+							value: control.value,
+							"onUpdate:value": ($event) => control.value = $event
+						}, { ref_for: true }, control.props, { "onUpdate:value": emitConfigChange }), null, 16, ["value", "onUpdate:value"]))]);
+					}), 128))])]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" 网格容器 "),
+				createVNode(_component_NGrid, mergeProps(gridProps.value, { class: "grid-container" }), {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item, index) => {
+						return openBlock(), createBlock(_component_NGridItem, mergeProps({ key: getItemKey(item, index) }, { ref_for: true }, getItemProps(index), { class: "grid-item" }), {
+							default: withCtx(() => [createElementVNode("div", _hoisted_5$5, [(openBlock(), createBlock(resolveDynamicComponent(item)))])]),
+							_: 2
+						}, 1040);
+					}), 128))]),
+					_: 1
+				}, 16),
+				createCommentVNode(" 统计信息 "),
+				showStats.value && isDev.value ? (openBlock(), createBlock(_component_NAlert, {
+					key: 1,
+					type: "info",
+					"show-icon": false,
+					size: "small",
+					class: "grid-stats"
+				}, {
+					header: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:information-outline",
+						size: 16
+					}), _cache[1] || (_cache[1] = createTextVNode(" 网格信息 ", -1))]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(statsText.value), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true)
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/layouts/Grid/index.vue
+var Grid_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$6, [["__scopeId", "data-v-ec7e9532"]]);
+
+//#endregion
+//#region src/components/C_Form/layouts/Card/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$4 = { class: "c-form-card" };
+const _hoisted_2$4 = { class: "flex items-center gap-2" };
+const _hoisted_3$4 = { class: "config-controls" };
+const _hoisted_4$4 = { class: "config-item" };
+const _hoisted_5$4 = { class: "flex items-center gap-2" };
+const _hoisted_6$4 = { class: "text-xs min-w-12" };
+const _hoisted_7$3 = { class: "config-item" };
+const _hoisted_8$2 = { class: "config-item" };
+const _hoisted_9$1 = { class: "config-item" };
+const _hoisted_10$1 = { class: "flex items-center gap-3" };
+const _hoisted_11$1 = { class: "card-header" };
+const _hoisted_12$1 = { class: "header-info" };
+const _hoisted_13$1 = { class: "header-text" };
+const _hoisted_14$1 = { key: 0 };
+const _hoisted_15$1 = { class: "header-actions" };
+const _hoisted_16$1 = { class: "field-stats" };
+const _hoisted_17$1 = { class: "card-content" };
+const _hoisted_18$1 = {
+	key: 0,
+	class: "progress-section"
+};
+const _hoisted_19$1 = { class: "action-content" };
+const _hoisted_20$1 = { class: "status-summary" };
+const _hoisted_21$1 = { class: "status-item" };
+const _hoisted_22$1 = { class: "progress-display" };
+const _hoisted_23$1 = { class: "text-sm min-w-12" };
+const _hoisted_24$1 = { class: "action-buttons" };
+var index_vue_vue_type_script_setup_true_lang_default$5 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		formItems: {},
+		layoutConfig: { default: () => ({}) },
+		options: { default: () => [] },
+		formData: { default: () => ({}) }
+	},
+	setup(__props) {
+		const props = __props;
+		const cardGap = ref(20);
+		const showIcons = ref(true);
+		const collapsible = ref(true);
+		const showProgress = ref(true);
+		const currentDirection = ref("vertical");
+		const collapsedGroups = ref({});
+		const groups = computed(() => {
+			return props.layoutConfig?.card?.groups || [];
+		});
+		const hasGroups = computed(() => {
+			return groups.value.length > 0;
+		});
+		const showLayoutConfig = computed(() => {
+			return props.layoutConfig?.card?.showLayoutConfig ?? true;
+		});
+		const showActionPanel = computed(() => {
+			return props.layoutConfig?.card?.showActionPanel ?? true;
+		});
+		const layoutClass = computed(() => {
+			if (!hasGroups.value) return "layout-single";
+			return `layout-${currentDirection.value}`;
+		});
+		const groupsWithItems = computed(() => {
+			if (!hasGroups.value) return [];
+			const groupMap = /* @__PURE__ */ new Map();
+			groups.value.forEach((group) => {
+				groupMap.set(group.key, []);
+			});
+			props.formItems.forEach((item, index) => {
+				const groupKey = (props.options?.[index])?.layout?.group || groups.value[0]?.key || "default";
+				if (!groupMap.has(groupKey)) groupMap.set(groupKey, []);
+				groupMap.get(groupKey).push(item);
+			});
+			return groups.value.map((groupConfig) => ({
+				config: groupConfig,
+				items: groupMap.get(groupConfig.key) || []
+			})).filter((group) => group.items.length > 0);
+		});
+		const allCollapsed = computed(() => {
+			const groupKeys = Object.keys(collapsedGroups.value);
+			return groupKeys.length > 0 && groupKeys.every((key) => collapsedGroups.value[key]);
+		});
+		const totalProgress = computed(() => {
+			if (!props.options || props.options.length === 0) return 0;
+			const filledCount = props.options.filter((option) => {
+				const value = props.formData?.[option.prop || ""];
+				return isFieldFilled(value);
+			}).length;
+			return Math.round(filledCount / props.options.length * 100);
+		});
+		const isFieldFilled = (value) => {
+			if (value === null || value === void 0) return false;
+			if (Array.isArray(value)) return value.length > 0;
+			if (typeof value === "string") return value.trim() !== "";
+			return true;
+		};
+		const getFilledCount = (group) => {
+			if (!props.options) return 0;
+			return props.options.filter((option) => option.layout?.group === group.config.key).filter((option) => {
+				const value = props.formData?.[option.prop || ""];
+				return isFieldFilled(value);
+			}).length;
+		};
+		const getGroupProgress = (group) => {
+			if (group.items.length === 0) return 0;
+			const filledCount = getFilledCount(group);
+			return Math.round(filledCount / group.items.length * 100);
+		};
+		const getDefaultIcon = (groupKey) => {
+			const iconMap = {
+				basic: "mdi:account",
+				contact: "mdi:phone",
+				preferences: "mdi:cog",
+				settings: "mdi:cog",
+				info: "mdi:information",
+				default: "mdi:form-select"
+			};
+			return iconMap[groupKey] || iconMap.default;
+		};
+		const toggleGroup = (groupKey) => {
+			collapsedGroups.value[groupKey] = !collapsedGroups.value[groupKey];
+		};
+		const toggleAllGroups = () => {
+			const shouldCollapse = !allCollapsed.value;
+			groups.value.forEach((group) => {
+				collapsedGroups.value[group.key] = shouldCollapse;
+			});
+		};
+		onMounted(() => {
+			const config = props.layoutConfig?.card;
+			if (config?.direction) currentDirection.value = config.direction;
+			if (config?.showProgress !== void 0) showProgress.value = config.showProgress;
+			groups.value.forEach((group) => {
+				collapsedGroups.value[group.key] = false;
+			});
+		});
+		return (_ctx, _cache) => {
+			const _component_NSlider = resolveComponent("NSlider");
+			const _component_NSwitch = resolveComponent("NSwitch");
+			const _component_NRadio = resolveComponent("NRadio");
+			const _component_NRadioGroup = resolveComponent("NRadioGroup");
+			const _component_NCard = resolveComponent("NCard");
+			const _component_NBadge = resolveComponent("NBadge");
+			const _component_NButton = resolveComponent("NButton");
+			const _component_NProgress = resolveComponent("NProgress");
+			return openBlock(), createElementBlock("div", _hoisted_1$4, [
+				createCommentVNode(" 布局配置面板 "),
+				hasGroups.value && showLayoutConfig.value ? (openBlock(), createBlock(_component_NCard, {
+					key: 0,
+					class: "layout-config-panel",
+					bordered: false
+				}, {
+					header: withCtx(() => [createElementVNode("div", _hoisted_2$4, [createVNode(C_Icon_default, {
+						name: "mdi:cog",
+						size: 18
+					}), _cache[4] || (_cache[4] = createElementVNode("span", null, "布局配置", -1))])]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_3$4, [
+						createElementVNode("div", _hoisted_4$4, [_cache[5] || (_cache[5] = createElementVNode("span", null, "卡片间距", -1)), createElementVNode("div", _hoisted_5$4, [createVNode(_component_NSlider, {
+							value: cardGap.value,
+							"onUpdate:value": _cache[0] || (_cache[0] = ($event) => cardGap.value = $event),
+							min: 12,
+							max: 32,
+							step: 4,
+							class: "w-24"
+						}, null, 8, ["value"]), createElementVNode("span", _hoisted_6$4, toDisplayString(cardGap.value) + "px", 1)])]),
+						createElementVNode("div", _hoisted_7$3, [_cache[6] || (_cache[6] = createElementVNode("span", null, "显示图标", -1)), createVNode(_component_NSwitch, {
+							value: showIcons.value,
+							"onUpdate:value": _cache[1] || (_cache[1] = ($event) => showIcons.value = $event),
+							size: "small"
+						}, null, 8, ["value"])]),
+						createElementVNode("div", _hoisted_8$2, [_cache[7] || (_cache[7] = createElementVNode("span", null, "可折叠", -1)), createVNode(_component_NSwitch, {
+							value: collapsible.value,
+							"onUpdate:value": _cache[2] || (_cache[2] = ($event) => collapsible.value = $event),
+							size: "small"
+						}, null, 8, ["value"])]),
+						createElementVNode("div", _hoisted_9$1, [_cache[10] || (_cache[10] = createElementVNode("span", null, "布局方向", -1)), createVNode(_component_NRadioGroup, {
+							value: currentDirection.value,
+							"onUpdate:value": _cache[3] || (_cache[3] = ($event) => currentDirection.value = $event),
+							size: "small"
+						}, {
+							default: withCtx(() => [createVNode(_component_NRadio, { value: "vertical" }, {
+								default: withCtx(() => _cache[8] || (_cache[8] = [createTextVNode("垂直", -1)])),
+								_: 1,
+								__: [8]
+							}), createVNode(_component_NRadio, { value: "horizontal" }, {
+								default: withCtx(() => _cache[9] || (_cache[9] = [createTextVNode("水平", -1)])),
+								_: 1,
+								__: [9]
+							})]),
+							_: 1
+						}, 8, ["value"])])
+					])]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" 表单内容区域 "),
+				createElementVNode("div", {
+					class: normalizeClass(["form-content", layoutClass.value]),
+					style: normalizeStyle({ gap: `${cardGap.value}px` })
+				}, [createCommentVNode(" 无分组时的单卡片模式 "), !hasGroups.value ? (openBlock(), createBlock(_component_NCard, {
+					key: 0,
+					class: "single-card",
+					hoverable: ""
+				}, {
+					header: withCtx(() => [createElementVNode("div", _hoisted_10$1, [showIcons.value ? (openBlock(), createBlock(C_Icon_default, {
+						key: 0,
+						name: "mdi:form-select",
+						size: 18,
+						style: { "color": "#3b82f6" }
+					})) : createCommentVNode("v-if", true), _cache[11] || (_cache[11] = createElementVNode("span", null, "表单信息", -1))])]),
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item) => {
+						return openBlock(), createBlock(resolveDynamicComponent(item), { key: item.key });
+					}), 128))]),
+					_: 1
+				})) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 有分组时的多卡片模式 "), (openBlock(true), createElementBlock(Fragment, null, renderList(groupsWithItems.value, (group) => {
+					return openBlock(), createBlock(_component_NCard, {
+						key: group.config.key,
+						class: normalizeClass(["group-card", [`${group.config.key}-card`, { collapsed: collapsible.value && collapsedGroups.value[group.config.key] }]]),
+						hoverable: ""
+					}, {
+						header: withCtx(() => [createElementVNode("div", _hoisted_11$1, [createElementVNode("div", _hoisted_12$1, [showIcons.value && group.config.icon ? (openBlock(), createBlock(C_Icon_default, {
+							key: 0,
+							name: group.config.icon,
+							size: 20,
+							class: "card-icon"
+						}, null, 8, ["name"])) : showIcons.value ? (openBlock(), createBlock(C_Icon_default, {
+							key: 1,
+							name: getDefaultIcon(group.config.key),
+							size: 20,
+							class: "card-icon"
+						}, null, 8, ["name"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_13$1, [createElementVNode("h3", null, toDisplayString(group.config.title), 1), group.config.description ? (openBlock(), createElementBlock("p", _hoisted_14$1, toDisplayString(group.config.description), 1)) : createCommentVNode("v-if", true)])]), createElementVNode("div", _hoisted_15$1, [
+							createCommentVNode(" 统计信息 "),
+							createElementVNode("div", _hoisted_16$1, [createVNode(_component_NBadge, {
+								value: group.items.length,
+								type: "info",
+								"show-zero": ""
+							}, null, 8, ["value"]), createVNode(_component_NBadge, {
+								value: `${getFilledCount(group)}/${group.items.length}`,
+								type: getFilledCount(group) === group.items.length ? "success" : "warning"
+							}, null, 8, ["value", "type"])]),
+							createCommentVNode(" 折叠按钮 "),
+							collapsible.value ? (openBlock(), createBlock(_component_NButton, {
+								key: 0,
+								quaternary: "",
+								circle: "",
+								size: "small",
+								onClick: ($event) => toggleGroup(group.config.key)
+							}, {
+								icon: withCtx(() => [createVNode(C_Icon_default, {
+									name: collapsedGroups.value[group.config.key] ? "mdi:chevron-down" : "mdi:chevron-up",
+									size: 18
+								}, null, 8, ["name"])]),
+								_: 2
+							}, 1032, ["onClick"])) : createCommentVNode("v-if", true)
+						])])]),
+						default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_17$1, [
+							createCommentVNode(" 进度指示器 "),
+							showProgress.value ? (openBlock(), createElementBlock("div", _hoisted_18$1, [createVNode(_component_NProgress, {
+								percentage: getGroupProgress(group),
+								color: getGroupProgress(group) === 100 ? "#52c41a" : "#1890ff",
+								"show-indicator": false,
+								class: "mb-4"
+							}, null, 8, ["percentage", "color"])])) : createCommentVNode("v-if", true),
+							createCommentVNode(" 表单项 "),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
+								return openBlock(), createBlock(resolveDynamicComponent(item), { key: item.key });
+							}), 128))
+						], 512), [[vShow, !collapsedGroups.value[group.config.key]]])]),
+						_: 2
+					}, 1032, ["class"]);
+				}), 128))], 64))], 6),
+				createCommentVNode(" 统一操作面板 "),
+				hasGroups.value && showActionPanel.value ? (openBlock(), createBlock(_component_NCard, {
+					key: 1,
+					class: "action-panel",
+					bordered: false
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_19$1, [createElementVNode("div", _hoisted_20$1, [createElementVNode("div", _hoisted_21$1, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "label" }, "完成进度:", -1)), createElementVNode("div", _hoisted_22$1, [createVNode(_component_NProgress, {
+						percentage: totalProgress.value,
+						"show-indicator": false,
+						color: totalProgress.value === 100 ? "#52c41a" : "#1890ff",
+						class: "flex-1"
+					}, null, 8, ["percentage", "color"]), createElementVNode("span", _hoisted_23$1, toDisplayString(totalProgress.value) + "%", 1)])])]), createElementVNode("div", _hoisted_24$1, [collapsible.value ? (openBlock(), createBlock(_component_NButton, {
+						key: 0,
+						onClick: toggleAllGroups
+					}, {
+						icon: withCtx(() => [createVNode(C_Icon_default, {
+							name: allCollapsed.value ? "mdi:unfold-more-horizontal" : "mdi:unfold-less-horizontal",
+							size: 18
+						}, null, 8, ["name"])]),
+						default: withCtx(() => [createTextVNode(" " + toDisplayString(allCollapsed.value ? "展开全部" : "折叠全部"), 1)]),
+						_: 1
+					})) : createCommentVNode("v-if", true)])])]),
+					_: 1
+				})) : createCommentVNode("v-if", true)
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/layouts/Card/index.vue
+var Card_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$5, [["__scopeId", "data-v-fff86989"]]);
+
+//#endregion
+//#region src/components/C_Form/layouts/Tabs/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$3 = { class: "c-form-tabs" };
+const _hoisted_2$3 = {
+	key: 0,
+	class: "single-panel"
+};
+const _hoisted_3$3 = { class: "tabs-container" };
+const _hoisted_4$3 = {
+	key: 0,
+	class: "tab-header"
+};
+const _hoisted_5$3 = { class: "tab-description" };
+const _hoisted_6$3 = { class: "tab-form-items" };
+const _hoisted_7$2 = {
+	key: 0,
+	class: "tabs-actions"
+};
+var index_vue_vue_type_script_setup_true_lang_default$4 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		formItems: {},
+		layoutConfig: { default: () => ({}) },
+		options: { default: () => [] }
+	},
+	emits: [
+		"tab-change",
+		"tab-before-change",
+		"tab-validate",
+		"tab-close",
+		"tab-add"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const currentTab = ref("");
+		const tabValidationStatus = reactive({});
+		const getDefaultTabsConfig = () => ({
+			tabs: [],
+			type: "line",
+			size: "medium",
+			placement: "top",
+			animated: true,
+			closable: false,
+			addable: false,
+			showTabHeader: true,
+			showActions: false,
+			showCount: false,
+			validateBeforeSwitch: false,
+			defaultTab: ""
+		});
+		const tabsConfig = computed(() => {
+			const defaultConfig = getDefaultTabsConfig();
+			const userConfig = props.layoutConfig?.tabs || {};
+			return {
+				...defaultConfig,
+				...userConfig
+			};
+		});
+		const hasTabs = computed(() => {
+			return tabsConfig.value.tabs.length > 0;
+		});
+		const tabsWithItems = computed(() => {
+			if (!hasTabs.value) return [];
+			const tabMap = /* @__PURE__ */ new Map();
+			tabsConfig.value.tabs.forEach((tab) => {
+				tabMap.set(tab.key, []);
+			});
+			props.formItems.forEach((item, index) => {
+				const tabKey = (props.options?.[index])?.layout?.tab || tabsConfig.value.tabs[0]?.key || "default";
+				if (!tabMap.has(tabKey)) tabMap.set(tabKey, []);
+				tabMap.get(tabKey).push(item);
+			});
+			return tabsConfig.value.tabs.map((tabConfig) => ({
+				config: tabConfig,
+				items: tabMap.get(tabConfig.key) || []
+			}));
+		});
+		const getItemKey = (item, index) => {
+			if (item.key != null) return String(item.key);
+			const itemProps = item.props;
+			if (itemProps?.path) return itemProps.path;
+			return `tab-item-${index}`;
+		};
+		const validateCurrentTab = async () => {
+			if (!currentTab.value) return true;
+			try {
+				emit("tab-validate", currentTab.value);
+				const valid = true;
+				tabValidationStatus[currentTab.value] = valid;
+				return valid;
+			} catch (error) {
+				console.error("[Tabs Layout] 标签验证失败:", error);
+				tabValidationStatus[currentTab.value] = false;
+				return false;
+			}
+		};
+		const switchToTab = async (targetTab) => {
+			if (!targetTab || targetTab === currentTab.value) return true;
+			if (!tabsWithItems.value.some((tab) => tab.config.key === targetTab)) return false;
+			try {
+				if (tabsConfig.value.validateBeforeSwitch && currentTab.value) {
+					if (!await validateCurrentTab()) return false;
+				}
+				if (currentTab.value) emit("tab-before-change", currentTab.value, targetTab);
+				currentTab.value = targetTab;
+				emit("tab-change", targetTab, tabsWithItems.value.findIndex((tab) => tab.config.key === targetTab));
+				return true;
+			} catch (error) {
+				console.error("[Tabs Layout] 标签切换失败:", error);
+				return false;
+			}
+		};
+		const handleTabChange = (tabKey) => {
+			switchToTab(tabKey);
+		};
+		const handleTabClose = (tabKey) => {
+			emit("tab-close", tabKey);
+		};
+		const handleTabAdd = () => {
+			emit("tab-add");
+		};
+		const initializeCurrentTab = () => {
+			if (!hasTabs.value || tabsWithItems.value.length === 0) return;
+			const { defaultTab } = tabsConfig.value;
+			const targetTab = defaultTab || tabsWithItems.value[0]?.config.key;
+			if (targetTab && targetTab !== currentTab.value) {
+				currentTab.value = targetTab;
+				nextTick(() => {
+					const tabIndex = tabsWithItems.value.findIndex((tab) => tab.config.key === targetTab);
+					if (tabIndex >= 0) emit("tab-change", targetTab, tabIndex);
+				});
+			}
+		};
+		onMounted(() => {
+			initializeCurrentTab();
+		});
+		watch(computed(() => tabsConfig.value.tabs.map((t) => t.key).join(",")), () => {
+			if (currentTab.value && !tabsConfig.value.tabs.some((tab) => tab.key === currentTab.value)) initializeCurrentTab();
+		});
+		watch(() => tabsConfig.value.defaultTab, (newDefaultTab) => {
+			if (newDefaultTab && newDefaultTab !== currentTab.value) switchToTab(newDefaultTab);
+		});
+		__expose({
+			switchToTab,
+			validateCurrentTab,
+			currentTab: readonly(currentTab),
+			totalTabs: computed(() => tabsWithItems.value.length),
+			tabsWithItems: readonly(tabsWithItems)
+		});
+		return (_ctx, _cache) => {
+			const _component_NBadge = resolveComponent("NBadge");
+			const _component_NSpace = resolveComponent("NSpace");
+			const _component_NEmpty = resolveComponent("NEmpty");
+			const _component_NTabPane = resolveComponent("NTabPane");
+			const _component_NTabs = resolveComponent("NTabs");
+			const _component_NButton = resolveComponent("NButton");
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [createCommentVNode(" 无标签配置时的单一面板模式 "), !hasTabs.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item, index) => {
+				return openBlock(), createBlock(resolveDynamicComponent(item), { key: getItemKey(item, index) });
+			}), 128))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 有标签配置时的分标签模式 "), createElementVNode("div", _hoisted_3$3, [
+				createVNode(_component_NTabs, {
+					value: currentTab.value,
+					"onUpdate:value": [_cache[0] || (_cache[0] = ($event) => currentTab.value = $event), handleTabChange],
+					type: tabsConfig.value.type,
+					size: tabsConfig.value.size,
+					placement: tabsConfig.value.placement,
+					animated: tabsConfig.value.animated,
+					closable: tabsConfig.value.closable,
+					addable: tabsConfig.value.addable,
+					class: "form-tabs",
+					onClose: handleTabClose,
+					onAdd: handleTabAdd
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tabsWithItems.value, (tab) => {
+						return openBlock(), createBlock(_component_NTabPane, {
+							key: tab.config.key,
+							name: tab.config.key,
+							tab: tab.config.title,
+							disabled: tab.config.disabled,
+							closable: tab.config.closable
+						}, {
+							tab: withCtx(() => [createVNode(_component_NSpace, {
+								align: "center",
+								size: 8
+							}, {
+								default: withCtx(() => [
+									tab.config.icon ? (openBlock(), createBlock(C_Icon_default, {
+										key: 0,
+										name: tab.config.icon,
+										size: 16,
+										class: "tab-icon"
+									}, null, 8, ["name"])) : createCommentVNode("v-if", true),
+									createElementVNode("span", null, toDisplayString(tab.config.title), 1),
+									tabsConfig.value.showCount ? (openBlock(), createBlock(_component_NBadge, {
+										key: 1,
+										value: tab.items.length,
+										max: 99,
+										show: tab.items.length > 0,
+										type: "info"
+									}, null, 8, ["value", "show"])) : createCommentVNode("v-if", true)
+								]),
+								_: 2
+							}, 1024)]),
+							default: withCtx(() => [
+								tabsConfig.value.showTabHeader && tab.config.description ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createElementVNode("p", _hoisted_5$3, toDisplayString(tab.config.description), 1)])) : createCommentVNode("v-if", true),
+								createElementVNode("div", _hoisted_6$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(tab.items, (item, itemIndex) => {
+									return openBlock(), createBlock(resolveDynamicComponent(item), { key: getItemKey(item, itemIndex) });
+								}), 128))]),
+								tab.items.length === 0 ? (openBlock(), createBlock(_component_NEmpty, {
+									key: 1,
+									description: "暂无表单项",
+									class: "tab-empty"
+								})) : createCommentVNode("v-if", true)
+							]),
+							_: 2
+						}, 1032, [
+							"name",
+							"tab",
+							"disabled",
+							"closable"
+						]);
+					}), 128))]),
+					_: 1
+				}, 8, [
+					"value",
+					"type",
+					"size",
+					"placement",
+					"animated",
+					"closable",
+					"addable"
+				]),
+				createCommentVNode(" 标签页操作按钮 "),
+				tabsConfig.value.showActions ? (openBlock(), createElementBlock("div", _hoisted_7$2, [createVNode(_component_NSpace, { justify: "space-between" }, {
+					default: withCtx(() => [createVNode(_component_NSpace, null, {
+						default: withCtx(() => [tabsConfig.value.validateBeforeSwitch ? (openBlock(), createBlock(_component_NButton, {
+							key: 0,
+							type: "primary",
+							size: "small",
+							onClick: validateCurrentTab
+						}, {
+							default: withCtx(() => [createVNode(C_Icon_default, {
+								name: "carbon:star-check",
+								size: 14,
+								style: { "margin-right": "4px" }
+							}), _cache[1] || (_cache[1] = createTextVNode(" 验证当前标签 ", -1))]),
+							_: 1,
+							__: [1]
+						})) : createCommentVNode("v-if", true)]),
+						_: 1
+					}), createVNode(_component_NSpace, null, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "tab-actions", {
+							currentTab: currentTab.value,
+							totalTabs: tabsWithItems.value.length,
+							validateTab: validateCurrentTab,
+							switchToTab
+						}, void 0, true)]),
+						_: 3
+					})]),
+					_: 3
+				})])) : createCommentVNode("v-if", true)
+			])], 2112))]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/layouts/Tabs/index.vue
+var Tabs_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$4, [["__scopeId", "data-v-5a6ef2b7"]]);
+
+//#endregion
+//#region src/components/C_Form/layouts/Steps/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = { class: "c-form-steps" };
+const _hoisted_2$2 = {
+	key: 0,
+	class: "single-panel"
+};
+const _hoisted_3$2 = { class: "steps-container" };
+const _hoisted_4$2 = {
+	key: 0,
+	class: "step-header"
+};
+const _hoisted_5$2 = { class: "step-title" };
+const _hoisted_6$2 = {
+	key: 0,
+	class: "step-description"
+};
+const _hoisted_7$1 = { class: "step-form-items" };
+const _hoisted_8$1 = { class: "steps-actions" };
+var index_vue_vue_type_script_setup_true_lang_default$3 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		formItems: {},
+		layoutConfig: { default: () => ({}) },
+		options: { default: () => [] }
+	},
+	emits: [
+		"step-change",
+		"step-before-change",
+		"step-validate"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const currentStep = ref(0);
+		const loading = ref(false);
+		const stepValidationStatus = reactive({});
+		const stepsConfig = computed(() => {
+			const config = props.layoutConfig?.steps || {};
+			return {
+				steps: config.steps || [],
+				vertical: config.vertical || false,
+				size: config.size || "medium",
+				showStepHeader: config.showStepHeader !== false,
+				validateBeforeNext: config.validateBeforeNext || false,
+				prevButtonText: config.prevButtonText || "上一步",
+				nextButtonText: config.nextButtonText || "下一步",
+				defaultStep: config.defaultStep || 0
+			};
+		});
+		const hasSteps = computed(() => {
+			return stepsConfig.value.steps.length > 0;
+		});
+		const stepsWithItems = computed(() => {
+			if (!hasSteps.value) return [];
+			const stepMap = /* @__PURE__ */ new Map();
+			stepsConfig.value.steps.forEach((step) => {
+				stepMap.set(step.key, []);
+			});
+			props.formItems.forEach((item, index) => {
+				const stepKey = (props.options?.[index])?.layout?.step || stepsConfig.value.steps[0]?.key || "default";
+				if (!stepMap.has(stepKey)) stepMap.set(stepKey, []);
+				stepMap.get(stepKey).push(item);
+			});
+			return stepsConfig.value.steps.map((stepConfig) => ({
+				config: stepConfig,
+				items: stepMap.get(stepConfig.key) || []
+			})).filter((step) => step.items.length > 0);
+		});
+		const stepStatus = computed(() => {
+			for (let i = 0; i <= currentStep.value; i++) if (stepValidationStatus[i] === false) return "error";
+			return "process";
+		});
+		const isFirstStep = computed(() => {
+			return currentStep.value === 0;
+		});
+		const isLastStep = computed(() => {
+			return currentStep.value === stepsWithItems.value.length - 1;
+		});
+		const getItemKey = (item, index) => {
+			if (item.key != null) return String(item.key);
+			const itemProps = item.props;
+			if (itemProps?.path) return itemProps.path;
+			return `step-item-${index}`;
+		};
+		const validateCurrentStep = async () => {
+			try {
+				const valid = await Promise.resolve(emit("step-validate", currentStep.value)) !== false;
+				stepValidationStatus[currentStep.value] = valid;
+				return valid;
+			} catch (error) {
+				console.error("[Steps Layout] 步骤验证失败:", error);
+				stepValidationStatus[currentStep.value] = false;
+				return false;
+			}
+		};
+		const switchToStep = async (targetStep, needValidation = false) => {
+			if (targetStep < 0 || targetStep >= stepsWithItems.value.length) return false;
+			if (targetStep === currentStep.value) return true;
+			try {
+				loading.value = true;
+				if (needValidation && stepsConfig.value.validateBeforeNext) {
+					if (!await validateCurrentStep()) return false;
+				}
+				await emit("step-before-change", currentStep.value, targetStep);
+				currentStep.value = targetStep;
+				emit("step-change", currentStep.value, stepsWithItems.value[currentStep.value].config.key);
+				return true;
+			} catch (error) {
+				console.error("[Steps Layout] 步骤切换失败:", error);
+				return false;
+			} finally {
+				loading.value = false;
+			}
+		};
+		const handleNextStep = async () => {
+			await switchToStep(currentStep.value + 1, true);
+		};
+		const handlePreviousStep = () => {
+			switchToStep(currentStep.value - 1);
+		};
+		const goToStep = async (stepIndex) => {
+			if (stepsWithItems.value[stepIndex]?.config.disabled) return;
+			await switchToStep(stepIndex, stepIndex > currentStep.value);
+		};
+		const initializeCurrentStep = () => {
+			if (!hasSteps.value || stepsWithItems.value.length === 0) return;
+			const { defaultStep } = stepsConfig.value;
+			currentStep.value = defaultStep >= 0 && defaultStep < stepsWithItems.value.length && !stepsWithItems.value[defaultStep]?.config.disabled ? defaultStep : 0;
+		};
+		watch(computed(() => stepsConfig.value.steps.map((s) => s.key).join(",")), () => {
+			initializeCurrentStep();
+		});
+		onMounted(() => {
+			initializeCurrentStep();
+		});
+		__expose({
+			nextStep: handleNextStep,
+			previousStep: handlePreviousStep,
+			goToStep,
+			validateCurrentStep,
+			currentStep: readonly(currentStep),
+			totalSteps: computed(() => stepsWithItems.value.length)
+		});
+		return (_ctx, _cache) => {
+			const _component_NStep = resolveComponent("NStep");
+			const _component_NSteps = resolveComponent("NSteps");
+			const _component_NCard = resolveComponent("NCard");
+			const _component_NButton = resolveComponent("NButton");
+			const _component_NSpace = resolveComponent("NSpace");
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [createCommentVNode(" 无步骤配置时的单一面板模式 "), !hasSteps.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item, index) => {
+				return openBlock(), createBlock(resolveDynamicComponent(item), { key: getItemKey(item, index) });
+			}), 128))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 有步骤配置时的分步骤模式 "), createElementVNode("div", _hoisted_3$2, [
+				createCommentVNode(" 步骤指示器 "),
+				createVNode(_component_NSteps, {
+					current: currentStep.value + 1,
+					status: stepStatus.value,
+					size: stepsConfig.value.size,
+					vertical: stepsConfig.value.vertical,
+					class: "steps-indicator"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(stepsWithItems.value, (step) => {
+						return openBlock(), createBlock(_component_NStep, {
+							key: step.config.key,
+							title: step.config.title,
+							description: step.config.description,
+							disabled: step.config.disabled
+						}, null, 8, [
+							"title",
+							"description",
+							"disabled"
+						]);
+					}), 128))]),
+					_: 1
+				}, 8, [
+					"current",
+					"status",
+					"size",
+					"vertical"
+				]),
+				createCommentVNode(" 步骤内容区域 "),
+				createVNode(_component_NCard, {
+					class: "steps-content",
+					bordered: false
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(stepsWithItems.value, (step, index) => {
+						return withDirectives((openBlock(), createElementBlock("div", {
+							key: step.config.key,
+							class: "step-panel"
+						}, [
+							createCommentVNode(" 步骤标题和描述 "),
+							stepsConfig.value.showStepHeader ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createElementVNode("h3", _hoisted_5$2, toDisplayString(step.config.title), 1), step.config.description ? (openBlock(), createElementBlock("p", _hoisted_6$2, toDisplayString(step.config.description), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+							createCommentVNode(" 步骤内的表单项 "),
+							createElementVNode("div", _hoisted_7$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(step.items, (item, itemIndex) => {
+								return openBlock(), createBlock(resolveDynamicComponent(item), { key: getItemKey(item, itemIndex) });
+							}), 128))])
+						])), [[vShow, currentStep.value === index]]);
+					}), 128))]),
+					_: 1
+				}),
+				createCommentVNode(" 步骤操作按钮 "),
+				createElementVNode("div", _hoisted_8$1, [createVNode(_component_NSpace, { justify: "space-between" }, {
+					default: withCtx(() => [
+						currentStep.value > 0 ? (openBlock(), createBlock(_component_NButton, {
+							key: 0,
+							disabled: loading.value,
+							onClick: handlePreviousStep
+						}, {
+							default: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:chevron-left-first",
+								size: 16,
+								style: { "margin-right": "4px" }
+							}), createTextVNode(" " + toDisplayString(stepsConfig.value.prevButtonText), 1)]),
+							_: 1
+						}, 8, ["disabled"])) : createCommentVNode("v-if", true),
+						_cache[0] || (_cache[0] = createElementVNode("div", null, null, -1)),
+						createVNode(_component_NSpace, null, {
+							default: withCtx(() => [currentStep.value < stepsWithItems.value.length - 1 ? (openBlock(), createBlock(_component_NButton, {
+								key: 0,
+								type: "primary",
+								loading: loading.value,
+								onClick: handleNextStep
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(stepsConfig.value.nextButtonText) + " ", 1), createVNode(C_Icon_default, {
+									name: "mdi:chevron-right-last",
+									size: 16,
+									style: { "margin-left": "4px" }
+								})]),
+								_: 1
+							}, 8, ["loading"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "step-actions", {
+								currentStep: currentStep.value,
+								totalSteps: stepsWithItems.value.length,
+								isFirstStep: isFirstStep.value,
+								isLastStep: isLastStep.value,
+								nextStep: handleNextStep,
+								previousStep: handlePreviousStep,
+								goToStep
+							}, void 0, true)]),
+							_: 3
+						})
+					]),
+					_: 3,
+					__: [0]
+				})])
+			])], 2112))]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/layouts/Steps/index.vue
+var Steps_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$3, [["__scopeId", "data-v-c0439a30"]]);
+
+//#endregion
+//#region src/components/C_Form/composables/useDynamicFormState.ts
+/**
+* @description 动态表单状态管理组合式函数
+* @module useDynamicFormState
+* @Migration: naive-ui-components 组件库迁移版本
+* @returns 包含动态表单状态和操作方法的对象
+*/
+/**
+* @description 默认表单配置
+*/
+const DEFAULT_CONFIG = {
+	maxFields: 20,
+	autoSave: false,
+	enableSort: true,
+	showControls: true,
+	showItemControls: true
+};
+/**
+* @description 可用的字段类型选项
+*/
+const FIELD_TYPE_OPTIONS = [
+	{
+		label: "文本输入",
+		value: "input"
+	},
+	{
+		label: "数字输入",
+		value: "inputNumber"
+	},
+	{
+		label: "多行文本",
+		value: "textarea"
+	},
+	{
+		label: "下拉选择",
+		value: "select"
+	},
+	{
+		label: "开关切换",
+		value: "switch"
+	},
+	{
+		label: "评分组件",
+		value: "rate"
+	}
+];
+/**
+* @description 创建和管理动态表单状态
+* @returns 包含状态和方法的对象
+*/
+const useDynamicFormState = () => {
+	/**
+	* @description 响应式表单状态
+	*/
+	const state = reactive({
+		config: { ...DEFAULT_CONFIG },
+		baseFields: [],
+		dynamicFields: [],
+		hiddenFieldIds: /* @__PURE__ */ new Set(),
+		fieldCounter: 0,
+		isInitialized: false
+	});
+	/**
+	* @description 计算所有字段（基础字段+动态字段）
+	*/
+	const allFields = computed(() => [...state.baseFields, ...state.dynamicFields.map((field) => ({
+		...field,
+		show: !state.hiddenFieldIds.has(field.prop)
+	}))]);
+	/**
+	* @description 计算可见字段
+	*/
+	const visibleFields = computed(() => allFields.value.filter((field) => field.show !== false));
+	/**
+	* @description 计算动态字段数量
+	*/
+	const dynamicFieldsCount = computed(() => state.dynamicFields.length);
+	/**
+	* @description 计算隐藏字段数量
+	*/
+	const hiddenFieldsCount = computed(() => state.hiddenFieldIds.size);
+	/**
+	* @description 是否可以添加更多字段
+	*/
+	const canAddMoreFields = computed(() => state.dynamicFields.length < state.config.maxFields);
+	/**
+	* @description 是否所有字段都可见
+	*/
+	const allVisible = computed(() => state.hiddenFieldIds.size === 0);
+	/**
+	* @description 添加动态字段
+	* @param config - 字段配置
+	*/
+	const addField = (config = {}) => {
+		if (!canAddMoreFields.value) {
+			console.warn("[useDynamicFormState] 已达到最大字段数量限制");
+			return;
+		}
+		state.fieldCounter++;
+		const defaultType = config.type || FIELD_TYPE_OPTIONS[Math.floor(Math.random() * FIELD_TYPE_OPTIONS.length)].value;
+		const newField = {
+			id: `dynamic_field_${state.fieldCounter}`,
+			type: defaultType,
+			prop: config.prop || `dynamic_${state.fieldCounter}`,
+			label: config.label || `动态字段 ${state.fieldCounter}`,
+			placeholder: config.placeholder || `请输入${config.label || "内容"}`,
+			visible: true,
+			removable: true,
+			created: Date.now(),
+			layout: config.layout || { span: 12 },
+			...config
+		};
+		state.dynamicFields.push(newField);
+		console.log("[useDynamicFormState] 添加字段:", newField);
+	};
+	/**
+	* @description 移除动态字段
+	* @param index - 可选，要移除的字段索引，默认移除最后一个
+	*/
+	const removeField = (index) => {
+		if (state.dynamicFields.length === 0) {
+			console.warn("[useDynamicFormState] 没有可移除的动态字段");
+			return;
+		}
+		const targetIndex = index ?? state.dynamicFields.length - 1;
+		if (targetIndex < 0 || targetIndex >= state.dynamicFields.length) {
+			console.warn("[useDynamicFormState] 字段索引超出范围");
+			return;
+		}
+		const removed = state.dynamicFields.splice(targetIndex, 1)[0];
+		if (removed) {
+			state.hiddenFieldIds.delete(removed.prop);
+			console.log("[useDynamicFormState] 移除字段:", removed.prop);
+		}
+	};
+	/**
+	* @description 清空所有动态字段
+	*/
+	const clearDynamicFields = () => {
+		console.log("[useDynamicFormState] 清空动态字段:", state.dynamicFields.length);
+		state.dynamicFields.forEach((field) => state.hiddenFieldIds.delete(field.prop));
+		state.dynamicFields.length = 0;
+		state.fieldCounter = 0;
+	};
+	/**
+	* @description 切换字段可见性
+	* @param fieldId - 字段ID
+	*/
+	const toggleFieldVisibility = (fieldId) => {
+		if (state.hiddenFieldIds.has(fieldId)) {
+			state.hiddenFieldIds.delete(fieldId);
+			console.log("[useDynamicFormState] 显示字段:", fieldId);
+		} else {
+			state.hiddenFieldIds.add(fieldId);
+			console.log("[useDynamicFormState] 隐藏字段:", fieldId);
+		}
+	};
+	/**
+	* @description 切换所有字段可见性
+	*/
+	const toggleAllVisibility = () => {
+		if (allVisible.value) {
+			state.dynamicFields.forEach((field) => {
+				state.hiddenFieldIds.add(field.prop);
+			});
+			console.log("[useDynamicFormState] 隐藏所有动态字段");
+		} else {
+			state.hiddenFieldIds.clear();
+			console.log("[useDynamicFormState] 显示所有字段");
+		}
+	};
+	/**
+	* @description 更新表单配置
+	* @param newConfig - 新的配置对象
+	*/
+	const updateConfig = (newConfig) => {
+		Object.assign(state.config, newConfig);
+		console.log("[useDynamicFormState] 更新配置:", newConfig);
+	};
+	/**
+	* @description 导出当前表单配置
+	* @returns JSON格式的配置字符串
+	*/
+	const exportConfig = () => {
+		const config = {
+			baseFields: state.baseFields,
+			dynamicFields: state.dynamicFields,
+			config: state.config,
+			hiddenFields: Array.from(state.hiddenFieldIds),
+			timestamp: Date.now()
+		};
+		return JSON.stringify(config, null, 2);
+	};
+	/**
+	* @description 初始化表单状态
+	* @param baseFields - 基础字段配置
+	* @param config - 可选，表单配置
+	*/
+	const initialize = (baseFields, config = {}) => {
+		console.log("[useDynamicFormState] 初始化状态:", {
+			baseFieldsCount: baseFields.length,
+			config
+		});
+		state.baseFields = [...baseFields];
+		Object.assign(state.config, config);
+		state.isInitialized = true;
+		console.log("[useDynamicFormState] 初始化完成");
+	};
+	return {
+		state: readonly(state),
+		allFields,
+		visibleFields,
+		dynamicFieldsCount,
+		hiddenFieldsCount,
+		canAddMoreFields,
+		allVisible,
+		FIELD_TYPE_OPTIONS,
+		addField,
+		removeField,
+		clearDynamicFields,
+		toggleFieldVisibility,
+		toggleAllVisibility,
+		updateConfig,
+		exportConfig,
+		initialize
+	};
+};
+/**
+* @description 动态表单状态注入键
+*/
+const DYNAMIC_FORM_STATE_KEY = Symbol("dynamicFormState");
+
+//#endregion
+//#region src/components/C_Form/layouts/Dynamic/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = { class: "c-form-dynamic" };
+const _hoisted_2$1 = {
+	key: 0,
+	class: "dynamic-controls"
+};
+const _hoisted_3$1 = { class: "max-fields-config" };
+const _hoisted_4$1 = { class: "dynamic-stats" };
+const _hoisted_5$1 = { class: "dynamic-controls-fallback" };
+const _hoisted_6$1 = { class: "dynamic-form-items" };
+var index_vue_vue_type_script_setup_true_lang_default$2 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		formItems: {},
+		layoutConfig: { default: () => ({}) },
+		options: { default: () => [] },
+		dynamicFormState: { default: null }
+	},
+	emits: [
+		"field-add",
+		"field-remove",
+		"fields-clear"
+	],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const injectedDynamicState = inject(DYNAMIC_FORM_STATE_KEY, null);
+		const dynamicState = computed(() => props.dynamicFormState || injectedDynamicState);
+		const isDynamicStateAvailable = computed(() => !!dynamicState.value);
+		const gridCols = computed(() => props.layoutConfig?.dynamic?.grid?.cols ?? 24);
+		const gridGutter = computed(() => props.layoutConfig?.dynamic?.grid?.gutter ?? 16);
+		const showControls = computed(() => props.layoutConfig?.dynamic?.controls?.showControls !== false);
+		const maxFields = computed(() => {
+			return dynamicState.value?.state.config.maxFields ?? props.layoutConfig?.dynamic?.dynamic?.maxFields ?? 50;
+		});
+		const dynamicFieldsCount = computed(() => dynamicState.value?.dynamicFieldsCount.value ?? 0);
+		const canAddMoreFields = computed(() => dynamicState.value?.canAddMoreFields.value ?? false);
+		const totalFieldsCount = computed(() => props.formItems.length);
+		const getItemKey = (item, index) => {
+			return item.key?.toString() || item.props?.path || `dynamic-item-${index}`;
+		};
+		const getItemSpan = (index) => {
+			const span = props.options?.[index]?.layout?.span;
+			return typeof span === "number" && span > 0 && span <= gridCols.value ? span : Math.min(12, gridCols.value);
+		};
+		const isDynamicField = (item) => {
+			if (!dynamicState.value) return false;
+			const fieldId = item.props?.path || item.key?.toString() || "";
+			return dynamicState.value.state.dynamicFields.some((field) => field.prop === fieldId);
+		};
+		__expose({
+			addField: () => dynamicState.value?.addField(),
+			removeField: () => dynamicState.value?.removeField(),
+			clearAllDynamic: () => dynamicState.value?.clearDynamicFields(),
+			isDynamicStateAvailable,
+			dynamicState
+		});
+		if (typeof import.meta !== "undefined" && import.meta.env?.DEV) watchEffect(() => {
+			const { options, formItems } = props;
+			if (options && options.length !== formItems.length) console.warn(`[Dynamic Layout] 配置项数量(${options.length})与表单项数量(${formItems.length})不匹配`);
+			console.log("[Dynamic Layout]", isDynamicStateAvailable.value ? "动态模式已启用" : "运行在静态模式", {
+				totalFields: totalFieldsCount.value,
+				dynamicFields: dynamicFieldsCount.value,
+				stateSource: props.dynamicFormState ? "props透传" : "inject注入"
+			});
+		});
+		return (_ctx, _cache) => {
+			const _component_NBadge = resolveComponent("NBadge");
+			const _component_NButton = resolveComponent("NButton");
+			const _component_NSpace = resolveComponent("NSpace");
+			const _component_NInputNumber = resolveComponent("NInputNumber");
+			const _component_NTag = resolveComponent("NTag");
+			const _component_NCard = resolveComponent("NCard");
+			const _component_NAlert = resolveComponent("NAlert");
+			const _component_NGridItem = resolveComponent("NGridItem");
+			const _component_NGrid = resolveComponent("NGrid");
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createCommentVNode(" 动态控制面板 "),
+				showControls.value && isDynamicStateAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [createVNode(_component_NCard, {
+					size: "small",
+					title: "动态表单控制",
+					bordered: false
+				}, {
+					"header-extra": withCtx(() => [createVNode(_component_NBadge, {
+						value: dynamicFieldsCount.value,
+						type: "warning"
+					}, {
+						default: withCtx(() => [createVNode(C_Icon_default, {
+							name: "mdi:layers",
+							size: 16
+						})]),
+						_: 1
+					}, 8, ["value"])]),
+					default: withCtx(() => [createVNode(_component_NSpace, {
+						justify: "space-between",
+						align: "center"
+					}, {
+						default: withCtx(() => [
+							createVNode(_component_NSpace, null, {
+								default: withCtx(() => [
+									createVNode(_component_NButton, {
+										size: "small",
+										type: "primary",
+										disabled: !canAddMoreFields.value,
+										onClick: _cache[0] || (_cache[0] = ($event) => dynamicState.value.addField())
+									}, {
+										icon: withCtx(() => [createVNode(C_Icon_default, {
+											name: "mdi:plus",
+											size: 14
+										})]),
+										default: withCtx(() => [createTextVNode(" 添加字段 (" + toDisplayString(dynamicFieldsCount.value) + "/" + toDisplayString(maxFields.value) + ") ", 1)]),
+										_: 1
+									}, 8, ["disabled"]),
+									createVNode(_component_NButton, {
+										size: "small",
+										type: "warning",
+										disabled: dynamicFieldsCount.value === 0,
+										onClick: _cache[1] || (_cache[1] = ($event) => dynamicState.value.removeField())
+									}, {
+										icon: withCtx(() => [createVNode(C_Icon_default, {
+											name: "mdi:minus",
+											size: 14
+										})]),
+										default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 移除字段 ", -1))]),
+										_: 1,
+										__: [4]
+									}, 8, ["disabled"]),
+									createVNode(_component_NButton, {
+										size: "small",
+										type: "error",
+										disabled: dynamicFieldsCount.value === 0,
+										onClick: _cache[2] || (_cache[2] = ($event) => dynamicState.value.clearDynamicFields())
+									}, {
+										icon: withCtx(() => [createVNode(C_Icon_default, {
+											name: "mdi:delete-sweep",
+											size: 14
+										})]),
+										default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 清空动态 ", -1))]),
+										_: 1,
+										__: [5]
+									}, 8, ["disabled"])
+								]),
+								_: 1
+							}),
+							createCommentVNode(" 最大字段数配置 "),
+							createElementVNode("div", _hoisted_3$1, [_cache[6] || (_cache[6] = createElementVNode("span", null, "最大字段数:", -1)), createVNode(_component_NInputNumber, {
+								value: maxFields.value,
+								"onUpdate:value": _cache[3] || (_cache[3] = (v) => v && dynamicState.value.updateConfig({ maxFields: v })),
+								min: 5,
+								max: 50,
+								size: "small",
+								style: { "width": "100px" }
+							}, null, 8, ["value"])])
+						]),
+						_: 1
+					}), createElementVNode("div", _hoisted_4$1, [createVNode(_component_NSpace, null, {
+						default: withCtx(() => [createVNode(_component_NTag, { type: "info" }, {
+							default: withCtx(() => [createTextVNode("总字段: " + toDisplayString(totalFieldsCount.value), 1)]),
+							_: 1
+						}), createVNode(_component_NTag, { type: "warning" }, {
+							default: withCtx(() => [createTextVNode("动态: " + toDisplayString(dynamicFieldsCount.value), 1)]),
+							_: 1
+						})]),
+						_: 1
+					})])]),
+					_: 1
+				})])) : showControls.value && !isDynamicStateAvailable.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 状态不可用时的提示 "), createElementVNode("div", _hoisted_5$1, [createVNode(_component_NCard, {
+					size: "small",
+					title: "动态表单控制 (静态模式)",
+					bordered: false
+				}, {
+					default: withCtx(() => [createVNode(_component_NAlert, {
+						type: "info",
+						"show-icon": ""
+					}, {
+						icon: withCtx(() => [createVNode(C_Icon_default, {
+							name: "mdi:information-outline",
+							size: 16
+						})]),
+						default: withCtx(() => [_cache[7] || (_cache[7] = createTextVNode(" 当前为静态模式，如需动态功能请在父组件中提供动态表单状态。 ", -1))]),
+						_: 1,
+						__: [7]
+					})]),
+					_: 1
+				})])], 2112)) : createCommentVNode("v-if", true),
+				createCommentVNode(" 表单项渲染区域 "),
+				createElementVNode("div", _hoisted_6$1, [createVNode(_component_NGrid, {
+					cols: gridCols.value,
+					"x-gap": gridGutter.value,
+					"y-gap": gridGutter.value
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item, index) => {
+						return openBlock(), createBlock(_component_NGridItem, {
+							key: getItemKey(item, index),
+							span: getItemSpan(index)
+						}, {
+							default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["dynamic-item-wrapper", { "is-dynamic-field": isDynamicField(item) }]) }, [(openBlock(), createBlock(resolveDynamicComponent(item)))], 2)]),
+							_: 2
+						}, 1032, ["span"]);
+					}), 128))]),
+					_: 1
+				}, 8, [
+					"cols",
+					"x-gap",
+					"y-gap"
+				])])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/layouts/Dynamic/index.vue
+var Dynamic_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$2, [["__scopeId", "data-v-3f0739c2"]]);
+
+//#endregion
+//#region src/components/C_Form/layouts/Custom/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "custom-layout" };
+const _hoisted_2 = { class: "toolbar-content" };
+const _hoisted_3 = { class: "mode-section" };
+const _hoisted_4 = { class: "stats-section" };
+const _hoisted_5 = { class: "stat-item" };
+const _hoisted_6 = { class: "stat-value" };
+const _hoisted_7 = { class: "stat-item" };
+const _hoisted_8 = { class: "stat-value" };
+const _hoisted_9 = { class: "actions-section" };
+const _hoisted_10 = { class: "design-tools" };
+const _hoisted_11 = { class: "tool-group" };
+const _hoisted_12 = {
+	key: 0,
+	class: "canvas-hint"
+};
+const _hoisted_13 = { class: "areas-container" };
+const _hoisted_14 = { class: "area-header" };
+const _hoisted_15 = { class: "area-info" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { class: "area-controls" };
+const _hoisted_18 = { class: "area-fields" };
+const _hoisted_19 = { class: "field-preview" };
+const _hoisted_20 = { class: "field-label" };
+const _hoisted_21 = { class: "field-type" };
+const _hoisted_22 = {
+	key: 0,
+	class: "area-drop-zone"
+};
+const _hoisted_23 = { class: "pool-fields-grid" };
+const _hoisted_24 = { class: "field-name" };
+const _hoisted_25 = { class: "field-type-tag" };
+const _hoisted_26 = {
+	key: 0,
+	class: "empty-layout"
+};
+const _hoisted_27 = {
+	key: 1,
+	class: "form-container"
+};
+const _hoisted_28 = { class: "form-areas" };
+var index_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		options: { default: () => [] },
+		formItems: { default: () => [] },
+		formData: { default: () => ({}) }
+	},
+	emits: ["fields-change", "export-data"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const isDesignMode = ref(true);
+		const customAreas = ref([]);
+		const availableFields = ref([]);
+		const editingTitleId = ref("");
+		const allFormOptions = computed(() => {
+			if (props.options?.length > 0) return props.options;
+			return props.formItems?.map((item) => {
+				const itemProps = item.props;
+				return {
+					prop: itemProps?.path || "",
+					label: itemProps?.label || itemProps?.path || "",
+					type: "input",
+					show: true
+				};
+			}).filter((option) => option.prop) || [];
+		});
+		const totalFieldsCount = computed(() => customAreas.value.reduce((total, area) => total + area.fields.length, 0));
+		const generateId = () => `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;
+		const getFieldTypeName = (type) => {
+			return {
+				input: "输入框",
+				select: "下拉框",
+				radio: "单选框",
+				checkbox: "复选框",
+				textarea: "文本域",
+				date: "日期",
+				number: "数字"
+			}[type] || type;
+		};
+		const getFormItemForField = (field) => {
+			return props.formItems?.find((item) => {
+				return item.props?.path === field.prop;
+			}) || null;
+		};
+		const addArea = (type) => {
+			const area = {
+				id: generateId(),
+				title: `${type === "horizontal" ? "水平" : type === "vertical" ? "垂直" : "网格"}区域`,
+				type,
+				fields: []
+			};
+			customAreas.value.push(area);
+		};
+		const deleteArea = (areaId) => {
+			const index = customAreas.value.findIndex((area) => area.id === areaId);
+			if (index !== -1) customAreas.value.splice(index, 1);
+		};
+		const handleSaveLayout = () => {
+			const config = JSON.stringify(customAreas.value, null, 2);
+			const blob = new Blob([config], { type: "application/json" });
+			const url = URL.createObjectURL(blob);
+			const link = document.createElement("a");
+			link.href = url;
+			link.download = `layout-config-${Date.now()}.json`;
+			document.body.appendChild(link);
+			link.click();
+			document.body.removeChild(link);
+			URL.revokeObjectURL(url);
+		};
+		const handleResetLayout = () => {
+			customAreas.value = [];
+		};
+		const handleExportData = () => {
+			emit("export-data", {
+				layout: customAreas.value,
+				formData: props.formData,
+				timestamp: (/* @__PURE__ */ new Date()).toISOString()
+			});
+		};
+		watchEffect(() => {
+			const usedProps = new Set(customAreas.value.flatMap((area) => area.fields.map((field) => field.prop)));
+			availableFields.value = allFormOptions.value.filter((field) => !usedProps.has(field.prop)).map((field) => ({
+				...field,
+				id: field.prop
+			}));
+		});
+		watch(() => customAreas.value, () => {
+			emit("fields-change", customAreas.value.flatMap((area) => area.fields.map((field) => ({
+				...field,
+				id: void 0
+			}))));
+		}, { deep: true });
+		return (_ctx, _cache) => {
+			const _component_NButton = resolveComponent("NButton");
+			const _component_NButtonGroup = resolveComponent("NButtonGroup");
+			const _component_NCard = resolveComponent("NCard");
+			const _component_NInput = resolveComponent("NInput");
+			const _component_NTag = resolveComponent("NTag");
+			const _component_NEmpty = resolveComponent("NEmpty");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createCommentVNode(" 顶部工具栏 "),
+				createVNode(_component_NCard, {
+					bordered: false,
+					class: "toolbar-card"
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [
+						createCommentVNode(" 模式切换 "),
+						createElementVNode("div", _hoisted_3, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "section-label" }, "自定义模式:", -1)), createVNode(_component_NButtonGroup, null, {
+							default: withCtx(() => [createVNode(_component_NButton, {
+								type: isDesignMode.value ? "primary" : "default",
+								onClick: _cache[0] || (_cache[0] = ($event) => isDesignMode.value = true),
+								size: "small"
+							}, {
+								default: withCtx(() => _cache[9] || (_cache[9] = [createTextVNode(" 🎨 设计模式 ", -1)])),
+								_: 1,
+								__: [9]
+							}, 8, ["type"]), createVNode(_component_NButton, {
+								type: !isDesignMode.value ? "primary" : "default",
+								onClick: _cache[1] || (_cache[1] = ($event) => isDesignMode.value = false),
+								size: "small"
+							}, {
+								default: withCtx(() => _cache[10] || (_cache[10] = [createTextVNode(" 📝 填写模式 ", -1)])),
+								_: 1,
+								__: [10]
+							}, 8, ["type"])]),
+							_: 1
+						})]),
+						createCommentVNode(" 统计信息 "),
+						createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString(customAreas.value.length), 1), _cache[12] || (_cache[12] = createElementVNode("div", { class: "stat-label" }, "自定义区域", -1))]), createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, toDisplayString(totalFieldsCount.value), 1), _cache[13] || (_cache[13] = createElementVNode("div", { class: "stat-label" }, "字段总数", -1))])]),
+						createCommentVNode(" 操作按钮 "),
+						createElementVNode("div", _hoisted_9, [isDesignMode.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(_component_NButton, {
+							secondary: "",
+							onClick: handleSaveLayout,
+							size: "small"
+						}, {
+							default: withCtx(() => _cache[14] || (_cache[14] = [createTextVNode(" 💾 保存布局 ", -1)])),
+							_: 1,
+							__: [14]
+						}), createVNode(_component_NButton, {
+							secondary: "",
+							onClick: handleResetLayout,
+							size: "small"
+						}, {
+							default: withCtx(() => _cache[15] || (_cache[15] = [createTextVNode(" 🔄 重置布局 ", -1)])),
+							_: 1,
+							__: [15]
+						})], 64)) : (openBlock(), createBlock(_component_NButton, {
+							key: 1,
+							secondary: "",
+							onClick: handleExportData,
+							size: "small"
+						}, {
+							default: withCtx(() => _cache[16] || (_cache[16] = [createTextVNode(" 📊 导出数据 ", -1)])),
+							_: 1,
+							__: [16]
+						}))])
+					])]),
+					_: 1
+				}),
+				createCommentVNode(" 设计模式工具面板 "),
+				isDesignMode.value ? (openBlock(), createBlock(_component_NCard, {
+					key: 0,
+					class: "design-panel",
+					title: "🎨 设计工具"
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [
+						_cache[20] || (_cache[20] = createElementVNode("span", { class: "group-label" }, "添加区域:", -1)),
+						createVNode(_component_NButton, {
+							onClick: _cache[2] || (_cache[2] = ($event) => addArea("horizontal")),
+							size: "small"
+						}, {
+							default: withCtx(() => _cache[17] || (_cache[17] = [createTextVNode(" ➡️ 水平区域 ", -1)])),
+							_: 1,
+							__: [17]
+						}),
+						createVNode(_component_NButton, {
+							onClick: _cache[3] || (_cache[3] = ($event) => addArea("vertical")),
+							size: "small"
+						}, {
+							default: withCtx(() => _cache[18] || (_cache[18] = [createTextVNode(" ⬇️ 垂直区域 ", -1)])),
+							_: 1,
+							__: [18]
+						}),
+						createVNode(_component_NButton, {
+							onClick: _cache[4] || (_cache[4] = ($event) => addArea("grid")),
+							size: "small"
+						}, {
+							default: withCtx(() => _cache[19] || (_cache[19] = [createTextVNode(" ⚏ 网格区域 ", -1)])),
+							_: 1,
+							__: [19]
+						})
+					])])]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" 主画布区域 "),
+				createElementVNode("div", { class: normalizeClass(["layout-canvas", { "design-mode": isDesignMode.value }]) }, [createCommentVNode(" 设计模式 "), isDesignMode.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					customAreas.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_12, _cache[21] || (_cache[21] = [createElementVNode("div", { class: "hint-content" }, [createElementVNode("h3", null, "🎨 开始自定义你的布局"), createElementVNode("p", null, "点击上方按钮添加区域")], -1)]))) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 区域列表 "), createElementVNode("div", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(customAreas.value, (area) => {
+						return openBlock(), createElementBlock("div", {
+							key: area.id,
+							class: normalizeClass(["custom-area", `area-${area.type}`])
+						}, [
+							createElementVNode("div", _hoisted_14, [createElementVNode("div", _hoisted_15, [editingTitleId.value === area.id ? (openBlock(), createBlock(_component_NInput, {
+								key: 0,
+								value: area.title,
+								"onUpdate:value": ($event) => area.title = $event,
+								size: "small",
+								onBlur: _cache[5] || (_cache[5] = ($event) => editingTitleId.value = ""),
+								onKeyup: _cache[6] || (_cache[6] = withKeys(($event) => editingTitleId.value = "", ["enter"])),
+								class: "title-input"
+							}, null, 8, ["value", "onUpdate:value"])) : (openBlock(), createElementBlock("span", {
+								key: 1,
+								class: "area-title",
+								onClick: ($event) => editingTitleId.value = area.id
+							}, toDisplayString(area.title), 9, _hoisted_16)), createVNode(_component_NTag, { size: "small" }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(area.fields.length) + " 字段", 1)]),
+								_: 2
+							}, 1024)]), createElementVNode("div", _hoisted_17, [createVNode(_component_NButton, {
+								text: "",
+								onClick: ($event) => deleteArea(area.id),
+								size: "tiny",
+								type: "error",
+								title: "删除区域"
+							}, {
+								default: withCtx(() => _cache[22] || (_cache[22] = [createTextVNode(" 🗑️ ", -1)])),
+								_: 2,
+								__: [22]
+							}, 1032, ["onClick"])])]),
+							createCommentVNode(" 字段容器 "),
+							createElementVNode("div", _hoisted_18, [(openBlock(true), createElementBlock(Fragment, null, renderList(area.fields, (field) => {
+								return openBlock(), createElementBlock("div", {
+									key: field.id,
+									class: "field-item"
+								}, [createElementVNode("div", _hoisted_19, [createElementVNode("span", _hoisted_20, toDisplayString(field.label || field.prop), 1), createElementVNode("span", _hoisted_21, toDisplayString(getFieldTypeName(field.type)), 1)])]);
+							}), 128))]),
+							area.fields.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_22, " 拖拽字段到这里 ")) : createCommentVNode("v-if", true)
+						], 2);
+					}), 128))])], 2112)),
+					createCommentVNode(" 字段池 "),
+					createVNode(_component_NCard, {
+						class: "field-pool",
+						title: "📦 可用字段"
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_23, [(openBlock(true), createElementBlock(Fragment, null, renderList(availableFields.value, (field) => {
+							return openBlock(), createElementBlock("div", {
+								key: field.id,
+								class: "pool-field"
+							}, [createElementVNode("span", _hoisted_24, toDisplayString(field.label || field.prop), 1), createElementVNode("span", _hoisted_25, toDisplayString(getFieldTypeName(field.type)), 1)]);
+						}), 128))])]),
+						_: 1
+					})
+				], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 填写模式 "), customAreas.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_26, [createVNode(_component_NEmpty, { description: "尚未设计布局" }, {
+					extra: withCtx(() => [createVNode(_component_NButton, {
+						onClick: _cache[7] || (_cache[7] = ($event) => isDesignMode.value = true),
+						type: "primary"
+					}, {
+						default: withCtx(() => _cache[23] || (_cache[23] = [createTextVNode(" 🎨 开始设计 ", -1)])),
+						_: 1,
+						__: [23]
+					})]),
+					_: 1
+				})])) : (openBlock(), createElementBlock("div", _hoisted_27, [createElementVNode("div", _hoisted_28, [(openBlock(true), createElementBlock(Fragment, null, renderList(customAreas.value, (area) => {
+					return openBlock(), createElementBlock("div", {
+						key: area.id,
+						class: normalizeClass(["form-area", `area-${area.type}`])
+					}, [area.fields.length > 0 ? (openBlock(), createBlock(_component_NCard, {
+						key: 0,
+						title: area.title
+					}, {
+						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["area-form-items", `layout-${area.type}`]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(area.fields, (field) => {
+							return openBlock(), createBlock(resolveDynamicComponent(getFormItemForField(field)), { key: field.prop });
+						}), 128))], 2)]),
+						_: 2
+					}, 1032, ["title"])) : (openBlock(), createBlock(_component_NEmpty, {
+						key: 1,
+						description: "此区域暂无字段",
+						size: "small"
+					}, {
+						extra: withCtx(() => [createVNode(_component_NButton, {
+							onClick: _cache[8] || (_cache[8] = ($event) => isDesignMode.value = true),
+							size: "small",
+							secondary: ""
+						}, {
+							default: withCtx(() => _cache[24] || (_cache[24] = [createTextVNode(" 🎨 添加字段 ", -1)])),
+							_: 1,
+							__: [24]
+						})]),
+						_: 1
+					}))], 2);
+				}), 128))])]))], 64))], 2)
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/layouts/Custom/index.vue
+var Custom_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$1, [["__scopeId", "data-v-a21051df"]]);
+
+//#endregion
+//#region src/components/C_Form/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_Form",
+	__name: "index",
+	props: {
+		options: {},
+		modelValue: {},
+		config: { default: () => ({}) }
+	},
+	emits: [
+		"submit",
+		"update:modelValue",
+		"validate-success",
+		"validate-error"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const LAYOUT_MAP = {
+			default: Default_default,
+			inline: Inline_default,
+			grid: Grid_default,
+			card: Card_default,
+			tabs: Tabs_default,
+			steps: Steps_default,
+			dynamic: Dynamic_default,
+			custom: Custom_default
+		};
+		const COMPONENT_MAP = {
+			NFormItem: resolveComponent("NFormItem"),
+			NInput: resolveComponent("NInput"),
+			NInputNumber: resolveComponent("NInputNumber"),
+			NSwitch: resolveComponent("NSwitch"),
+			NSlider: resolveComponent("NSlider"),
+			NRate: resolveComponent("NRate"),
+			NDatePicker: resolveComponent("NDatePicker"),
+			NTimePicker: resolveComponent("NTimePicker"),
+			NCascader: resolveComponent("NCascader"),
+			NColorPicker: resolveComponent("NColorPicker"),
+			NSelect: resolveComponent("NSelect"),
+			NCheckboxGroup: resolveComponent("NCheckboxGroup"),
+			NCheckbox: resolveComponent("NCheckbox"),
+			NRadioGroup: resolveComponent("NRadioGroup"),
+			NRadio: resolveComponent("NRadio"),
+			NUpload: resolveComponent("NUpload"),
+			NButton: resolveComponent("NButton"),
+			NSpace: resolveComponent("NSpace"),
+			C_Editor: resolveComponent("C_Editor")
+		};
+		const props = __props;
+		const emit = __emit;
+		const resolved = computed(() => resolveFormConfig(props.config));
+		const formRef = ref(null);
+		const { formModel, formRules, visibleOptions, initialize, handleFieldChange, validate, validateField, validateStep, validateTab, validateDynamicFields, validateCustomGroup, clearValidation, getModel, setFields, resetFields, setFieldValue, getFieldValue, setFieldsValue, handleSubmit, handleReset } = useFormState(computed(() => props.options), resolved, formRef, emit);
+		const { formItems } = useFormRenderer(formModel, visibleOptions, resolved, handleFieldChange, COMPONENT_MAP, getCurrentInstance()?.slots);
+		const layoutComponent = computed(() => LAYOUT_MAP[resolved.value.layout] || LAYOUT_MAP.default);
+		const mergedLayoutConfig = computed(() => ({
+			type: resolved.value.layout,
+			grid: resolved.value.grid,
+			inline: resolved.value.inline,
+			card: resolved.value.card,
+			tabs: resolved.value.tabs,
+			steps: resolved.value.steps,
+			dynamic: resolved.value.dynamic,
+			custom: resolved.value.custom
+		}));
+		const showActions = computed(() => shouldShowActions(resolved.value));
+		/** 通用布局事件桥接 */
+		const handleLayoutEvent = (callbackName, ...args) => {
+			const callback = resolved.value[callbackName];
+			callback?.(...args);
+		};
+		/** 字段变化事件（保留回调通道） */
+		const handleFieldsChange = (fields) => {
+			resolved.value.onFieldsChange?.(fields);
+		};
+		/** Steps 布局事件 — 需要多参数特殊处理 */
+		const handleStepChange = (stepIndex, stepKey) => {
+			resolved.value.onStepChange?.(stepIndex, stepKey);
+		};
+		const handleStepBeforeChange = async (currentStep, targetStep) => {
+			resolved.value.onStepBeforeChange?.(currentStep, targetStep);
+			return true;
+		};
+		const handleStepValidate = async (stepIndex) => {
+			try {
+				const currentStepKey = resolved.value.steps?.steps?.[stepIndex]?.key;
+				if (!currentStepKey) return true;
+				const stepFields = props.options.filter((option) => option.layout?.step === currentStepKey).map((option) => option.prop);
+				if (stepFields.length === 0) return true;
+				await validateField(stepFields);
+				resolved.value.onStepValidate?.(stepIndex);
+				return true;
+			} catch (error) {
+				console.warn(`[C_Form] 步骤 ${stepIndex} 验证失败:`, error);
+				return false;
+			}
+		};
+		watch(() => props.modelValue, (val) => {
+			if (val) Object.assign(formModel, val);
+		}, {
+			immediate: true,
+			deep: true
+		});
+		__expose({
+			validate,
+			validateField,
+			validateStep,
+			validateTab,
+			validateDynamicFields,
+			validateCustomGroup,
+			clearValidation,
+			getModel,
+			setFields,
+			resetFields,
+			setFieldValue,
+			getFieldValue,
+			setFieldsValue,
+			formRef,
+			formModel,
+			initialize,
+			layoutType: computed(() => resolved.value.layout),
+			shouldShowDefaultActions: showActions
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NForm), mergeProps({
+				ref_key: "formRef",
+				ref: formRef,
+				model: unref(formModel),
+				rules: unref(formRules),
+				"validate-on-rule-change": false,
+				"label-placement": resolved.value.labelPlacement,
+				"label-width": resolved.value.labelWidth,
+				size: resolved.value.size,
+				disabled: resolved.value.disabled,
+				readonly: resolved.value.readonly
+			}, _ctx.$attrs), {
+				default: withCtx(() => [
+					createCommentVNode(" 布局组件渲染 "),
+					(openBlock(), createBlock(resolveDynamicComponent(layoutComponent.value), {
+						"form-items": unref(formItems),
+						"layout-config": mergedLayoutConfig.value,
+						options: unref(visibleOptions),
+						"form-data": unref(formModel),
+						onTabChange: _cache[0] || (_cache[0] = ($event) => handleLayoutEvent("onTabChange", $event)),
+						onTabValidate: _cache[1] || (_cache[1] = ($event) => handleLayoutEvent("onTabValidate", $event)),
+						onStepChange: handleStepChange,
+						onStepBeforeChange: handleStepBeforeChange,
+						onStepValidate: handleStepValidate,
+						onFieldAdd: _cache[2] || (_cache[2] = ($event) => handleLayoutEvent("onFieldAdd", $event)),
+						onFieldRemove: _cache[3] || (_cache[3] = ($event) => handleLayoutEvent("onFieldRemove", $event)),
+						onFieldToggle: _cache[4] || (_cache[4] = (id, visible) => resolved.value.onFieldToggle?.(id, visible)),
+						onFieldsClear: _cache[5] || (_cache[5] = ($event) => handleLayoutEvent("onFieldsClear")),
+						onRenderModeChange: _cache[6] || (_cache[6] = ($event) => handleLayoutEvent("onRenderModeChange", $event)),
+						onGroupToggle: _cache[7] || (_cache[7] = (key, collapsed) => resolved.value.onGroupToggle?.(key, collapsed)),
+						onGroupReset: _cache[8] || (_cache[8] = ($event) => handleLayoutEvent("onGroupReset", $event)),
+						onValidateSuccess: _cache[9] || (_cache[9] = (model) => emit("validate-success", model)),
+						onValidateError: _cache[10] || (_cache[10] = (errors) => emit("validate-error", errors)),
+						onFieldsChange: handleFieldsChange
+					}, null, 40, [
+						"form-items",
+						"layout-config",
+						"options",
+						"form-data"
+					])),
+					createCommentVNode(" 表单操作按钮区域（只在特定布局中显示） "),
+					showActions.value ? (openBlock(), createBlock(unref(NFormItem), {
+						key: 0,
+						style: { "margin-top": "20px" }
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "action", {
+							form: formRef.value,
+							model: unref(formModel),
+							validate: unref(validate),
+							validateField: unref(validateField),
+							reset: unref(resetFields),
+							setFields: unref(setFields),
+							getModel: unref(getModel),
+							clearValidation: unref(clearValidation)
+						}, () => [createVNode(unref(NSpace), null, {
+							default: withCtx(() => [createVNode(unref(NButton), {
+								type: "primary",
+								onClick: unref(handleSubmit)
+							}, {
+								default: withCtx(() => _cache[11] || (_cache[11] = [createTextVNode("提交", -1)])),
+								_: 1,
+								__: [11]
+							}, 8, ["onClick"]), createVNode(unref(NButton), { onClick: unref(handleReset) }, {
+								default: withCtx(() => _cache[12] || (_cache[12] = [createTextVNode("重置", -1)])),
+								_: 1,
+								__: [12]
+							}, 8, ["onClick"])]),
+							_: 1
+						})])]),
+						_: 3
+					})) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 16, [
+				"model",
+				"rules",
+				"label-placement",
+				"label-width",
+				"size",
+				"disabled",
+				"readonly"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Form/index.vue
+var C_Form_default = index_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { registerRenderer as a, FORM_DEFAULTS as c, shouldShowActions as d, useDynamicFormState as i, LAYOUTS_WITH_OWN_CONTROLS as l, DYNAMIC_FORM_STATE_KEY as n, useFormRenderer as o, FIELD_TYPE_OPTIONS as r, useFormState as s, C_Form_default as t, resolveFormConfig as u };
+//# sourceMappingURL=C_Form2.js.map