@antdv-next1/pro-field 1.0.14 → 1.0.15

package/dist/ProField.d.ts

@@ -14,7 +14,7 @@ type ProFieldProps = RenderProps & {
 };
 declare const _ProField: _$vue.DefineSetupFnComponent<ProFieldProps, {}, CustomSlotsType<{
   default?: () => VueNode$1;
-}>, Omit<ProFieldFCRenderProps, "placeholder" | "text"> & ProRenderFieldPropsType<any> & {
+}>, Omit<ProFieldFCRenderProps, "text" | "placeholder"> & ProRenderFieldPropsType<any> & {
   id?: string;
   request?: _$_antdv_next1_pro_utils0.ProFieldRequestData;
   emptyText?: VueNode$1;

package/dist/ProPureField.d.ts

@@ -8,7 +8,7 @@ import { CustomSlotsType, VueNode as VueNode$1 } from "@v-c/util/dist/type";
 //#region src/ProPureField.d.ts
 declare const ProPureField: _$vue.DefineSetupFnComponent<ProFieldProps, {}, CustomSlotsType<{
   default?: () => VueNode$1;
-}>, Omit<ProFieldFCRenderProps, "placeholder" | "text"> & ProRenderFieldPropsType<any> & {
+}>, Omit<ProFieldFCRenderProps, "text" | "placeholder"> & ProRenderFieldPropsType<any> & {
   id?: string;
   request?: _$_antdv_next1_pro_utils0.ProFieldRequestData;
   emptyText?: VueNode$1;

package/dist/components/Cascader/index.d.ts

@@ -35,6 +35,6 @@ declare const FieldCascader: _$vue.DefineSetupFnComponent<FieldCascaderProps, {}
   variant?: "outlined" | "borderless" | "filled";
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "text" | "fieldProps" | "light" | "label" | "variant" | "id" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "text" | "light" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldCascaderProps, FieldCascaderRef, FieldCascader as default };

package/dist/components/Checkbox/index.d.ts

@@ -32,6 +32,6 @@ declare const FieldCheckbox: _$vue.DefineSetupFnComponent<FieldCheckBoxProps, {}
   options?: CheckboxGroupProps["options"];
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "variant" | "id" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "light" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldCheckBoxProps, FieldCheckboxRef, FieldCheckbox as default };

package/dist/components/Checkbox/index.js

