@robot-admin/naive-ui-components 0.4.3 → 0.4.4

package/dist/C_Form2.js

@@ -1,2570 +1,2 @@
-import { t as C_Icon_default } from "./C_Icon2.js";
-import { t as export_helper_default } from "./export-helper.js";
-import { t as C_Editor_default } from "./C_Editor2.js";
-import { NAlert, NBadge, NButton, NButtonGroup, NCard, NCascader, NCheckbox, NCheckboxGroup, NColorPicker, NDatePicker, NEmpty, NForm, NFormItem, NGrid, NGridItem, NInput, NInputNumber, NProgress, NRadio, NRadioGroup, NRate, NSelect, NSlider, NSpace, NStep, NSteps, NSwitch, NTabPane, NTabs, NTag, NTimePicker, NUpload } from "naive-ui";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, unref, vShow, watch, watchEffect, withCtx, withDirectives, withKeys } from "vue";
-import { VueDraggable } from "vue-draggable-plus";
-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 直接 import naive-ui 组件后注入）
-*/
-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-a0e973bb"]]);
-
-//#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-ca3767dc"]]);
-
-//#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 = NCard;
-			const _component_NGridItem = NGridItem;
-			const _component_NGrid = NGrid;
-			const _component_NAlert = 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-feb1a2b2"]]);
-
-//#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 = NSlider;
-			const _component_NSwitch = NSwitch;
-			const _component_NRadio = NRadio;
-			const _component_NRadioGroup = NRadioGroup;
-			const _component_NCard = NCard;
-			const _component_NBadge = NBadge;
-			const _component_NButton = NButton;
-			const _component_NProgress = 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-c9b312a4"]]);
-
-//#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 = NBadge;
-			const _component_NSpace = NSpace;
-			const _component_NEmpty = NEmpty;
-			const _component_NTabPane = NTabPane;
-			const _component_NTabs = NTabs;
-			const _component_NButton = 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-68d1ce03"]]);
-
-//#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 = NStep;
-			const _component_NSteps = NSteps;
-			const _component_NCard = NCard;
-			const _component_NButton = NButton;
-			const _component_NSpace = 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-7249a960"]]);
-
-//#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 = NBadge;
-			const _component_NButton = NButton;
-			const _component_NSpace = NSpace;
-			const _component_NInputNumber = NInputNumber;
-			const _component_NTag = NTag;
-			const _component_NCard = NCard;
-			const _component_NAlert = NAlert;
-			const _component_NGridItem = NGridItem;
-			const _component_NGrid = 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-12a3673e"]]);
-
-//#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: "field-preview" };
-const _hoisted_19 = { class: "field-label" };
-const _hoisted_20 = { class: "field-type" };
-const _hoisted_21 = {
-	key: 0,
-	class: "area-drop-zone"
-};
-const _hoisted_22 = { class: "field-name" };
-const _hoisted_23 = { class: "field-type-tag" };
-const _hoisted_24 = {
-	key: 0,
-	class: "empty-layout"
-};
-const _hoisted_25 = {
-	key: 1,
-	class: "form-container"
-};
-const _hoisted_26 = { 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 cloneField = (field) => ({
-			...field,
-			id: `${field.prop}-${generateId()}`
-		});
-		/** 从指定区域移除字段 */
-		const removeFieldFromArea = (areaId, fieldId) => {
-			const area = customAreas.value.find((a) => a.id === areaId);
-			if (area) {
-				const idx = area.fields.findIndex((f) => f.id === fieldId);
-				if (idx !== -1) area.fields.splice(idx, 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 = NButton;
-			const _component_NButtonGroup = NButtonGroup;
-			const _component_NCard = NCard;
-			const _component_NInput = NInput;
-			const _component_NTag = NTag;
-			const _component_NEmpty = 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[12] || (_cache[12] = 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[10] || (_cache[10] = [createTextVNode(" 🎨 设计模式 ", -1)])),
-								_: 1,
-								__: [10]
-							}, 8, ["type"]), createVNode(_component_NButton, {
-								type: !isDesignMode.value ? "primary" : "default",
-								onClick: _cache[1] || (_cache[1] = ($event) => isDesignMode.value = false),
-								size: "small"
-							}, {
-								default: withCtx(() => _cache[11] || (_cache[11] = [createTextVNode(" 📝 填写模式 ", -1)])),
-								_: 1,
-								__: [11]
-							}, 8, ["type"])]),
-							_: 1
-						})]),
-						createCommentVNode(" 统计信息 "),
-						createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString(customAreas.value.length), 1), _cache[13] || (_cache[13] = createElementVNode("div", { class: "stat-label" }, "自定义区域", -1))]), createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, toDisplayString(totalFieldsCount.value), 1), _cache[14] || (_cache[14] = 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[15] || (_cache[15] = [createTextVNode(" 💾 保存布局 ", -1)])),
-							_: 1,
-							__: [15]
-						}), createVNode(_component_NButton, {
-							secondary: "",
-							onClick: handleResetLayout,
-							size: "small"
-						}, {
-							default: withCtx(() => _cache[16] || (_cache[16] = [createTextVNode(" 🔄 重置布局 ", -1)])),
-							_: 1,
-							__: [16]
-						})], 64)) : (openBlock(), createBlock(_component_NButton, {
-							key: 1,
-							secondary: "",
-							onClick: handleExportData,
-							size: "small"
-						}, {
-							default: withCtx(() => _cache[17] || (_cache[17] = [createTextVNode(" 📊 导出数据 ", -1)])),
-							_: 1,
-							__: [17]
-						}))])
-					])]),
-					_: 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[21] || (_cache[21] = createElementVNode("span", { class: "group-label" }, "添加区域:", -1)),
-						createVNode(_component_NButton, {
-							onClick: _cache[2] || (_cache[2] = ($event) => addArea("horizontal")),
-							size: "small"
-						}, {
-							default: withCtx(() => _cache[18] || (_cache[18] = [createTextVNode(" ➡️ 水平区域 ", -1)])),
-							_: 1,
-							__: [18]
-						}),
-						createVNode(_component_NButton, {
-							onClick: _cache[3] || (_cache[3] = ($event) => addArea("vertical")),
-							size: "small"
-						}, {
-							default: withCtx(() => _cache[19] || (_cache[19] = [createTextVNode(" ⬇️ 垂直区域 ", -1)])),
-							_: 1,
-							__: [19]
-						}),
-						createVNode(_component_NButton, {
-							onClick: _cache[4] || (_cache[4] = ($event) => addArea("grid")),
-							size: "small"
-						}, {
-							default: withCtx(() => _cache[20] || (_cache[20] = [createTextVNode(" ⚏ 网格区域 ", -1)])),
-							_: 1,
-							__: [20]
-						})
-					])])]),
-					_: 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[22] || (_cache[22] = [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[23] || (_cache[23] = [createTextVNode(" 🗑️ ", -1)])),
-								_: 2,
-								__: [23]
-							}, 1032, ["onClick"])])]),
-							createCommentVNode(" 字段容器（可拖入） "),
-							createVNode(unref(VueDraggable), {
-								modelValue: area.fields,
-								"onUpdate:modelValue": ($event) => area.fields = $event,
-								class: "area-fields",
-								group: {
-									name: "form-fields",
-									pull: true,
-									put: true
-								},
-								animation: 200,
-								"ghost-class": "field-ghost",
-								"item-key": "id"
-							}, {
-								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(area.fields, (field) => {
-									return openBlock(), createElementBlock("div", {
-										key: field.id,
-										class: "field-item"
-									}, [createElementVNode("div", _hoisted_18, [
-										_cache[25] || (_cache[25] = createElementVNode("span", { class: "drag-handle" }, "⠿", -1)),
-										createElementVNode("span", _hoisted_19, toDisplayString(field.label || field.prop), 1),
-										createElementVNode("span", _hoisted_20, toDisplayString(getFieldTypeName(field.type)), 1),
-										createVNode(_component_NButton, {
-											text: "",
-											size: "tiny",
-											type: "error",
-											onClick: ($event) => removeFieldFromArea(area.id, field.id),
-											title: "移出字段"
-										}, {
-											default: withCtx(() => _cache[24] || (_cache[24] = [createTextVNode(" ✕ ", -1)])),
-											_: 2,
-											__: [24]
-										}, 1032, ["onClick"])
-									])]);
-								}), 128))]),
-								_: 2
-							}, 1032, ["modelValue", "onUpdate:modelValue"]),
-							area.fields.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_21, " 从下方字段池拖拽字段到这里 ")) : createCommentVNode("v-if", true)
-						], 2);
-					}), 128))])], 2112)),
-					createCommentVNode(" 字段池（可拖出） "),
-					createVNode(_component_NCard, {
-						class: "field-pool",
-						title: "📦 可用字段"
-					}, {
-						default: withCtx(() => [createVNode(unref(VueDraggable), {
-							modelValue: availableFields.value,
-							"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => availableFields.value = $event),
-							class: "pool-fields-grid",
-							group: {
-								name: "form-fields",
-								pull: "clone",
-								put: true
-							},
-							animation: 200,
-							sort: false,
-							"ghost-class": "field-ghost",
-							"item-key": "id",
-							clone: cloneField
-						}, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(availableFields.value, (field) => {
-								return openBlock(), createElementBlock("div", {
-									key: field.id,
-									class: "pool-field"
-								}, [
-									_cache[26] || (_cache[26] = createElementVNode("span", { class: "drag-handle" }, "⠿", -1)),
-									createElementVNode("span", _hoisted_22, toDisplayString(field.label || field.prop), 1),
-									createElementVNode("span", _hoisted_23, toDisplayString(getFieldTypeName(field.type)), 1)
-								]);
-							}), 128))]),
-							_: 1
-						}, 8, ["modelValue"])]),
-						_: 1
-					})
-				], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 填写模式 "), customAreas.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_24, [createVNode(_component_NEmpty, { description: "尚未设计布局" }, {
-					extra: withCtx(() => [createVNode(_component_NButton, {
-						onClick: _cache[8] || (_cache[8] = ($event) => isDesignMode.value = true),
-						type: "primary"
-					}, {
-						default: withCtx(() => _cache[27] || (_cache[27] = [createTextVNode(" 🎨 开始设计 ", -1)])),
-						_: 1,
-						__: [27]
-					})]),
-					_: 1
-				})])) : (openBlock(), createElementBlock("div", _hoisted_25, [createElementVNode("div", _hoisted_26, [(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[9] || (_cache[9] = ($event) => isDesignMode.value = true),
-							size: "small",
-							secondary: ""
-						}, {
-							default: withCtx(() => _cache[28] || (_cache[28] = [createTextVNode(" 🎨 添加字段 ", -1)])),
-							_: 1,
-							__: [28]
-						})]),
-						_: 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-5a94f71e"]]);
-
-//#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,
-			NInput,
-			NInputNumber,
-			NSwitch,
-			NSlider,
-			NRate,
-			NDatePicker,
-			NTimePicker,
-			NCascader,
-			NColorPicker,
-			NSelect,
-			NCheckboxGroup,
-			NCheckbox,
-			NRadioGroup,
-			NRadio,
-			NUpload,
-			NButton,
-			NSpace,
-			C_Editor: C_Editor_default
-		};
-		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 };
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{t as n}from"./C_Editor2.js";import{NAlert as r,NBadge as i,NButton as a,NButtonGroup as o,NCard as s,NCascader as c,NCheckbox as l,NCheckboxGroup as u,NColorPicker as d,NDatePicker as f,NEmpty as p,NForm as m,NFormItem as h,NGrid as g,NGridItem as _,NInput as v,NInputNumber as y,NProgress as b,NRadio as x,NRadioGroup as S,NRate as C,NSelect as w,NSlider as ee,NSpace as T,NStep as te,NSteps as E,NSwitch as ne,NTabPane as re,NTabs as D,NTag as O,NTimePicker as k,NUpload as ie}from"naive-ui";import{Fragment as A,computed as j,createBlock as M,createCommentVNode as N,createElementBlock as P,createElementVNode as F,createTextVNode as I,createVNode as L,defineComponent as R,getCurrentInstance as ae,h as z,inject as oe,mergeProps as se,nextTick as ce,normalizeClass as B,normalizeStyle as V,onMounted as H,openBlock as U,reactive as W,readonly as G,ref as K,renderList as q,renderSlot as le,resolveDynamicComponent as J,toDisplayString as Y,toRaw as ue,unref as X,vShow as de,watch as Z,watchEffect as fe,withCtx as Q,withDirectives as pe,withKeys as $}from"vue";import{VueDraggable as me}from"vue-draggable-plus";import{mergeRules as he}from"@robot-admin/form-validate";const ge={layout:`default`,labelPlacement:`left`,labelWidth:`auto`,size:`medium`,disabled:!1,readonly:!1,showActions:!0,validateOnChange:!1},_e=[`steps`,`custom`];function ve(e){return{...ge,...e}}function ye(e){return!(e.showActions===!1||_e.includes(e.layout))}const be={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},xe=e=>be[e]??null;function Se(e,t,n,r){let i=W({}),a=W({}),o=j(()=>e.value.filter(e=>e.show!==!1)),s=()=>{try{Object.keys(a).forEach(e=>delete a[e]),e.value.forEach(e=>{if(e.prop in i||(i[e.prop]=e.value===void 0?xe(e.type):e.value),e.rules?.length){let t=e.rules.every(e=>typeof e.validator==`function`);a[e.prop]=t?he(e.rules):e.rules}})}catch(e){console.error(`[C_Form] 初始化失败:`,e)}},c=e=>{t.value.validateOnChange&&ce(()=>{u(e).catch(()=>{})})},l=async()=>{if(!n.value)throw Error(`[C_Form] 表单引用不存在`);try{await n.value.validate(),r(`validate-success`,_())}catch(e){throw r(`validate-error`,e),e}},u=async e=>{if(!n.value)throw Error(`[C_Form] 表单引用不存在`);let t=Array.isArray(e)?e:[e];try{await n.value.validate()}catch(e){if(!Array.isArray(e))throw e;let n=e.filter(e=>e?.some(e=>{let n=e;return typeof n.field==`string`&&t.includes(n.field)}));if(n.length>0)throw n}},d=e=>{n.value&&(e?(Array.isArray(e)?e:[e]).forEach(e=>{i[e]!==void 0&&(i[e]=i[e])}):n.value.restoreValidation())},f=async(t,n)=>{try{let n=e.value.filter(t).map(e=>e.prop);return n.length===0||await u(n),!0}catch(e){return console.warn(`[C_Form] ${n}验证失败:`,e),!1}},p=async e=>{let n=t.value.steps?.steps?.[e]?.key;return n?f(e=>e.layout?.step===n,`步骤 ${e} `):!0},m=async e=>f(t=>t.layout?.tab===e,`标签页 ${e} `),h=async()=>f(e=>!!e.layout?.dynamic,`动态字段 `),g=async e=>f(t=>t.layout?.group===e,`自定义分组 ${e} `),_=()=>({...i}),v=e=>{Object.assign(i,e)},y=()=>{try{d(),e.value.forEach(e=>{let t=e.value===void 0?xe(e.type):e.value;i[e.prop]=t})}catch(e){console.error(`[C_Form] 重置表单失败:`,e)}};return H(()=>{s(),Z(()=>e.value,()=>s(),{deep:!0}),Z(()=>i,e=>r(`update:modelValue`,{...e}),{deep:!0})}),{formModel:i,formRules:a,visibleOptions:o,initialize:s,handleFieldChange:c,validate:l,validateField:u,validateStep:p,validateTab:m,validateDynamicFields:h,validateCustomGroup:g,clearValidation:d,getModel:_,setFields:v,resetFields:y,setFieldValue:async(e,t,n=!1)=>{i[e]=t,n&&await u(e)},getFieldValue:e=>i[e],setFieldsValue:async(e,t=!1)=>{Object.assign(i,e),t&&await l()},handleSubmit:async()=>{try{await l(),r(`submit`,{model:_(),form:n.value})}catch(e){console.warn(`[C_Form] 表单验证失败:`,e)}},handleReset:y}}function Ce(e){return{input:t=>z(e.NInput,{...t}),textarea:t=>z(e.NInput,{...t,type:`textarea`}),inputNumber:t=>z(e.NInputNumber,{...t}),switch:t=>z(e.NSwitch,{...t}),slider:t=>z(e.NSlider,{...t}),rate:t=>z(e.NRate,{...t}),datePicker:t=>z(e.NDatePicker,{...t}),daterange:t=>z(e.NDatePicker,{...t,type:`daterange`}),timePicker:t=>z(e.NTimePicker,{...t}),cascader:t=>z(e.NCascader,{...t}),colorPicker:t=>z(e.NColorPicker,{...t}),select:(t,n)=>z(e.NSelect,{...t,options:n.children?.map(e=>({value:e.value,label:e.label,disabled:e.disabled}))||[]}),checkbox:(t,n)=>z(e.NCheckboxGroup,{...t},{default:()=>z(e.NSpace,{},{default:()=>n.children?.map(t=>z(e.NCheckbox,{value:t.value,label:t.label,disabled:t.disabled,key:String(t.value)}))||[]})}),radio:(t,n)=>z(e.NRadioGroup,{...t},{default:()=>z(e.NSpace,{},{default:()=>n.children?.map(t=>z(e.NRadio,{value:t.value,disabled:t.disabled,key:String(t.value)},{default:()=>t.label}))||[]})}),upload:(t,n,r,i)=>z(e.NUpload,{fileList:t.value||[],"onUpdate:fileList":e=>{t[`onUpdate:value`]?.(e)},...n.attrs},{trigger:()=>i?.slots?.uploadClick?.()||z(e.NButton,{type:`primary`},{default:()=>`选择文件`}),tip:()=>i?.slots?.uploadTip?.()||null}),editor:(t,n,r)=>z(e.C_Editor,{editorId:`editor-${n.prop}`,modelValue:t.value||``,placeholder:n.placeholder,disabled:r.disabled,readonly:r.readonly,"onUpdate:modelValue":e=>{t[`onUpdate:value`]?.(e)},...n.attrs})}}const we={};function Te(e,t){we[e]=t}function Ee(e,t,n,r,i,a){let o={...Ce(i),...we},s=t=>{let n={value:e[t.prop],"onUpdate:value":n=>{e[t.prop]=n,r(t.prop)}};return t.type===`textarea`&&(n.type=`textarea`),t.placeholder&&(n.placeholder=t.placeholder),n},c=e=>{try{let t=o[e.type];return t?t({...s(e),...e.attrs},e,n.value,{slots:a,components:i}):(console.warn(`[C_Form] 未支持的组件类型: ${e.type}`),null)}catch(t){return console.error(`[C_Form] 渲染表单项失败:`,t,e),null}};return{renderFormItem:c,formItems:j(()=>t.value.map(e=>z(i.NFormItem,{label:e.label,path:e.prop,key:e.prop,required:!!e.rules?.length},{default:()=>c(e)}))),getBaseProps:s}}const De={class:`c-form-default`};var Oe=t(R({__name:`index`,props:{formItems:{},layoutConfig:{},options:{}},setup(e){return(e,t)=>(U(),P(`div`,De,[(U(!0),P(A,null,q(e.formItems,e=>(U(),M(J(e),{key:e.key}))),128))]))}}),[[`__scopeId`,`data-v-a0e973bb`]]),ke=t(R({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e){let t=e,n=j(()=>280),r=j(()=>t.layoutConfig?.inline?.gap??16),i=j(()=>16),a=j(()=>{let e=t.layoutConfig?.inline?.align;return e===`start`||e===`end`?e:`center`}),o=j(()=>{switch(a.value){case`start`:return`flex-start`;case`end`:return`flex-end`;default:return`center`}}),s=j(()=>{switch(a.value){case`start`:return`flex-start`;case`end`:return`flex-end`;case`center`:return`center`;default:return`flex-start`}}),c=j(()=>({display:`flex`,flexWrap:`wrap`,alignItems:o.value,justifyContent:s.value,gap:`${i.value}px ${r.value}px`,width:`100%`})),l=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`form-item-${t}`},u=e=>{let r=t.options?.[e]?.layout,i={width:`${n.value}px`,flexShrink:0,display:`flex`,flexDirection:`column`};return r?.width!==void 0&&(i.width=typeof r.width==`number`?`${r.width}px`:r.width),r?.style&&Object.assign(i,r.style),i};return(e,t)=>(U(),P(`div`,{class:`c-form-inline`,style:V(c.value)},[(U(!0),P(A,null,q(e.formItems,(e,t)=>(U(),P(`div`,{key:l(e,t),class:`c-form-inline-item`,style:V(u(t))},[(U(),M(J(e)))],4))),128))],4))}}),[[`__scopeId`,`data-v-ca3767dc`]]);const Ae={class:`c-grid-layout`},je={class:`config-header`},Me={class:`config-controls`},Ne={class:`config-label`},Pe={class:`item-wrapper`};var Fe=t(R({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(t,{expose:n}){let i=t,a=K(!!import.meta.env?.DEV),o=W({cols:24,gutter:16,responsive:!0}),c=j(()=>i.layoutConfig?.grid||{}),l=j(()=>c.value.showConfigPanel),u=j(()=>c.value.showStats),d=j(()=>({cols:l.value?o.cols:c.value.cols??24,gutter:l.value?o.gutter:c.value.gutter??16,responsive:l.value?o.responsive:c.value.responsive??!0})),f=j(()=>({cols:d.value.cols,xGap:d.value.gutter,yGap:d.value.gutter,responsive:d.value.responsive?`screen`:`self`})),p=j(()=>[{key:`cols`,label:`列数`,component:`NInputNumber`,value:j({get:()=>o.cols,set:e=>o.cols=e}),props:{min:1,max:48,size:`small`}},{key:`gutter`,label:`间距`,component:`NInputNumber`,value:j({get:()=>o.gutter,set:e=>o.gutter=e}),props:{min:0,max:48,size:`small`}},{key:`responsive`,label:`响应式`,component:`NSwitch`,value:j({get:()=>o.responsive,set:e=>o.responsive=e}),props:{size:`small`}}]),m=j(()=>`列数: ${d.value.cols} | 间距: ${d.value.gutter}px | 项目: ${i.formItems.length}个`),h=(e,t)=>String(e.key)||e.props?.path||`grid-item-${t}`,v=(e,t)=>{let n=i.options?.[e]?.layout;return n?.[t]??n?.grid?.[t]},y=()=>{let{cols:e}=d.value;return e<=12?e:e<=24?12:8},b=e=>{let t=v(e,`span`),n=v(e,`offset`),r=v(e,`suffix`);return{span:typeof t==`number`&&t>0&&t<=d.value.cols?t:y(),offset:typeof n==`number`&&n>=0&&n<d.value.cols?n:0,suffix:!!r}},x=()=>{a.value&&console.log(`Grid config updated:`,ue(o))};return Z(c,e=>{e.cols!==void 0&&(o.cols=e.cols),e.gutter!==void 0&&(o.gutter=e.gutter),e.responsive!==void 0&&(o.responsive=e.responsive)},{immediate:!0}),a.value&&fe(()=>{let e=i.options.length,t=i.formItems.length;e>0&&e!==t&&console.warn(`[GridLayout] 配置数量(${e})与表单项数量(${t})不匹配`)}),n({updateGridConfig:e=>Object.assign(o,e),getCurrentConfig:()=>({...d.value}),getGridInfo:()=>({...d.value,itemCount:i.formItems.length})}),(t,n)=>{let i=s,o=_,c=g,d=r;return U(),P(`div`,Ae,[N(` 配置面板 `),l.value?(U(),M(i,{key:0,size:`small`,bordered:!1,class:`config-panel`},{header:Q(()=>[F(`div`,je,[L(e,{name:`mdi:view-grid`,size:18}),n[0]||=F(`span`,null,`网格配置`,-1)])]),default:Q(()=>[F(`div`,Me,[(U(!0),P(A,null,q(p.value,e=>(U(),P(`div`,{key:e.key,class:`config-item`},[F(`span`,Ne,Y(e.label)+`:`,1),(U(),M(J(e.component),se({value:e.value,"onUpdate:value":t=>e.value=t},{ref_for:!0},e.props,{"onUpdate:value":x}),null,16,[`value`,`onUpdate:value`]))]))),128))])]),_:1})):N(`v-if`,!0),N(` 网格容器 `),L(c,se(f.value,{class:`grid-container`}),{default:Q(()=>[(U(!0),P(A,null,q(t.formItems,(e,t)=>(U(),M(o,se({key:h(e,t)},{ref_for:!0},b(t),{class:`grid-item`}),{default:Q(()=>[F(`div`,Pe,[(U(),M(J(e)))])]),_:2},1040))),128))]),_:1},16),N(` 统计信息 `),u.value&&a.value?(U(),M(d,{key:1,type:`info`,"show-icon":!1,size:`small`,class:`grid-stats`},{header:Q(()=>[L(e,{name:`mdi:information-outline`,size:16}),n[1]||=I(` 网格信息 `,-1)]),default:Q(()=>[I(` `+Y(m.value),1)]),_:1})):N(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-feb1a2b2`]]);const Ie={class:`c-form-card`},Le={class:`flex items-center gap-2`},Re={class:`config-controls`},ze={class:`config-item`},Be={class:`flex items-center gap-2`},Ve={class:`text-xs min-w-12`},He={class:`config-item`},Ue={class:`config-item`},We={class:`config-item`},Ge={class:`flex items-center gap-3`},Ke={class:`card-header`},qe={class:`header-info`},Je={class:`header-text`},Ye={key:0},Xe={class:`header-actions`},Ze={class:`field-stats`},Qe={class:`card-content`},$e={key:0,class:`progress-section`},et={class:`action-content`},tt={class:`status-summary`},nt={class:`status-item`},rt={class:`progress-display`},it={class:`text-sm min-w-12`},at={class:`action-buttons`};var ot=t(R({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},formData:{default:()=>({})}},setup(t){let n=t,r=K(20),o=K(!0),c=K(!0),l=K(!0),u=K(`vertical`),d=K({}),f=j(()=>n.layoutConfig?.card?.groups||[]),p=j(()=>f.value.length>0),m=j(()=>n.layoutConfig?.card?.showLayoutConfig??!0),h=j(()=>n.layoutConfig?.card?.showActionPanel??!0),g=j(()=>p.value?`layout-${u.value}`:`layout-single`),_=j(()=>{if(!p.value)return[];let e=new Map;return f.value.forEach(t=>{e.set(t.key,[])}),n.formItems.forEach((t,r)=>{let i=(n.options?.[r])?.layout?.group||f.value[0]?.key||`default`;e.has(i)||e.set(i,[]),e.get(i).push(t)}),f.value.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),v=j(()=>{let e=Object.keys(d.value);return e.length>0&&e.every(e=>d.value[e])}),y=j(()=>{if(!n.options||n.options.length===0)return 0;let e=n.options.filter(e=>{let t=n.formData?.[e.prop||``];return C(t)}).length;return Math.round(e/n.options.length*100)}),C=e=>e==null?!1:Array.isArray(e)?e.length>0:typeof e==`string`?e.trim()!==``:!0,w=e=>n.options?n.options.filter(t=>t.layout?.group===e.config.key).filter(e=>{let t=n.formData?.[e.prop||``];return C(t)}).length:0,T=e=>{if(e.items.length===0)return 0;let t=w(e);return Math.round(t/e.items.length*100)},te=e=>{let t={basic:`mdi:account`,contact:`mdi:phone`,preferences:`mdi:cog`,settings:`mdi:cog`,info:`mdi:information`,default:`mdi:form-select`};return t[e]||t.default},E=e=>{d.value[e]=!d.value[e]},re=()=>{let e=!v.value;f.value.forEach(t=>{d.value[t.key]=e})};return H(()=>{let e=n.layoutConfig?.card;e?.direction&&(u.value=e.direction),e?.showProgress!==void 0&&(l.value=e.showProgress),f.value.forEach(e=>{d.value[e.key]=!1})}),(t,n)=>{let f=ee,C=ne,D=x,O=S,k=s,ie=i,j=a,R=b;return U(),P(`div`,Ie,[N(` 布局配置面板 `),p.value&&m.value?(U(),M(k,{key:0,class:`layout-config-panel`,bordered:!1},{header:Q(()=>[F(`div`,Le,[L(e,{name:`mdi:cog`,size:18}),n[4]||=F(`span`,null,`布局配置`,-1)])]),default:Q(()=>[F(`div`,Re,[F(`div`,ze,[n[5]||=F(`span`,null,`卡片间距`,-1),F(`div`,Be,[L(f,{value:r.value,"onUpdate:value":n[0]||=e=>r.value=e,min:12,max:32,step:4,class:`w-24`},null,8,[`value`]),F(`span`,Ve,Y(r.value)+`px`,1)])]),F(`div`,He,[n[6]||=F(`span`,null,`显示图标`,-1),L(C,{value:o.value,"onUpdate:value":n[1]||=e=>o.value=e,size:`small`},null,8,[`value`])]),F(`div`,Ue,[n[7]||=F(`span`,null,`可折叠`,-1),L(C,{value:c.value,"onUpdate:value":n[2]||=e=>c.value=e,size:`small`},null,8,[`value`])]),F(`div`,We,[n[10]||=F(`span`,null,`布局方向`,-1),L(O,{value:u.value,"onUpdate:value":n[3]||=e=>u.value=e,size:`small`},{default:Q(()=>[L(D,{value:`vertical`},{default:Q(()=>n[8]||=[I(`垂直`,-1)]),_:1,__:[8]}),L(D,{value:`horizontal`},{default:Q(()=>n[9]||=[I(`水平`,-1)]),_:1,__:[9]})]),_:1},8,[`value`])])])]),_:1})):N(`v-if`,!0),N(` 表单内容区域 `),F(`div`,{class:B([`form-content`,g.value]),style:V({gap:`${r.value}px`})},[N(` 无分组时的单卡片模式 `),p.value?(U(),P(A,{key:1},[N(` 有分组时的多卡片模式 `),(U(!0),P(A,null,q(_.value,t=>(U(),M(k,{key:t.config.key,class:B([`group-card`,[`${t.config.key}-card`,{collapsed:c.value&&d.value[t.config.key]}]]),hoverable:``},{header:Q(()=>[F(`div`,Ke,[F(`div`,qe,[o.value&&t.config.icon?(U(),M(e,{key:0,name:t.config.icon,size:20,class:`card-icon`},null,8,[`name`])):o.value?(U(),M(e,{key:1,name:te(t.config.key),size:20,class:`card-icon`},null,8,[`name`])):N(`v-if`,!0),F(`div`,Je,[F(`h3`,null,Y(t.config.title),1),t.config.description?(U(),P(`p`,Ye,Y(t.config.description),1)):N(`v-if`,!0)])]),F(`div`,Xe,[N(` 统计信息 `),F(`div`,Ze,[L(ie,{value:t.items.length,type:`info`,"show-zero":``},null,8,[`value`]),L(ie,{value:`${w(t)}/${t.items.length}`,type:w(t)===t.items.length?`success`:`warning`},null,8,[`value`,`type`])]),N(` 折叠按钮 `),c.value?(U(),M(j,{key:0,quaternary:``,circle:``,size:`small`,onClick:e=>E(t.config.key)},{icon:Q(()=>[L(e,{name:d.value[t.config.key]?`mdi:chevron-down`:`mdi:chevron-up`,size:18},null,8,[`name`])]),_:2},1032,[`onClick`])):N(`v-if`,!0)])])]),default:Q(()=>[pe(F(`div`,Qe,[N(` 进度指示器 `),l.value?(U(),P(`div`,$e,[L(R,{percentage:T(t),color:T(t)===100?`#52c41a`:`#1890ff`,"show-indicator":!1,class:`mb-4`},null,8,[`percentage`,`color`])])):N(`v-if`,!0),N(` 表单项 `),(U(!0),P(A,null,q(t.items,e=>(U(),M(J(e),{key:e.key}))),128))],512),[[de,!d.value[t.config.key]]])]),_:2},1032,[`class`]))),128))],64)):(U(),M(k,{key:0,class:`single-card`,hoverable:``},{header:Q(()=>[F(`div`,Ge,[o.value?(U(),M(e,{key:0,name:`mdi:form-select`,size:18,style:{color:`#3b82f6`}})):N(`v-if`,!0),n[11]||=F(`span`,null,`表单信息`,-1)])]),default:Q(()=>[(U(!0),P(A,null,q(t.formItems,e=>(U(),M(J(e),{key:e.key}))),128))]),_:1}))],6),N(` 统一操作面板 `),p.value&&h.value?(U(),M(k,{key:1,class:`action-panel`,bordered:!1},{default:Q(()=>[F(`div`,et,[F(`div`,tt,[F(`div`,nt,[n[12]||=F(`span`,{class:`label`},`完成进度:`,-1),F(`div`,rt,[L(R,{percentage:y.value,"show-indicator":!1,color:y.value===100?`#52c41a`:`#1890ff`,class:`flex-1`},null,8,[`percentage`,`color`]),F(`span`,it,Y(y.value)+`%`,1)])])]),F(`div`,at,[c.value?(U(),M(j,{key:0,onClick:re},{icon:Q(()=>[L(e,{name:v.value?`mdi:unfold-more-horizontal`:`mdi:unfold-less-horizontal`,size:18},null,8,[`name`])]),default:Q(()=>[I(` `+Y(v.value?`展开全部`:`折叠全部`),1)]),_:1})):N(`v-if`,!0)])])]),_:1})):N(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-c9b312a4`]]);const st={class:`c-form-tabs`},ct={key:0,class:`single-panel`},lt={class:`tabs-container`},ut={key:0,class:`tab-header`},dt={class:`tab-description`},ft={class:`tab-form-items`},pt={key:0,class:`tabs-actions`};var mt=t(R({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},emits:[`tab-change`,`tab-before-change`,`tab-validate`,`tab-close`,`tab-add`],setup(t,{expose:n,emit:r}){let o=t,s=r,c=K(``),l=W({}),u=()=>({tabs:[],type:`line`,size:`medium`,placement:`top`,animated:!0,closable:!1,addable:!1,showTabHeader:!0,showActions:!1,showCount:!1,validateBeforeSwitch:!1,defaultTab:``}),d=j(()=>{let e=u(),t=o.layoutConfig?.tabs||{};return{...e,...t}}),f=j(()=>d.value.tabs.length>0),m=j(()=>{if(!f.value)return[];let e=new Map;return d.value.tabs.forEach(t=>{e.set(t.key,[])}),o.formItems.forEach((t,n)=>{let r=(o.options?.[n])?.layout?.tab||d.value.tabs[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),d.value.tabs.map(t=>({config:t,items:e.get(t.key)||[]}))}),h=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`tab-item-${t}`},g=async()=>{if(!c.value)return!0;try{return s(`tab-validate`,c.value),l[c.value]=!0,!0}catch(e){return console.error(`[Tabs Layout] 标签验证失败:`,e),l[c.value]=!1,!1}},_=async e=>{if(!e||e===c.value)return!0;if(!m.value.some(t=>t.config.key===e))return!1;try{return d.value.validateBeforeSwitch&&c.value&&!await g()?!1:(c.value&&s(`tab-before-change`,c.value,e),c.value=e,s(`tab-change`,e,m.value.findIndex(t=>t.config.key===e)),!0)}catch(e){return console.error(`[Tabs Layout] 标签切换失败:`,e),!1}},v=e=>{_(e)},y=e=>{s(`tab-close`,e)},b=()=>{s(`tab-add`)},x=()=>{if(!f.value||m.value.length===0)return;let{defaultTab:e}=d.value,t=e||m.value[0]?.config.key;t&&t!==c.value&&(c.value=t,ce(()=>{let e=m.value.findIndex(e=>e.config.key===t);e>=0&&s(`tab-change`,t,e)}))};return H(()=>{x()}),Z(j(()=>d.value.tabs.map(e=>e.key).join(`,`)),()=>{c.value&&!d.value.tabs.some(e=>e.key===c.value)&&x()}),Z(()=>d.value.defaultTab,e=>{e&&e!==c.value&&_(e)}),n({switchToTab:_,validateCurrentTab:g,currentTab:G(c),totalTabs:j(()=>m.value.length),tabsWithItems:G(m)}),(t,n)=>{let r=i,o=T,s=p,l=re,u=D,x=a;return U(),P(`div`,st,[N(` 无标签配置时的单一面板模式 `),f.value?(U(),P(A,{key:1},[N(` 有标签配置时的分标签模式 `),F(`div`,lt,[L(u,{value:c.value,"onUpdate:value":[n[0]||=e=>c.value=e,v],type:d.value.type,size:d.value.size,placement:d.value.placement,animated:d.value.animated,closable:d.value.closable,addable:d.value.addable,class:`form-tabs`,onClose:y,onAdd:b},{default:Q(()=>[(U(!0),P(A,null,q(m.value,t=>(U(),M(l,{key:t.config.key,name:t.config.key,tab:t.config.title,disabled:t.config.disabled,closable:t.config.closable},{tab:Q(()=>[L(o,{align:`center`,size:8},{default:Q(()=>[t.config.icon?(U(),M(e,{key:0,name:t.config.icon,size:16,class:`tab-icon`},null,8,[`name`])):N(`v-if`,!0),F(`span`,null,Y(t.config.title),1),d.value.showCount?(U(),M(r,{key:1,value:t.items.length,max:99,show:t.items.length>0,type:`info`},null,8,[`value`,`show`])):N(`v-if`,!0)]),_:2},1024)]),default:Q(()=>[d.value.showTabHeader&&t.config.description?(U(),P(`div`,ut,[F(`p`,dt,Y(t.config.description),1)])):N(`v-if`,!0),F(`div`,ft,[(U(!0),P(A,null,q(t.items,(e,t)=>(U(),M(J(e),{key:h(e,t)}))),128))]),t.items.length===0?(U(),M(s,{key:1,description:`暂无表单项`,class:`tab-empty`})):N(`v-if`,!0)]),_:2},1032,[`name`,`tab`,`disabled`,`closable`]))),128))]),_:1},8,[`value`,`type`,`size`,`placement`,`animated`,`closable`,`addable`]),N(` 标签页操作按钮 `),d.value.showActions?(U(),P(`div`,pt,[L(o,{justify:`space-between`},{default:Q(()=>[L(o,null,{default:Q(()=>[d.value.validateBeforeSwitch?(U(),M(x,{key:0,type:`primary`,size:`small`,onClick:g},{default:Q(()=>[L(e,{name:`carbon:star-check`,size:14,style:{"margin-right":`4px`}}),n[1]||=I(` 验证当前标签 `,-1)]),_:1,__:[1]})):N(`v-if`,!0)]),_:1}),L(o,null,{default:Q(()=>[le(t.$slots,`tab-actions`,{currentTab:c.value,totalTabs:m.value.length,validateTab:g,switchToTab:_},void 0,!0)]),_:3})]),_:3})])):N(`v-if`,!0)])],2112)):(U(),P(`div`,ct,[(U(!0),P(A,null,q(t.formItems,(e,t)=>(U(),M(J(e),{key:h(e,t)}))),128))]))])}}}),[[`__scopeId`,`data-v-68d1ce03`]]);const ht={class:`c-form-steps`},gt={key:0,class:`single-panel`},_t={class:`steps-container`},vt={key:0,class:`step-header`},yt={class:`step-title`},bt={key:0,class:`step-description`},xt={class:`step-form-items`},St={class:`steps-actions`};var Ct=t(R({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},emits:[`step-change`,`step-before-change`,`step-validate`],setup(t,{expose:n,emit:r}){let i=t,o=r,c=K(0),l=K(!1),u=W({}),d=j(()=>{let e=i.layoutConfig?.steps||{};return{steps:e.steps||[],vertical:e.vertical||!1,size:e.size||`medium`,showStepHeader:e.showStepHeader!==!1,validateBeforeNext:e.validateBeforeNext||!1,prevButtonText:e.prevButtonText||`上一步`,nextButtonText:e.nextButtonText||`下一步`,defaultStep:e.defaultStep||0}}),f=j(()=>d.value.steps.length>0),p=j(()=>{if(!f.value)return[];let e=new Map;return d.value.steps.forEach(t=>{e.set(t.key,[])}),i.formItems.forEach((t,n)=>{let r=(i.options?.[n])?.layout?.step||d.value.steps[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),d.value.steps.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),m=j(()=>{for(let e=0;e<=c.value;e++)if(u[e]===!1)return`error`;return`process`}),h=j(()=>c.value===0),g=j(()=>c.value===p.value.length-1),_=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`step-item-${t}`},v=async()=>{try{let e=await Promise.resolve(o(`step-validate`,c.value))!==!1;return u[c.value]=e,e}catch(e){return console.error(`[Steps Layout] 步骤验证失败:`,e),u[c.value]=!1,!1}},y=async(e,t=!1)=>{if(e<0||e>=p.value.length)return!1;if(e===c.value)return!0;try{return l.value=!0,t&&d.value.validateBeforeNext&&!await v()?!1:(await o(`step-before-change`,c.value,e),c.value=e,o(`step-change`,c.value,p.value[c.value].config.key),!0)}catch(e){return console.error(`[Steps Layout] 步骤切换失败:`,e),!1}finally{l.value=!1}},b=async()=>{await y(c.value+1,!0)},x=()=>{y(c.value-1)},S=async e=>{p.value[e]?.config.disabled||await y(e,e>c.value)},C=()=>{if(!f.value||p.value.length===0)return;let{defaultStep:e}=d.value;c.value=e>=0&&e<p.value.length&&!p.value[e]?.config.disabled?e:0};return Z(j(()=>d.value.steps.map(e=>e.key).join(`,`)),()=>{C()}),H(()=>{C()}),n({nextStep:b,previousStep:x,goToStep:S,validateCurrentStep:v,currentStep:G(c),totalSteps:j(()=>p.value.length)}),(t,n)=>{let r=te,i=E,o=s,u=a,v=T;return U(),P(`div`,ht,[N(` 无步骤配置时的单一面板模式 `),f.value?(U(),P(A,{key:1},[N(` 有步骤配置时的分步骤模式 `),F(`div`,_t,[N(` 步骤指示器 `),L(i,{current:c.value+1,status:m.value,size:d.value.size,vertical:d.value.vertical,class:`steps-indicator`},{default:Q(()=>[(U(!0),P(A,null,q(p.value,e=>(U(),M(r,{key:e.config.key,title:e.config.title,description:e.config.description,disabled:e.config.disabled},null,8,[`title`,`description`,`disabled`]))),128))]),_:1},8,[`current`,`status`,`size`,`vertical`]),N(` 步骤内容区域 `),L(o,{class:`steps-content`,bordered:!1},{default:Q(()=>[(U(!0),P(A,null,q(p.value,(e,t)=>pe((U(),P(`div`,{key:e.config.key,class:`step-panel`},[N(` 步骤标题和描述 `),d.value.showStepHeader?(U(),P(`div`,vt,[F(`h3`,yt,Y(e.config.title),1),e.config.description?(U(),P(`p`,bt,Y(e.config.description),1)):N(`v-if`,!0)])):N(`v-if`,!0),N(` 步骤内的表单项 `),F(`div`,xt,[(U(!0),P(A,null,q(e.items,(e,t)=>(U(),M(J(e),{key:_(e,t)}))),128))])])),[[de,c.value===t]])),128))]),_:1}),N(` 步骤操作按钮 `),F(`div`,St,[L(v,{justify:`space-between`},{default:Q(()=>[c.value>0?(U(),M(u,{key:0,disabled:l.value,onClick:x},{default:Q(()=>[L(e,{name:`mdi:chevron-left-first`,size:16,style:{"margin-right":`4px`}}),I(` `+Y(d.value.prevButtonText),1)]),_:1},8,[`disabled`])):N(`v-if`,!0),n[0]||=F(`div`,null,null,-1),L(v,null,{default:Q(()=>[c.value<p.value.length-1?(U(),M(u,{key:0,type:`primary`,loading:l.value,onClick:b},{default:Q(()=>[I(Y(d.value.nextButtonText)+` `,1),L(e,{name:`mdi:chevron-right-last`,size:16,style:{"margin-left":`4px`}})]),_:1},8,[`loading`])):N(`v-if`,!0),le(t.$slots,`step-actions`,{currentStep:c.value,totalSteps:p.value.length,isFirstStep:h.value,isLastStep:g.value,nextStep:b,previousStep:x,goToStep:S},void 0,!0)]),_:3})]),_:3,__:[0]})])])],2112)):(U(),P(`div`,gt,[(U(!0),P(A,null,q(t.formItems,(e,t)=>(U(),M(J(e),{key:_(e,t)}))),128))]))])}}}),[[`__scopeId`,`data-v-7249a960`]]);const wt={maxFields:20,autoSave:!1,enableSort:!0,showControls:!0,showItemControls:!0},Tt=[{label:`文本输入`,value:`input`},{label:`数字输入`,value:`inputNumber`},{label:`多行文本`,value:`textarea`},{label:`下拉选择`,value:`select`},{label:`开关切换`,value:`switch`},{label:`评分组件`,value:`rate`}],Et=()=>{let e=W({config:{...wt},baseFields:[],dynamicFields:[],hiddenFieldIds:new Set,fieldCounter:0,isInitialized:!1}),t=j(()=>[...e.baseFields,...e.dynamicFields.map(t=>({...t,show:!e.hiddenFieldIds.has(t.prop)}))]),n=j(()=>t.value.filter(e=>e.show!==!1)),r=j(()=>e.dynamicFields.length),i=j(()=>e.hiddenFieldIds.size),a=j(()=>e.dynamicFields.length<e.config.maxFields),o=j(()=>e.hiddenFieldIds.size===0);return{state:G(e),allFields:t,visibleFields:n,dynamicFieldsCount:r,hiddenFieldsCount:i,canAddMoreFields:a,allVisible:o,FIELD_TYPE_OPTIONS:Tt,addField:(t={})=>{if(!a.value){console.warn(`[useDynamicFormState] 已达到最大字段数量限制`);return}e.fieldCounter++;let n=t.type||Tt[Math.floor(Math.random()*Tt.length)].value,r={id:`dynamic_field_${e.fieldCounter}`,type:n,prop:t.prop||`dynamic_${e.fieldCounter}`,label:t.label||`动态字段 ${e.fieldCounter}`,placeholder:t.placeholder||`请输入${t.label||`内容`}`,visible:!0,removable:!0,created:Date.now(),layout:t.layout||{span:12},...t};e.dynamicFields.push(r),console.log(`[useDynamicFormState] 添加字段:`,r)},removeField:t=>{if(e.dynamicFields.length===0){console.warn(`[useDynamicFormState] 没有可移除的动态字段`);return}let n=t??e.dynamicFields.length-1;if(n<0||n>=e.dynamicFields.length){console.warn(`[useDynamicFormState] 字段索引超出范围`);return}let r=e.dynamicFields.splice(n,1)[0];r&&(e.hiddenFieldIds.delete(r.prop),console.log(`[useDynamicFormState] 移除字段:`,r.prop))},clearDynamicFields:()=>{console.log(`[useDynamicFormState] 清空动态字段:`,e.dynamicFields.length),e.dynamicFields.forEach(t=>e.hiddenFieldIds.delete(t.prop)),e.dynamicFields.length=0,e.fieldCounter=0},toggleFieldVisibility:t=>{e.hiddenFieldIds.has(t)?(e.hiddenFieldIds.delete(t),console.log(`[useDynamicFormState] 显示字段:`,t)):(e.hiddenFieldIds.add(t),console.log(`[useDynamicFormState] 隐藏字段:`,t))},toggleAllVisibility:()=>{o.value?(e.dynamicFields.forEach(t=>{e.hiddenFieldIds.add(t.prop)}),console.log(`[useDynamicFormState] 隐藏所有动态字段`)):(e.hiddenFieldIds.clear(),console.log(`[useDynamicFormState] 显示所有字段`))},updateConfig:t=>{Object.assign(e.config,t),console.log(`[useDynamicFormState] 更新配置:`,t)},exportConfig:()=>{let t={baseFields:e.baseFields,dynamicFields:e.dynamicFields,config:e.config,hiddenFields:Array.from(e.hiddenFieldIds),timestamp:Date.now()};return JSON.stringify(t,null,2)},initialize:(t,n={})=>{console.log(`[useDynamicFormState] 初始化状态:`,{baseFieldsCount:t.length,config:n}),e.baseFields=[...t],Object.assign(e.config,n),e.isInitialized=!0,console.log(`[useDynamicFormState] 初始化完成`)}}},Dt=Symbol(`dynamicFormState`),Ot={class:`c-form-dynamic`},kt={key:0,class:`dynamic-controls`},At={class:`max-fields-config`},jt={class:`dynamic-stats`},Mt={class:`dynamic-controls-fallback`},Nt={class:`dynamic-form-items`};var Pt=t(R({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},dynamicFormState:{default:null}},emits:[`field-add`,`field-remove`,`fields-clear`],setup(t,{expose:n}){let o=t,c=oe(Dt,null),l=j(()=>o.dynamicFormState||c),u=j(()=>!!l.value),d=j(()=>o.layoutConfig?.dynamic?.grid?.cols??24),f=j(()=>o.layoutConfig?.dynamic?.grid?.gutter??16),p=j(()=>o.layoutConfig?.dynamic?.controls?.showControls!==!1),m=j(()=>l.value?.state.config.maxFields??o.layoutConfig?.dynamic?.dynamic?.maxFields??50),h=j(()=>l.value?.dynamicFieldsCount.value??0),v=j(()=>l.value?.canAddMoreFields.value??!1),b=j(()=>o.formItems.length),x=(e,t)=>e.key?.toString()||e.props?.path||`dynamic-item-${t}`,S=e=>{let t=o.options?.[e]?.layout?.span;return typeof t==`number`&&t>0&&t<=d.value?t:Math.min(12,d.value)},C=e=>{if(!l.value)return!1;let t=e.props?.path||e.key?.toString()||``;return l.value.state.dynamicFields.some(e=>e.prop===t)};return n({addField:()=>l.value?.addField(),removeField:()=>l.value?.removeField(),clearAllDynamic:()=>l.value?.clearDynamicFields(),isDynamicStateAvailable:u,dynamicState:l}),import.meta.env?.DEV&&fe(()=>{let{options:e,formItems:t}=o;e&&e.length!==t.length&&console.warn(`[Dynamic Layout] 配置项数量(${e.length})与表单项数量(${t.length})不匹配`),console.log(`[Dynamic Layout]`,u.value?`动态模式已启用`:`运行在静态模式`,{totalFields:b.value,dynamicFields:h.value,stateSource:o.dynamicFormState?`props透传`:`inject注入`})}),(t,n)=>{let o=i,c=a,w=T,ee=y,te=O,E=s,ne=r,re=_,D=g;return U(),P(`div`,Ot,[N(` 动态控制面板 `),p.value&&u.value?(U(),P(`div`,kt,[L(E,{size:`small`,title:`动态表单控制`,bordered:!1},{"header-extra":Q(()=>[L(o,{value:h.value,type:`warning`},{default:Q(()=>[L(e,{name:`mdi:layers`,size:16})]),_:1},8,[`value`])]),default:Q(()=>[L(w,{justify:`space-between`,align:`center`},{default:Q(()=>[L(w,null,{default:Q(()=>[L(c,{size:`small`,type:`primary`,disabled:!v.value,onClick:n[0]||=e=>l.value.addField()},{icon:Q(()=>[L(e,{name:`mdi:plus`,size:14})]),default:Q(()=>[I(` 添加字段 (`+Y(h.value)+`/`+Y(m.value)+`) `,1)]),_:1},8,[`disabled`]),L(c,{size:`small`,type:`warning`,disabled:h.value===0,onClick:n[1]||=e=>l.value.removeField()},{icon:Q(()=>[L(e,{name:`mdi:minus`,size:14})]),default:Q(()=>[n[4]||=I(` 移除字段 `,-1)]),_:1,__:[4]},8,[`disabled`]),L(c,{size:`small`,type:`error`,disabled:h.value===0,onClick:n[2]||=e=>l.value.clearDynamicFields()},{icon:Q(()=>[L(e,{name:`mdi:delete-sweep`,size:14})]),default:Q(()=>[n[5]||=I(` 清空动态 `,-1)]),_:1,__:[5]},8,[`disabled`])]),_:1}),N(` 最大字段数配置 `),F(`div`,At,[n[6]||=F(`span`,null,`最大字段数:`,-1),L(ee,{value:m.value,"onUpdate:value":n[3]||=e=>e&&l.value.updateConfig({maxFields:e}),min:5,max:50,size:`small`,style:{width:`100px`}},null,8,[`value`])])]),_:1}),F(`div`,jt,[L(w,null,{default:Q(()=>[L(te,{type:`info`},{default:Q(()=>[I(`总字段: `+Y(b.value),1)]),_:1}),L(te,{type:`warning`},{default:Q(()=>[I(`动态: `+Y(h.value),1)]),_:1})]),_:1})])]),_:1})])):p.value&&!u.value?(U(),P(A,{key:1},[N(` 状态不可用时的提示 `),F(`div`,Mt,[L(E,{size:`small`,title:`动态表单控制 (静态模式)`,bordered:!1},{default:Q(()=>[L(ne,{type:`info`,"show-icon":``},{icon:Q(()=>[L(e,{name:`mdi:information-outline`,size:16})]),default:Q(()=>[n[7]||=I(` 当前为静态模式，如需动态功能请在父组件中提供动态表单状态。 `,-1)]),_:1,__:[7]})]),_:1})])],2112)):N(`v-if`,!0),N(` 表单项渲染区域 `),F(`div`,Nt,[L(D,{cols:d.value,"x-gap":f.value,"y-gap":f.value},{default:Q(()=>[(U(!0),P(A,null,q(t.formItems,(e,t)=>(U(),M(re,{key:x(e,t),span:S(t)},{default:Q(()=>[F(`div`,{class:B([`dynamic-item-wrapper`,{"is-dynamic-field":C(e)}])},[(U(),M(J(e)))],2)]),_:2},1032,[`span`]))),128))]),_:1},8,[`cols`,`x-gap`,`y-gap`])])])}}}),[[`__scopeId`,`data-v-12a3673e`]]);const Ft={class:`custom-layout`},It={class:`toolbar-content`},Lt={class:`mode-section`},Rt={class:`stats-section`},zt={class:`stat-item`},Bt={class:`stat-value`},Vt={class:`stat-item`},Ht={class:`stat-value`},Ut={class:`actions-section`},Wt={class:`design-tools`},Gt={class:`tool-group`},Kt={key:0,class:`canvas-hint`},qt={class:`areas-container`},Jt={class:`area-header`},Yt={class:`area-info`},Xt=[`onClick`],Zt={class:`area-controls`},Qt={class:`field-preview`},$t={class:`field-label`},en={class:`field-type`},tn={key:0,class:`area-drop-zone`},nn={class:`field-name`},rn={class:`field-type-tag`},an={key:0,class:`empty-layout`},on={key:1,class:`form-container`},sn={class:`form-areas`};var cn=t(R({__name:`index`,props:{options:{default:()=>[]},formItems:{default:()=>[]},formData:{default:()=>({})}},emits:[`fields-change`,`export-data`],setup(e,{emit:t}){let n=e,r=t,i=K(!0),c=K([]),l=K([]),u=K(``),d=j(()=>n.options?.length>0?n.options:n.formItems?.map(e=>{let t=e.props;return{prop:t?.path||``,label:t?.label||t?.path||``,type:`input`,show:!0}}).filter(e=>e.prop)||[]),f=j(()=>c.value.reduce((e,t)=>e+t.fields.length,0)),m=()=>`${Date.now()}-${Math.random().toString(36).substring(2,11)}`,h=e=>({input:`输入框`,select:`下拉框`,radio:`单选框`,checkbox:`复选框`,textarea:`文本域`,date:`日期`,number:`数字`})[e]||e,g=e=>n.formItems?.find(t=>t.props?.path===e.prop)||null,_=e=>{let t={id:m(),title:`${e===`horizontal`?`水平`:e===`vertical`?`垂直`:`网格`}区域`,type:e,fields:[]};c.value.push(t)},y=e=>{let t=c.value.findIndex(t=>t.id===e);t!==-1&&c.value.splice(t,1)},b=e=>({...e,id:`${e.prop}-${m()}`}),x=(e,t)=>{let n=c.value.find(t=>t.id===e);if(n){let e=n.fields.findIndex(e=>e.id===t);e!==-1&&n.fields.splice(e,1)}},S=()=>{let e=JSON.stringify(c.value,null,2),t=new Blob([e],{type:`application/json`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`layout-config-${Date.now()}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)},C=()=>{c.value=[]},w=()=>{r(`export-data`,{layout:c.value,formData:n.formData,timestamp:new Date().toISOString()})};return fe(()=>{let e=new Set(c.value.flatMap(e=>e.fields.map(e=>e.prop)));l.value=d.value.filter(t=>!e.has(t.prop)).map(e=>({...e,id:e.prop}))}),Z(()=>c.value,()=>{r(`fields-change`,c.value.flatMap(e=>e.fields.map(e=>({...e,id:void 0}))))},{deep:!0}),(e,t)=>{let n=a,r=o,d=s,m=v,ee=O,T=p;return U(),P(`div`,Ft,[N(` 顶部工具栏 `),L(d,{bordered:!1,class:`toolbar-card`},{default:Q(()=>[F(`div`,It,[N(` 模式切换 `),F(`div`,Lt,[t[12]||=F(`span`,{class:`section-label`},`自定义模式:`,-1),L(r,null,{default:Q(()=>[L(n,{type:i.value?`primary`:`default`,onClick:t[0]||=e=>i.value=!0,size:`small`},{default:Q(()=>t[10]||=[I(` 🎨 设计模式 `,-1)]),_:1,__:[10]},8,[`type`]),L(n,{type:i.value?`default`:`primary`,onClick:t[1]||=e=>i.value=!1,size:`small`},{default:Q(()=>t[11]||=[I(` 📝 填写模式 `,-1)]),_:1,__:[11]},8,[`type`])]),_:1})]),N(` 统计信息 `),F(`div`,Rt,[F(`div`,zt,[F(`div`,Bt,Y(c.value.length),1),t[13]||=F(`div`,{class:`stat-label`},`自定义区域`,-1)]),F(`div`,Vt,[F(`div`,Ht,Y(f.value),1),t[14]||=F(`div`,{class:`stat-label`},`字段总数`,-1)])]),N(` 操作按钮 `),F(`div`,Ut,[i.value?(U(),P(A,{key:0},[L(n,{secondary:``,onClick:S,size:`small`},{default:Q(()=>t[15]||=[I(` 💾 保存布局 `,-1)]),_:1,__:[15]}),L(n,{secondary:``,onClick:C,size:`small`},{default:Q(()=>t[16]||=[I(` 🔄 重置布局 `,-1)]),_:1,__:[16]})],64)):(U(),M(n,{key:1,secondary:``,onClick:w,size:`small`},{default:Q(()=>t[17]||=[I(` 📊 导出数据 `,-1)]),_:1,__:[17]}))])])]),_:1}),N(` 设计模式工具面板 `),i.value?(U(),M(d,{key:0,class:`design-panel`,title:`🎨 设计工具`},{default:Q(()=>[F(`div`,Wt,[F(`div`,Gt,[t[21]||=F(`span`,{class:`group-label`},`添加区域:`,-1),L(n,{onClick:t[2]||=e=>_(`horizontal`),size:`small`},{default:Q(()=>t[18]||=[I(` ➡️ 水平区域 `,-1)]),_:1,__:[18]}),L(n,{onClick:t[3]||=e=>_(`vertical`),size:`small`},{default:Q(()=>t[19]||=[I(` ⬇️ 垂直区域 `,-1)]),_:1,__:[19]}),L(n,{onClick:t[4]||=e=>_(`grid`),size:`small`},{default:Q(()=>t[20]||=[I(` ⚏ 网格区域 `,-1)]),_:1,__:[20]})])])]),_:1})):N(`v-if`,!0),N(` 主画布区域 `),F(`div`,{class:B([`layout-canvas`,{"design-mode":i.value}])},[N(` 设计模式 `),i.value?(U(),P(A,{key:0},[c.value.length===0?(U(),P(`div`,Kt,t[22]||=[F(`div`,{class:`hint-content`},[F(`h3`,null,`🎨 开始自定义你的布局`),F(`p`,null,`点击上方按钮添加区域`)],-1)])):(U(),P(A,{key:1},[N(` 区域列表 `),F(`div`,qt,[(U(!0),P(A,null,q(c.value,e=>(U(),P(`div`,{key:e.id,class:B([`custom-area`,`area-${e.type}`])},[F(`div`,Jt,[F(`div`,Yt,[u.value===e.id?(U(),M(m,{key:0,value:e.title,"onUpdate:value":t=>e.title=t,size:`small`,onBlur:t[5]||=e=>u.value=``,onKeyup:t[6]||=$(e=>u.value=``,[`enter`]),class:`title-input`},null,8,[`value`,`onUpdate:value`])):(U(),P(`span`,{key:1,class:`area-title`,onClick:t=>u.value=e.id},Y(e.title),9,Xt)),L(ee,{size:`small`},{default:Q(()=>[I(Y(e.fields.length)+` 字段`,1)]),_:2},1024)]),F(`div`,Zt,[L(n,{text:``,onClick:t=>y(e.id),size:`tiny`,type:`error`,title:`删除区域`},{default:Q(()=>t[23]||=[I(` 🗑️ `,-1)]),_:2,__:[23]},1032,[`onClick`])])]),N(` 字段容器（可拖入） `),L(X(me),{modelValue:e.fields,"onUpdate:modelValue":t=>e.fields=t,class:`area-fields`,group:{name:`form-fields`,pull:!0,put:!0},animation:200,"ghost-class":`field-ghost`,"item-key":`id`},{default:Q(()=>[(U(!0),P(A,null,q(e.fields,r=>(U(),P(`div`,{key:r.id,class:`field-item`},[F(`div`,Qt,[t[25]||=F(`span`,{class:`drag-handle`},`⠿`,-1),F(`span`,$t,Y(r.label||r.prop),1),F(`span`,en,Y(h(r.type)),1),L(n,{text:``,size:`tiny`,type:`error`,onClick:t=>x(e.id,r.id),title:`移出字段`},{default:Q(()=>t[24]||=[I(` ✕ `,-1)]),_:2,__:[24]},1032,[`onClick`])])]))),128))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`]),e.fields.length===0?(U(),P(`div`,tn,` 从下方字段池拖拽字段到这里 `)):N(`v-if`,!0)],2))),128))])],2112)),N(` 字段池（可拖出） `),L(d,{class:`field-pool`,title:`📦 可用字段`},{default:Q(()=>[L(X(me),{modelValue:l.value,"onUpdate:modelValue":t[7]||=e=>l.value=e,class:`pool-fields-grid`,group:{name:`form-fields`,pull:`clone`,put:!0},animation:200,sort:!1,"ghost-class":`field-ghost`,"item-key":`id`,clone:b},{default:Q(()=>[(U(!0),P(A,null,q(l.value,e=>(U(),P(`div`,{key:e.id,class:`pool-field`},[t[26]||=F(`span`,{class:`drag-handle`},`⠿`,-1),F(`span`,nn,Y(e.label||e.prop),1),F(`span`,rn,Y(h(e.type)),1)]))),128))]),_:1},8,[`modelValue`])]),_:1})],64)):(U(),P(A,{key:1},[N(` 填写模式 `),c.value.length===0?(U(),P(`div`,an,[L(T,{description:`尚未设计布局`},{extra:Q(()=>[L(n,{onClick:t[8]||=e=>i.value=!0,type:`primary`},{default:Q(()=>t[27]||=[I(` 🎨 开始设计 `,-1)]),_:1,__:[27]})]),_:1})])):(U(),P(`div`,on,[F(`div`,sn,[(U(!0),P(A,null,q(c.value,e=>(U(),P(`div`,{key:e.id,class:B([`form-area`,`area-${e.type}`])},[e.fields.length>0?(U(),M(d,{key:0,title:e.title},{default:Q(()=>[F(`div`,{class:B([`area-form-items`,`layout-${e.type}`])},[(U(!0),P(A,null,q(e.fields,e=>(U(),M(J(g(e)),{key:e.prop}))),128))],2)]),_:2},1032,[`title`])):(U(),M(T,{key:1,description:`此区域暂无字段`,size:`small`},{extra:Q(()=>[L(n,{onClick:t[9]||=e=>i.value=!0,size:`small`,secondary:``},{default:Q(()=>t[28]||=[I(` 🎨 添加字段 `,-1)]),_:1,__:[28]})]),_:1}))],2))),128))])]))],64))],2)])}}}),[[`__scopeId`,`data-v-5a94f71e`]]),ln=R({name:`C_Form`,__name:`index`,props:{options:{},modelValue:{},config:{default:()=>({})}},emits:[`submit`,`update:modelValue`,`validate-success`,`validate-error`],setup(e,{expose:t,emit:r}){let i={default:Oe,inline:ke,grid:Fe,card:ot,tabs:mt,steps:Ct,dynamic:Pt,custom:cn},o={NFormItem:h,NInput:v,NInputNumber:y,NSwitch:ne,NSlider:ee,NRate:C,NDatePicker:f,NTimePicker:k,NCascader:c,NColorPicker:d,NSelect:w,NCheckboxGroup:u,NCheckbox:l,NRadioGroup:S,NRadio:x,NUpload:ie,NButton:a,NSpace:T,C_Editor:n},s=e,p=r,g=j(()=>ve(s.config)),_=K(null),{formModel:b,formRules:te,visibleOptions:E,initialize:re,handleFieldChange:D,validate:O,validateField:A,validateStep:P,validateTab:F,validateDynamicFields:R,validateCustomGroup:z,clearValidation:oe,getModel:ce,setFields:B,resetFields:V,setFieldValue:H,getFieldValue:W,setFieldsValue:G,handleSubmit:q,handleReset:Y}=Se(j(()=>s.options),g,_,p),{formItems:ue}=Ee(b,E,g,D,o,ae()?.slots),de=j(()=>i[g.value.layout]||i.default),fe=j(()=>({type:g.value.layout,grid:g.value.grid,inline:g.value.inline,card:g.value.card,tabs:g.value.tabs,steps:g.value.steps,dynamic:g.value.dynamic,custom:g.value.custom})),pe=j(()=>ye(g.value)),$=(e,...t)=>{let n=g.value[e];n?.(...t)},me=e=>{g.value.onFieldsChange?.(e)},he=(e,t)=>{g.value.onStepChange?.(e,t)},ge=async(e,t)=>(g.value.onStepBeforeChange?.(e,t),!0),_e=async e=>{try{let t=g.value.steps?.steps?.[e]?.key;if(!t)return!0;let n=s.options.filter(e=>e.layout?.step===t).map(e=>e.prop);return n.length===0?!0:(await A(n),g.value.onStepValidate?.(e),!0)}catch(t){return console.warn(`[C_Form] 步骤 ${e} 验证失败:`,t),!1}};return Z(()=>s.modelValue,e=>{e&&Object.assign(b,e)},{immediate:!0,deep:!0}),t({validate:O,validateField:A,validateStep:P,validateTab:F,validateDynamicFields:R,validateCustomGroup:z,clearValidation:oe,getModel:ce,setFields:B,resetFields:V,setFieldValue:H,getFieldValue:W,setFieldsValue:G,formRef:_,formModel:b,initialize:re,layoutType:j(()=>g.value.layout),shouldShowDefaultActions:pe}),(e,t)=>(U(),M(X(m),se({ref_key:`formRef`,ref:_,model:X(b),rules:X(te),"validate-on-rule-change":!1,"label-placement":g.value.labelPlacement,"label-width":g.value.labelWidth,size:g.value.size,disabled:g.value.disabled,readonly:g.value.readonly},e.$attrs),{default:Q(()=>[N(` 布局组件渲染 `),(U(),M(J(de.value),{"form-items":X(ue),"layout-config":fe.value,options:X(E),"form-data":X(b),onTabChange:t[0]||=e=>$(`onTabChange`,e),onTabValidate:t[1]||=e=>$(`onTabValidate`,e),onStepChange:he,onStepBeforeChange:ge,onStepValidate:_e,onFieldAdd:t[2]||=e=>$(`onFieldAdd`,e),onFieldRemove:t[3]||=e=>$(`onFieldRemove`,e),onFieldToggle:t[4]||=(e,t)=>g.value.onFieldToggle?.(e,t),onFieldsClear:t[5]||=e=>$(`onFieldsClear`),onRenderModeChange:t[6]||=e=>$(`onRenderModeChange`,e),onGroupToggle:t[7]||=(e,t)=>g.value.onGroupToggle?.(e,t),onGroupReset:t[8]||=e=>$(`onGroupReset`,e),onValidateSuccess:t[9]||=e=>p(`validate-success`,e),onValidateError:t[10]||=e=>p(`validate-error`,e),onFieldsChange:me},null,40,[`form-items`,`layout-config`,`options`,`form-data`])),N(` 表单操作按钮区域（只在特定布局中显示） `),pe.value?(U(),M(X(h),{key:0,style:{"margin-top":`20px`}},{default:Q(()=>[le(e.$slots,`action`,{form:_.value,model:X(b),validate:X(O),validateField:X(A),reset:X(V),setFields:X(B),getModel:X(ce),clearValidation:X(oe)},()=>[L(X(T),null,{default:Q(()=>[L(X(a),{type:`primary`,onClick:X(q)},{default:Q(()=>t[11]||=[I(`提交`,-1)]),_:1,__:[11]},8,[`onClick`]),L(X(a),{onClick:X(Y)},{default:Q(()=>t[12]||=[I(`重置`,-1)]),_:1,__:[12]},8,[`onClick`])]),_:1})])]),_:3})):N(`v-if`,!0)]),_:3},16,[`model`,`rules`,`label-placement`,`label-width`,`size`,`disabled`,`readonly`]))}});export{Te as a,ge as c,ye as d,Et as i,_e as l,Dt as n,Ee as o,Tt as r,Se as s,ln as t,ve as u};
 //# sourceMappingURL=C_Form2.js.map