@@ -13,7 +13,7 @@ const FieldCheckbox = /* @__PURE__ */ defineComponent((props, { expose, attrs })
 	const formItemInputContext = useFormItemInputContext();
 	const layoutClassName = computed(() => config.value.getPrefixCls("pro-field-checkbox"));
 	const [loading, options, fetchData] = useFieldFetchData(props);
-	const { hashId } = useStyle$1(layoutClassName);
+	const { wrapSSR, hashId } = useStyle$1(layoutClassName);
 	const { token } = useToken();
 	const checkBoxRef = shallowRef(null);
 	expose({ fetchData: (keyWord) => fetchData(keyWord) });
@@ -40,13 +40,13 @@ const FieldCheckbox = /* @__PURE__ */ defineComponent((props, { expose, attrs })
 			} }, [dom]);
 		}
 		if (mode === "edit") {
-			const dom = createVNode(CheckboxGroup, mergeProps({ "ref": checkBoxRef }, omit(attrs, ["lightProps"]), rest.fieldProps, {
+			const dom = wrapSSR(createVNode(CheckboxGroup, mergeProps({ "ref": checkBoxRef }, omit(attrs, ["lightProps"]), rest.fieldProps, {
 				"class": classNames(rest.fieldProps?.class, hashId.value, `${layoutClassName.value}-${layout}`, {
 					[`${layoutClassName.value}-error`]: formItemInputContext.value.status === "error",
 					[`${layoutClassName.value}-warning`]: formItemInputContext.value.status === "warning"
 				}),
 				"options": options.value
-			}), null);
+			}), null));
 			if (formItemRender) return createVNode(Fragment, null, [formItemRender(rest.text, {
 				mode,
 				...rest,

package/dist/components/Code/index.d.ts

@@ -16,15 +16,15 @@ type FieldCodeProps = ProFieldFC<{
 } | HTMLAttributes>;
 declare const FieldCode: _$vue.DefineSetupFnComponent<FieldCodeProps, {}, CustomSlotsType<{
   default?: () => VueNode;
-}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<HTMLAttributes | (InputProps & {
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<(InputProps & {
   style?: CSSProperties;
 }) | (TextAreaProps & {
   style?: CSSProperties;
-})> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<HTMLAttributes | (InputProps & {
+}) | HTMLAttributes> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<(InputProps & {
   style?: CSSProperties;
 }) | (TextAreaProps & {
   style?: CSSProperties;
-})> & {
+}) | HTMLAttributes> & {
   text: string;
   language?: "json" | "text";
 } & {

package/dist/components/IndexColumn/index.js

@@ -6,11 +6,11 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 const FieldIndexColumn = /* @__PURE__ */ defineComponent((props) => {
 	const config = useConfig();
 	const prefixCls = computed(() => config.value.getPrefixCls("pro-field-index-column"));
-	const { hashId } = useStyle(prefixCls);
-	return () => createVNode("div", { "class": classNames(prefixCls.value, hashId.value, {
+	const { wrapSSR, hashId } = useStyle(prefixCls);
+	return () => wrapSSR(createVNode("div", { "class": classNames(prefixCls.value, hashId.value, {
 		[`${prefixCls.value}-border`]: props.border,
 		"top-three": Number(props.children) > 3
-	}) }, [props.children]);
+	}) }, [props.children]));
 }, {
 	props: {
 		border: {

package/dist/components/Radio/index.d.ts

@@ -31,6 +31,6 @@ declare const FieldRadio: _$vue.DefineSetupFnComponent<FieldRadioProps, {}, Cust
   radioType?: RadioGroupProps["optionType"];
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "variant" | "id" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "light" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldRadioProps, FieldRadio as default };

package/dist/components/Radio/index.js

@@ -13,7 +13,7 @@ const FieldRadio = /* @__PURE__ */ defineComponent((props, { expose, attrs }) =>
 	const layoutClassName = computed(() => config.value.getPrefixCls("pro-field-radio"));
 	const [loading, options, fetchData] = useFieldFetchData(props);
 	const radioRef = ref();
-	const { hashId } = useStyle(layoutClassName);
+	const { wrapSSR, hashId } = useStyle(layoutClassName);
 	expose({ fetchData: (keyWord) => fetchData(keyWord) });
 	return () => {
 		const { mode, render, formItemRender, options: propsOptions, request, params, debounceTime, defaultKeyWords, radioType, ...rest } = props;
@@ -33,13 +33,13 @@ const FieldRadio = /* @__PURE__ */ defineComponent((props, { expose, attrs }) =>
 			return dom;
 		}
 		if (props.mode === "edit") {
-			const dom = createVNode(RadioGroup, mergeProps({ "ref": radioRef }, attrs, { "optionType": radioType }, rest.fieldProps, {
+			const dom = wrapSSR(createVNode(RadioGroup, mergeProps({ "ref": radioRef }, attrs, { "optionType": radioType }, rest.fieldProps, {
 				"class": classNames(rest.fieldProps?.class, {
 					[`${layoutClassName.value}-error`]: formItemInputContext.value.status === "error",
 					[`${layoutClassName.value}-warning`]: formItemInputContext.value.status === "warning"
 				}, hashId.value, `${layoutClassName.value}-${props.fieldProps?.layout || "horizontal"}`),
 				"options": options.value
-			}), null);
+			}), null));
 			if (formItemRender) return createVNode(Fragment, null, [formItemRender(rest.text, {
 				mode,
 				...rest,

package/dist/components/Segmented/index.d.ts

@@ -31,6 +31,6 @@ declare const FieldSegmented: _$vue.DefineSetupFnComponent<FieldSegmentedProps,
   emptyText?: VueNode$1;
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "variant" | "id" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "light" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldSegmentedProps, FieldSegmented as default };

package/dist/components/Select/Highlight/index.js

@@ -1,13 +1,12 @@
 import { useStyle } from "./style/index.js";
 import { computed, createVNode, defineComponent, h } from "vue";
-import { classNames } from "@v-c/util";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 //#region src/components/Select/Highlight/index.tsx
 const Highlight = /* @__PURE__ */ defineComponent((props) => {
 	const config = useConfig();
 	const lightCls = computed(() => config.value.getPrefixCls("pro-select-item-option-content-light"));
 	const optionCls = computed(() => config.value.getPrefixCls("pro-select-item-option-content"));
-	const { hashId } = useStyle(lightCls, optionCls);
+	const { wrapSSR } = useStyle(lightCls, optionCls);
 	const matchKeywordsRE = computed(() => new RegExp(props.words?.map((word) => word.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&")).join("|"), "gi"));
 	const elements = computed(() => {
 		let matchText = props.label;
@@ -25,10 +24,10 @@ const Highlight = /* @__PURE__ */ defineComponent((props) => {
 		}
 		return vnodes;
 	});
-	return () => createVNode("div", {
+	return () => wrapSSR(createVNode("div", {
 		"title": props.label,
-		"class": classNames(optionCls.value, hashId.value)
-	}, [elements.value]);
+		"class": optionCls.value
+	}, [elements.value]));
 }, {
 	props: {
 		label: {

package/dist/components/Select/LightSelect/index.js

@@ -23,7 +23,7 @@ const LightSelect = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const baseClassName = computed(() => `${prefixCls.value}-field-select-light-select`);
 	const [open, setOpen] = useState(props.open || false);
 	const [keyword, setKeyword] = useState("");
-	const { hashId } = useStyle(baseClassName);
+	const { wrapSSR, hashId } = useStyle(baseClassName);
 	const fieldNames = computed(() => ({
 		label: props.fieldNames?.label || "label",
 		value: props.fieldNames?.value || "value"
@@ -46,7 +46,7 @@ const LightSelect = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	return () => {
 		const { label, prefixCls: customizePrefixCls, onChange, value, mode, defaultValue, labelVariant, size, showSearch, "onUpdate:value": onUpdateValue, disabled, options, allowClear, labelInValue, fieldNames = {}, lightLabel, labelTrigger, optionLabelProp = "", valueMaxLength = 41, fetchDataOnSearch = false, fetchData, variant = "outlined", searchPlaceholder, ...restProps } = props;
 		const { placeholder = label } = props;
-		return createVNode("div", {
+		return wrapSSR(createVNode("div", {
 			"class": classNames(baseClassName.value, attrs.class, hashId.value, { [`${baseClassName.value}-searchable`]: showSearch }, `${baseClassName.value}-container-${restProps.placement || "bottomLeft"}`),
 			"onClick": (e) => {
 				if (disabled) return;
@@ -122,7 +122,7 @@ const LightSelect = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			},
 			"ref": lightLabel,
 			"valueMaxLength": valueMaxLength
-		}, null)]);
+		}, null)]));
 	};
 }, {
 	props: {

package/dist/components/TextArea/readonly/index.js

@@ -6,10 +6,10 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 const FieldTextAreaReadonly = /* @__PURE__ */ defineComponent((props) => {
 	const config = useConfig();
 	const readonlyClassName = computed(() => config.value.getPrefixCls("pro-field-readonly-textarea"));
-	const { hashId } = useStyle(readonlyClassName);
+	const { wrapSSR, hashId } = useStyle(readonlyClassName);
 	return () => {
 		const { text } = props;
-		return createVNode("span", { "class": classNames(hashId.value, readonlyClassName.value) }, [text ?? "-"]);
+		return wrapSSR(createVNode("span", { "class": classNames(hashId.value, readonlyClassName.value) }, [text ?? "-"]));
 	};
 }, {
 	name: "FieldTextAreaReadonly",

package/dist/components/TreeSelect/index.d.ts

@@ -40,6 +40,6 @@ declare const FieldTreeSelect: _$vue.DefineSetupFnComponent<FieldTreeSelectProps
   fetchDataOnSearch?: boolean;
 } & {
   id?: string;
-} & TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "variant" | "id" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "light" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldTreeSelectProps, FieldTreeSelect as default };

package/dist/pro-field.esm.js

@@ -62576,7 +62576,7 @@ function BP(e, t) {
 //#endregion
 //#region src/components/Select/Highlight/index.tsx
 var VP = /* @__PURE__ */ l((e) => {
-	let t = _t(), n = o(() => t.value.getPrefixCls("pro-select-item-option-content-light")), r = o(() => t.value.getPrefixCls("pro-select-item-option-content")), { hashId: i } = BP(n, r), a = o(() => new RegExp(e.words?.map((e) => e.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&")).join("|"), "gi")), s = o(() => {
+	let t = _t(), n = o(() => t.value.getPrefixCls("pro-select-item-option-content-light")), r = o(() => t.value.getPrefixCls("pro-select-item-option-content")), { wrapSSR: i } = BP(n, r), a = o(() => new RegExp(e.words?.map((e) => e.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&")).join("|"), "gi")), s = o(() => {
 		let t = e.label, r = [];
 		for (; t?.length;) {
 			let e = a.value.exec(t);
@@ -62589,10 +62589,10 @@ var VP = /* @__PURE__ */ l((e) => {
 		}
 		return r;
 	});
-	return () => c("div", {
+	return () => i(c("div", {
 		title: e.label,
-		class: X(r.value, i.value)
-	}, [s.value]);
+		class: r.value
+	}, [s.value]));
 }, {
 	props: {
 		label: {
@@ -62632,53 +62632,53 @@ function WP(e, t) {
 	return typeof t == "object" ? e[t?.value] || t.label : e[t] || t;
 }
 var GP = /* @__PURE__ */ l((e, { attrs: n }) => {
-	let r = _t(), i = o(() => r.value.getPrefixCls("pro")), a = o(() => `${i.value}-field-select-light-select`), [s, l] = ye(e.open || !1), [u, d] = ye(""), { hashId: f } = UP(a), p = o(() => ({
+	let r = _t(), i = o(() => r.value.getPrefixCls("pro")), a = o(() => `${i.value}-field-select-light-select`), [s, l] = ye(e.open || !1), [u, d] = ye(""), { wrapSSR: f, hashId: p } = UP(a), m = o(() => ({
 		label: e.fieldNames?.label || "label",
 		value: e.fieldNames?.value || "value"
-	})), m = ge(() => {
+	})), h = ge(() => {
 		let t = {};
 		return e.options?.forEach((n) => {
-			let r = n[e.optionLabelProp || ""] || n[p.value.label], i = n[p.value.value];
+			let r = n[e.optionLabelProp || ""] || n[m.value.label], i = n[m.value.value];
 			t[i] = r || i;
 		}), t;
 	}, [
-		() => p.value.label,
+		() => m.value.label,
 		() => e.options,
-		() => p.value.value,
+		() => m.value.value,
 		() => e.optionLabelProp
-	]), h = o(() => Array.isArray(e.value) ? e.value.map((e) => WP(m.value, e)) : WP(m.value, e.value));
+	]), g = o(() => Array.isArray(e.value) ? e.value.map((e) => WP(h.value, e)) : WP(h.value, e.value));
 	return () => {
-		let { label: r, prefixCls: i, onChange: o, value: p, mode: m, defaultValue: g, labelVariant: _, size: y, showSearch: b, "onUpdate:value": x, disabled: S, options: C, allowClear: w, labelInValue: T, fieldNames: E = {}, lightLabel: D, labelTrigger: O, optionLabelProp: k = "", valueMaxLength: A = 41, fetchDataOnSearch: j = !1, fetchData: M, variant: N = "outlined", searchPlaceholder: P, ...F } = e, { placeholder: I = r } = e;
-		return c("div", {
-			class: X(a.value, n.class, f.value, { [`${a.value}-searchable`]: b }, `${a.value}-container-${F.placement || "bottomLeft"}`),
+		let { label: r, prefixCls: i, onChange: o, value: m, mode: h, defaultValue: _, labelVariant: y, size: b, showSearch: x, "onUpdate:value": S, disabled: C, options: w, allowClear: T, labelInValue: E, fieldNames: D = {}, lightLabel: O, labelTrigger: k, optionLabelProp: A = "", valueMaxLength: j = 41, fetchDataOnSearch: M = !1, fetchData: N, variant: P = "outlined", searchPlaceholder: F, ...I } = e, { placeholder: L = r } = e;
+		return f(c("div", {
+			class: X(a.value, n.class, p.value, { [`${a.value}-searchable`]: x }, `${a.value}-container-${I.placement || "bottomLeft"}`),
 			onClick: (e) => {
-				S || D?.value?.labelRef.value?.contains(e.target) || l(!0);
+				C || O?.value?.labelRef.value?.contains(e.target) || l(!0);
 			}
-		}, [c(By, v(F, {
-			allowClear: w,
-			value: p,
-			mode: m,
-			labelInValue: T,
-			size: y,
-			disabled: S,
-			variant: N,
-			"onUpdate:value": x,
+		}, [c(By, v(I, {
+			allowClear: T,
+			value: m,
+			mode: h,
+			labelInValue: E,
+			size: b,
+			disabled: C,
+			variant: P,
+			"onUpdate:value": S,
 			onChange: (e, t) => {
-				o?.(e, t), m !== "multiple" && l(!1);
+				o?.(e, t), h !== "multiple" && l(!1);
 			},
-			showSearch: b && typeof b != "boolean" ? {
-				...b,
+			showSearch: x && typeof x != "boolean" ? {
+				...x,
 				onSearch: (e) => {
-					j && M && (M(e), b?.onSearch?.(e));
+					M && N && (N(e), x?.onSearch?.(e));
 				}
-			} : b,
-			popupRender: (e) => c(t, null, [b && c("div", { style: { margin: "4px 8px" } }, [c(kj, {
+			} : x,
+			popupRender: (e) => c(t, null, [x && c("div", { style: { margin: "4px 8px" } }, [c(kj, {
 				value: u.value,
-				allowClear: !!w,
+				allowClear: !!T,
 				onChange: (e) => {
-					d(e.target.value), j && M && M(e.target.value), b && typeof b != "boolean" && b.onSearch?.(e.target.value);
+					d(e.target.value), M && N && N(e.target.value), x && typeof x != "boolean" && x.onSearch?.(e.target.value);
 				},
-				placeholder: P,
+				placeholder: F,
 				onKeydown: (e) => {
 					if (e.key === "Backspace") {
 						e.stopPropagation();
@@ -62691,27 +62691,27 @@ var GP = /* @__PURE__ */ l((e, { attrs: n }) => {
 			}, null)]), e]),
 			open: s.value,
 			onOpenChange: (e) => {
-				e || d(""), O || l(e), F?.onDropdownVisibleChange?.(e);
+				e || d(""), k || l(e), I?.onDropdownVisibleChange?.(e);
 			},
 			prefixCls: i,
-			options: typeof b != "boolean" && b?.onSearch || !u.value ? C : C?.filter((e) => typeof b != "boolean" && b?.optionFilterProp ? Wm(e[b.optionFilterProp]).join("").toLowerCase().includes(u.value) : String(e[E.label || "label"]).toLowerCase()?.includes(u.value?.toLowerCase()) || e[E.value || "value"].toString()?.toLowerCase()?.includes(u.value?.toLowerCase()))
+			options: typeof x != "boolean" && x?.onSearch || !u.value ? w : w?.filter((e) => typeof x != "boolean" && x?.optionFilterProp ? Wm(e[x.optionFilterProp]).join("").toLowerCase().includes(u.value) : String(e[D.label || "label"]).toLowerCase()?.includes(u.value?.toLowerCase()) || e[D.value || "value"].toString()?.toLowerCase()?.includes(u.value?.toLowerCase()))
 		}), null), c(re, {
 			ellipsis: !0,
 			label: r,
-			placeholder: I,
-			disabled: S,
-			variant: _,
-			allowClear: !!w,
-			value: h.value || p?.label || p,
+			placeholder: L,
+			disabled: C,
+			variant: y,
+			allowClear: !!T,
+			value: g.value || m?.label || m,
 			onClear: () => {
-				o?.(void 0, void 0), x?.(void 0);
+				o?.(void 0, void 0), S?.(void 0);
 			},
 			onClick: () => {
-				S || l(!s.value);
+				C || l(!s.value);
 			},
-			ref: D,
-			valueMaxLength: A
-		}, null)]);
+			ref: O,
+			valueMaxLength: j
+		}, null)]));
 	};
 }, {
 	props: {
@@ -63799,36 +63799,36 @@ function $P(e) {
 //#endregion
 //#region src/components/Checkbox/index.tsx
 var eF = /* @__PURE__ */ l((e, { expose: n, attrs: r }) => {
-	let i = _t(), a = qg(), s = o(() => i.value.getPrefixCls("pro-field-checkbox")), [l, u, d] = YP(e), { hashId: f } = $P(s), { token: p } = ne(), m = M(null);
+	let i = _t(), a = qg(), s = o(() => i.value.getPrefixCls("pro-field-checkbox")), [l, u, d] = YP(e), { wrapSSR: f, hashId: p } = $P(s), { token: m } = ne(), h = M(null);
 	return n({ fetchData: (e) => d(e) }), () => {
-		let { mode: n, render: i, formItemRender: o, options: d, request: h, params: g, debounceTime: _, defaultKeyWords: y, layout: b = "horizontal", ...x } = e;
+		let { mode: n, render: i, formItemRender: o, options: d, request: g, params: _, debounceTime: y, defaultKeyWords: b, layout: x = "horizontal", ...S } = e;
 		if (l.value) return c($j, { size: "small" }, null);
 		if (n === "read") {
 			let e = u.value?.length ? u.value?.reduce((e, t) => ({
 				...e,
 				[t.value ?? ""]: t.label
-			}), {}) : void 0, r = fe(x.text, le(x.valueEnum || e));
-			return i ? c(t, null, [i(x.text, {
+			}), {}) : void 0, r = fe(S.text, le(S.valueEnum || e));
+			return i ? c(t, null, [i(S.text, {
 				mode: n,
-				...x
+				...S
 			}, c(t, null, [r])) ?? null]) : c("div", { style: {
 				display: "flex",
 				flexWrap: "wrap",
 				alignItems: "center",
-				gap: `${p.value.marginSM}px`
+				gap: `${m.value.marginSM}px`
 			} }, [r]);
 		}
 		if (n === "edit") {
-			let e = c(aE, v({ ref: m }, ke(r, ["lightProps"]), x.fieldProps, {
-				class: X(x.fieldProps?.class, f.value, `${s.value}-${b}`, {
+			let e = f(c(aE, v({ ref: h }, ke(r, ["lightProps"]), S.fieldProps, {
+				class: X(S.fieldProps?.class, p.value, `${s.value}-${x}`, {
 					[`${s.value}-error`]: a.value.status === "error",
 					[`${s.value}-warning`]: a.value.status === "warning"
 				}),
 				options: u.value
-			}), null);
-			return o ? c(t, null, [o(x.text, {
+			}), null));
+			return o ? c(t, null, [o(S.text, {
 				mode: n,
-				...x,
+				...S,
 				options: u.value,
 				loading: l.value
 			}, e) ?? null]) : e;
@@ -65112,11 +65112,11 @@ function hF(e) {
 //#endregion
 //#region src/components/IndexColumn/index.tsx
 var gF = /* @__PURE__ */ l((e) => {
-	let t = _t(), n = o(() => t.value.getPrefixCls("pro-field-index-column")), { hashId: r } = hF(n);
-	return () => c("div", { class: X(n.value, r.value, {
+	let t = _t(), n = o(() => t.value.getPrefixCls("pro-field-index-column")), { wrapSSR: r, hashId: i } = hF(n);
+	return () => r(c("div", { class: X(n.value, i.value, {
 		[`${n.value}-border`]: e.border,
 		"top-three": Number(e.children) > 3
-	}) }, [e.children]);
+	}) }, [e.children]));
 }, {
 	props: {
 		border: {
@@ -66190,31 +66190,31 @@ function PF(e) {
 //#endregion
 //#region src/components/Radio/index.tsx
 var FF = /* @__PURE__ */ l((e, { expose: n, attrs: r }) => {
-	let i = _t(), a = qg(), s = o(() => i.value.getPrefixCls("pro-field-radio")), [l, u, d] = YP(e), f = k(), { hashId: p } = PF(s);
+	let i = _t(), a = qg(), s = o(() => i.value.getPrefixCls("pro-field-radio")), [l, u, d] = YP(e), f = k(), { wrapSSR: p, hashId: m } = PF(s);
 	return n({ fetchData: (e) => d(e) }), () => {
-		let { mode: n, render: i, formItemRender: o, options: d, request: m, params: h, debounceTime: g, defaultKeyWords: _, radioType: y, ...b } = e;
+		let { mode: n, render: i, formItemRender: o, options: d, request: h, params: g, debounceTime: _, defaultKeyWords: y, radioType: b, ...x } = e;
 		if (l.value) return c($j, { size: "small" }, null);
 		if (n === "read") {
 			let e = u.value?.length ? u.value?.reduce((e, t) => ({
 				...e,
 				[t.value ?? ""]: t.label
-			}), {}) : void 0, r = c(t, null, [fe(b.text, le(b.valueEnum || e))]);
-			return i ? c(t, null, [i(b.text, {
+			}), {}) : void 0, r = c(t, null, [fe(x.text, le(x.valueEnum || e))]);
+			return i ? c(t, null, [i(x.text, {
 				mode: n,
-				...b
+				...x
 			}, r) ?? null]) : r;
 		}
 		if (e.mode === "edit") {
-			let i = c(Zb, v({ ref: f }, r, { optionType: y }, b.fieldProps, {
-				class: X(b.fieldProps?.class, {
+			let i = p(c(Zb, v({ ref: f }, r, { optionType: b }, x.fieldProps, {
+				class: X(x.fieldProps?.class, {
 					[`${s.value}-error`]: a.value.status === "error",
 					[`${s.value}-warning`]: a.value.status === "warning"
-				}, p.value, `${s.value}-${e.fieldProps?.layout || "horizontal"}`),
+				}, m.value, `${s.value}-${e.fieldProps?.layout || "horizontal"}`),
 				options: u.value
-			}), null);
-			return o ? c(t, null, [o(b.text, {
+			}), null));
+			return o ? c(t, null, [o(x.text, {
 				mode: n,
-				...b,
+				...x,
 				options: u.value,
 				loading: l.value
 			}, i) ?? null]) : i;
@@ -67308,10 +67308,10 @@ function KF(e) {
 //#endregion
 //#region src/components/TextArea/readonly/index.tsx
 var qF = /* @__PURE__ */ l((e) => {
-	let t = _t(), n = o(() => t.value.getPrefixCls("pro-field-readonly-textarea")), { hashId: r } = KF(n);
+	let t = _t(), n = o(() => t.value.getPrefixCls("pro-field-readonly-textarea")), { wrapSSR: r, hashId: i } = KF(n);
 	return () => {
 		let { text: t } = e;
-		return c("span", { class: X(r.value, n.value) }, [t ?? "-"]);
+		return r(c("span", { class: X(i.value, n.value) }, [t ?? "-"]));
 	};
 }, {
 	name: "FieldTextAreaReadonly",
@@ -68508,10 +68508,7 @@ var tI = /* @__PURE__ */ l((e, { expose: t }) => {
 			type: Function,
 			required: !1
 		},
-		fieldProps: {
-			type: Object,
-			required: !1
-		},
+		fieldProps: { required: !1 },
 		light: {
 			type: Boolean,
 			required: !1,
@@ -68720,7 +68717,10 @@ var iI = /* @__PURE__ */ l((e, { attrs: t, expose: n }) => {
 			type: Function,
 			required: !1
 		},
-		fieldProps: { required: !1 },
+		fieldProps: {
+			type: Object,
+			required: !1
+		},
 		light: {
 			type: Boolean,
 			required: !1,