@antdv-next/x 1.0.0 → 1.0.2-beta.1

package/dist/bubble/Bubble.js

@@ -172,7 +172,10 @@ var XBubble = /* @__PURE__ */ defineComponent({
 			const { class: _class, style: _style, ...rest } = attrs;
 			return rest;
 		});
-		const memoedContent = computed(() => {
+		const fallbackContent = computed(() => {
+			return props.contentRender ? props.contentRender(props.content, props.info) : props.content;
+		});
+		const resolveMainContent = () => {
 			if (slots.content) {
 				const slotNode = slots.content({
 					content: props.content,
@@ -180,23 +183,23 @@ var XBubble = /* @__PURE__ */ defineComponent({
 				});
 				if (hasRenderableNode(slotNode)) return slotNode;
 			}
-			return props.contentRender ? props.contentRender(props.content, props.info) : props.content;
-		});
+			return fallbackContent.value;
+		};
 		const mergedTyping = computed(() => {
 			if (typeof props.typing === "function") return props.typing(props.content, props.info);
 			return props.typing;
 		});
 		const usingInnerAnimation = computed(() => {
-			return Boolean(mergedTyping.value) && typeof memoedContent.value === "string";
+			return Boolean(mergedTyping.value) && typeof fallbackContent.value === "string";
 		});
 		watch(() => [
-			memoedContent.value,
+			fallbackContent.value,
 			usingInnerAnimation.value,
 			props.streaming
 		], () => {
 			if (usingInnerAnimation.value) return;
 			if (props.streaming) return;
-			if (typeof memoedContent.value === "string") props.onTypingComplete?.(memoedContent.value);
+			if (typeof fallbackContent.value === "string") props.onTypingComplete?.(fallbackContent.value);
 		}, { immediate: true });
 		const footerPlacement = computed(() => {
 			if (props.footerPlacement) return props.footerPlacement;
@@ -246,7 +249,7 @@ var XBubble = /* @__PURE__ */ defineComponent({
 				"style": getSlotStyle("footer")
 			}, [node]);
 		};
-		const renderMainContent = () => {
+		const renderMainContent = (mainContent, usingInnerAnimationInRender) => {
 			if (isEditing.value) {
 				if (typeof props.content !== "string") throw new Error("[Bubble] Editable mode only supports string content.");
 				return createVNode(EditableContent, {
@@ -258,14 +261,14 @@ var XBubble = /* @__PURE__ */ defineComponent({
 					"onEditCancel": props.onEditCancel
 				}, null);
 			}
-			return usingInnerAnimation.value && typeof memoedContent.value === "string" ? createVNode(TypingContent, {
+			return usingInnerAnimationInRender && typeof mainContent === "string" ? createVNode(TypingContent, {
 				"prefixCls": props.prefixCls,
 				"streaming": props.streaming,
 				"typing": mergedTyping.value,
-				"content": memoedContent.value,
+				"content": mainContent,
 				"onTyping": props.onTyping,
 				"onTypingComplete": props.onTypingComplete
-			}, null) : memoedContent.value;
+			}, null) : mainContent;
 		};
 		const renderContent = () => {
 			if (props.loading) {
@@ -279,6 +282,8 @@ var XBubble = /* @__PURE__ */ defineComponent({
 				if (props.loadingRender) return props.loadingRender(props.content, props.info);
 				return createVNode(loading_default, { "prefixCls": props.prefixCls }, null);
 			}
+			const mainContent = resolveMainContent();
+			const usingInnerAnimationInRender = Boolean(mergedTyping.value) && typeof mainContent === "string";
 			return createVNode("div", {
 				"class": getSlotClassName("body"),
 				"style": getSlotStyle("body")
@@ -292,7 +297,7 @@ var XBubble = /* @__PURE__ */ defineComponent({
 						contextConfig.value.classes?.content,
 						props.classes?.content,
 						{
-							[`${prefixCls.value}-content-string`]: typeof memoedContent.value === "string",
+							[`${prefixCls.value}-content-string`]: typeof mainContent === "string",
 							[`${prefixCls.value}-content-editing`]: isEditing.value,
 							[`${prefixCls.value}-content-${props.info.status}`]: props.info.status
 						}
@@ -301,7 +306,7 @@ var XBubble = /* @__PURE__ */ defineComponent({
 						...contextConfig.value.styles?.content,
 						...props.styles?.content
 					}
-				}, [isFooterInner.value ? createVNode(Fragment, null, [createVNode("div", { "class": `${prefixCls.value}-content-with-footer` }, [renderMainContent()]), !isEditing.value ? renderFooter() : null]) : renderMainContent()]),
+				}, [isFooterInner.value ? createVNode(Fragment, null, [createVNode("div", { "class": `${prefixCls.value}-content-with-footer` }, [renderMainContent(mainContent, usingInnerAnimationInRender)]), !isEditing.value ? renderFooter() : null]) : renderMainContent(mainContent, usingInnerAnimationInRender)]),
 				!isEditing.value && !isFooterInner.value ? renderFooter() : null
 			]);
 		};

package/dist/file-card/FileCard.js

@@ -291,7 +291,7 @@ var XFileCard = /* @__PURE__ */ defineComponent({
 				],
 				"style": mergedStyles.value.file
 			}, [createVNode(Image, mergeProps({
-				"class": `${props.prefixCls}-image-img`,
+				"rootClass": `${props.prefixCls}-image-img`,
 				"width": mergedStyles.value.file?.width,
 				"height": mergedStyles.value.file?.height,
 				"alt": props.name,

package/dist/index.esm.js

@@ -13,7 +13,7 @@ import lightTheme from "shiki/dist/themes/vitesse-light.mjs";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 import { KeyCode, classNames } from "@v-c/util";
 //#region package.json
-var version = "1.0.0";
+var version = "1.0.2-beta.1";
 //#endregion
 //#region components/x-provider/context.ts
 var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -2115,7 +2115,7 @@ var XFileCard = /* @__PURE__ */ defineComponent({
 				],
 				"style": mergedStyles.value.file
 			}, [createVNode(Image$1, mergeProps({
-				"class": `${props.prefixCls}-image-img`,
+				"rootClass": `${props.prefixCls}-image-img`,
 				"width": mergedStyles.value.file?.width,
 				"height": mergedStyles.value.file?.height,
 				"alt": props.name,
@@ -4021,7 +4021,10 @@ var XBubble = /* @__PURE__ */ defineComponent({
 			const { class: _class, style: _style, ...rest } = attrs;
 			return rest;
 		});
-		const memoedContent = computed(() => {
+		const fallbackContent = computed(() => {
+			return props.contentRender ? props.contentRender(props.content, props.info) : props.content;
+		});
+		const resolveMainContent = () => {
 			if (slots.content) {
 				const slotNode = slots.content({
 					content: props.content,
@@ -4029,23 +4032,23 @@ var XBubble = /* @__PURE__ */ defineComponent({
 				});
 				if (hasRenderableNode(slotNode)) return slotNode;
 			}
-			return props.contentRender ? props.contentRender(props.content, props.info) : props.content;
-		});
+			return fallbackContent.value;
+		};
 		const mergedTyping = computed(() => {
 			if (typeof props.typing === "function") return props.typing(props.content, props.info);
 			return props.typing;
 		});
 		const usingInnerAnimation = computed(() => {
-			return Boolean(mergedTyping.value) && typeof memoedContent.value === "string";
+			return Boolean(mergedTyping.value) && typeof fallbackContent.value === "string";
 		});
 		watch(() => [
-			memoedContent.value,
+			fallbackContent.value,
 			usingInnerAnimation.value,
 			props.streaming
 		], () => {
 			if (usingInnerAnimation.value) return;
 			if (props.streaming) return;
-			if (typeof memoedContent.value === "string") props.onTypingComplete?.(memoedContent.value);
+			if (typeof fallbackContent.value === "string") props.onTypingComplete?.(fallbackContent.value);
 		}, { immediate: true });
 		const footerPlacement = computed(() => {
 			if (props.footerPlacement) return props.footerPlacement;
@@ -4095,7 +4098,7 @@ var XBubble = /* @__PURE__ */ defineComponent({
 				"style": getSlotStyle("footer")
 			}, [node]);
 		};
-		const renderMainContent = () => {
+		const renderMainContent = (mainContent, usingInnerAnimationInRender) => {
 			if (isEditing.value) {
 				if (typeof props.content !== "string") throw new Error("[Bubble] Editable mode only supports string content.");
 				return createVNode(EditableContent, {
@@ -4107,14 +4110,14 @@ var XBubble = /* @__PURE__ */ defineComponent({
 					"onEditCancel": props.onEditCancel
 				}, null);
 			}
-			return usingInnerAnimation.value && typeof memoedContent.value === "string" ? createVNode(TypingContent, {
+			return usingInnerAnimationInRender && typeof mainContent === "string" ? createVNode(TypingContent, {
 				"prefixCls": props.prefixCls,
 				"streaming": props.streaming,
 				"typing": mergedTyping.value,
-				"content": memoedContent.value,
+				"content": mainContent,
 				"onTyping": props.onTyping,
 				"onTypingComplete": props.onTypingComplete
-			}, null) : memoedContent.value;
+			}, null) : mainContent;
 		};
 		const renderContent = () => {
 			if (props.loading) {
@@ -4128,6 +4131,8 @@ var XBubble = /* @__PURE__ */ defineComponent({
 				if (props.loadingRender) return props.loadingRender(props.content, props.info);
 				return createVNode(loading_default, { "prefixCls": props.prefixCls }, null);
 			}
+			const mainContent = resolveMainContent();
+			const usingInnerAnimationInRender = Boolean(mergedTyping.value) && typeof mainContent === "string";
 			return createVNode("div", {
 				"class": getSlotClassName("body"),
 				"style": getSlotStyle("body")
@@ -4141,7 +4146,7 @@ var XBubble = /* @__PURE__ */ defineComponent({
 						contextConfig.value.classes?.content,
 						props.classes?.content,
 						{
-							[`${prefixCls.value}-content-string`]: typeof memoedContent.value === "string",
+							[`${prefixCls.value}-content-string`]: typeof mainContent === "string",
 							[`${prefixCls.value}-content-editing`]: isEditing.value,
 							[`${prefixCls.value}-content-${props.info.status}`]: props.info.status
 						}
@@ -4150,7 +4155,7 @@ var XBubble = /* @__PURE__ */ defineComponent({
 						...contextConfig.value.styles?.content,
 						...props.styles?.content
 					}
-				}, [isFooterInner.value ? createVNode(Fragment, null, [createVNode("div", { "class": `${prefixCls.value}-content-with-footer` }, [renderMainContent()]), !isEditing.value ? renderFooter() : null]) : renderMainContent()]),
+				}, [isFooterInner.value ? createVNode(Fragment, null, [createVNode("div", { "class": `${prefixCls.value}-content-with-footer` }, [renderMainContent(mainContent, usingInnerAnimationInRender)]), !isEditing.value ? renderFooter() : null]) : renderMainContent(mainContent, usingInnerAnimationInRender)]),
 				!isEditing.value && !isFooterInner.value ? renderFooter() : null
 			]);
 		};

package/dist/index.umd.js

@@ -48,7 +48,7 @@
 	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs);
 	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs);
 	//#region package.json
-	var version = "1.0.0";
+	var version = "1.0.2-beta.1";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -2150,7 +2150,7 @@
 					],
 					"style": mergedStyles.value.file
 				}, [(0, vue.createVNode)(antdv_next.Image, (0, vue.mergeProps)({
-					"class": `${props.prefixCls}-image-img`,
+					"rootClass": `${props.prefixCls}-image-img`,
 					"width": mergedStyles.value.file?.width,
 					"height": mergedStyles.value.file?.height,
 					"alt": props.name,
@@ -4056,7 +4056,10 @@
 				const { class: _class, style: _style, ...rest } = attrs;
 				return rest;
 			});
-			const memoedContent = (0, vue.computed)(() => {
+			const fallbackContent = (0, vue.computed)(() => {
+				return props.contentRender ? props.contentRender(props.content, props.info) : props.content;
+			});
+			const resolveMainContent = () => {
 				if (slots.content) {
 					const slotNode = slots.content({
 						content: props.content,
@@ -4064,23 +4067,23 @@
 					});
 					if (hasRenderableNode(slotNode)) return slotNode;
 				}
-				return props.contentRender ? props.contentRender(props.content, props.info) : props.content;
-			});
+				return fallbackContent.value;
+			};
 			const mergedTyping = (0, vue.computed)(() => {
 				if (typeof props.typing === "function") return props.typing(props.content, props.info);
 				return props.typing;
 			});
 			const usingInnerAnimation = (0, vue.computed)(() => {
-				return Boolean(mergedTyping.value) && typeof memoedContent.value === "string";
+				return Boolean(mergedTyping.value) && typeof fallbackContent.value === "string";
 			});
 			(0, vue.watch)(() => [
-				memoedContent.value,
+				fallbackContent.value,
 				usingInnerAnimation.value,
 				props.streaming
 			], () => {
 				if (usingInnerAnimation.value) return;
 				if (props.streaming) return;
-				if (typeof memoedContent.value === "string") props.onTypingComplete?.(memoedContent.value);
+				if (typeof fallbackContent.value === "string") props.onTypingComplete?.(fallbackContent.value);
 			}, { immediate: true });
 			const footerPlacement = (0, vue.computed)(() => {
 				if (props.footerPlacement) return props.footerPlacement;
@@ -4130,7 +4133,7 @@
 					"style": getSlotStyle("footer")
 				}, [node]);
 			};
-			const renderMainContent = () => {
+			const renderMainContent = (mainContent, usingInnerAnimationInRender) => {
 				if (isEditing.value) {
 					if (typeof props.content !== "string") throw new Error("[Bubble] Editable mode only supports string content.");
 					return (0, vue.createVNode)(EditableContent, {
@@ -4142,14 +4145,14 @@
 						"onEditCancel": props.onEditCancel
 					}, null);
 				}
-				return usingInnerAnimation.value && typeof memoedContent.value === "string" ? (0, vue.createVNode)(TypingContent, {
+				return usingInnerAnimationInRender && typeof mainContent === "string" ? (0, vue.createVNode)(TypingContent, {
 					"prefixCls": props.prefixCls,
 					"streaming": props.streaming,
 					"typing": mergedTyping.value,
-					"content": memoedContent.value,
+					"content": mainContent,
 					"onTyping": props.onTyping,
 					"onTypingComplete": props.onTypingComplete
-				}, null) : memoedContent.value;
+				}, null) : mainContent;
 			};
 			const renderContent = () => {
 				if (props.loading) {
@@ -4163,6 +4166,8 @@
 					if (props.loadingRender) return props.loadingRender(props.content, props.info);
 					return (0, vue.createVNode)(loading_default, { "prefixCls": props.prefixCls }, null);
 				}
+				const mainContent = resolveMainContent();
+				const usingInnerAnimationInRender = Boolean(mergedTyping.value) && typeof mainContent === "string";
 				return (0, vue.createVNode)("div", {
 					"class": getSlotClassName("body"),
 					"style": getSlotStyle("body")
@@ -4176,7 +4181,7 @@
 							contextConfig.value.classes?.content,
 							props.classes?.content,
 							{
-								[`${prefixCls.value}-content-string`]: typeof memoedContent.value === "string",
+								[`${prefixCls.value}-content-string`]: typeof mainContent === "string",
 								[`${prefixCls.value}-content-editing`]: isEditing.value,
 								[`${prefixCls.value}-content-${props.info.status}`]: props.info.status
 							}
@@ -4185,7 +4190,7 @@
 							...contextConfig.value.styles?.content,
 							...props.styles?.content
 						}
-					}, [isFooterInner.value ? (0, vue.createVNode)(vue.Fragment, null, [(0, vue.createVNode)("div", { "class": `${prefixCls.value}-content-with-footer` }, [renderMainContent()]), !isEditing.value ? renderFooter() : null]) : renderMainContent()]),
+					}, [isFooterInner.value ? (0, vue.createVNode)(vue.Fragment, null, [(0, vue.createVNode)("div", { "class": `${prefixCls.value}-content-with-footer` }, [renderMainContent(mainContent, usingInnerAnimationInRender)]), !isEditing.value ? renderFooter() : null]) : renderMainContent(mainContent, usingInnerAnimationInRender)]),
 					!isEditing.value && !isFooterInner.value ? renderFooter() : null
 				]);
 			};

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.0.0";
+var version = "1.0.2-beta.1";
 //#endregion
 export { version };

package/dist-browser/index.es.js

@@ -3,7 +3,7 @@ import { S as t, _ as n, a as r, b as i, c as a, d as o, f as s, g as c, h as l,
 import { Comment as C, Fragment as w, Teleport as T, Text as E, Transition as D, TransitionGroup as O, cloneVNode as k, computed as A, createTextVNode as j, createVNode as M, defineComponent as N, getCurrentInstance as P, getCurrentScope as F, h as I, inject as L, isVNode as R, markRaw as z, mergeDefaults as B, mergeProps as V, nextTick as H, onBeforeMount as ee, onBeforeUnmount as U, onBeforeUpdate as te, onMounted as W, onScopeDispose as ne, onUnmounted as re, onUpdated as ie, provide as G, reactive as ae, ref as K, render as oe, resolveDynamicComponent as se, shallowReactive as ce, shallowRef as q, toRaw as le, toRef as ue, toRefs as de, toValue as fe, triggerRef as pe, unref as me, useAttrs as he, useId as ge, useSlots as _e, vShow as ve, watch as J, watchEffect as ye, withDirectives as be } from "vue";
 import xe, { ArrowUpOutlined as Se, AudioMutedOutlined as Ce, AudioOutlined as we, CheckCircleFilled as Te, CheckCircleOutlined as Ee, CheckOutlined as De, ClearOutlined as Oe, CloseCircleFilled as ke, CloseCircleOutlined as Ae, CloseOutlined as je, CopyOutlined as Me, DeleteOutlined as Ne, DislikeFilled as Pe, DislikeOutlined as Fe, DownOutlined as Ie, DownloadOutlined as Le, EditOutlined as Re, EllipsisOutlined as ze, EnterOutlined as Be, EyeInvisibleOutlined as Ve, EyeOutlined as He, FileExcelFilled as Ue, FileImageFilled as We, FileMarkdownFilled as Ge, FilePdfFilled as Ke, FilePptFilled as qe, FileTextFilled as Je, FileTwoTone as Ye, FileWordFilled as Xe, FileZipFilled as Ze, IconContextProvider as Qe, JavaOutlined as $e, JavaScriptOutlined as et, LeftOutlined as tt, LikeFilled as nt, LikeOutlined as rt, LoadingOutlined as it, MinusCircleOutlined as at, MoonOutlined as ot, MutedOutlined as st, PaperClipOutlined as ct, PictureTwoTone as lt, PlusOutlined as ut, PythonOutlined as dt, RightOutlined as ft, RotateLeftOutlined as pt, RotateRightOutlined as mt, SearchOutlined as ht, SoundOutlined as gt, SunOutlined as _t, SwapOutlined as vt, ZoomInOutlined as yt, ZoomOutOutlined as bt } from "@antdv-next/icons";
 //#region package.json
-var xt = "1.0.0", St = "anticon", Ct = {}, wt = [
+var xt = "1.0.2-beta.1", St = "anticon", Ct = {}, wt = [
 	"outlined",
 	"borderless",
 	"filled",
@@ -41407,7 +41407,7 @@ var Hk = /* @__PURE__ */ N({
 			],
 			style: f.value.file
 		}, [M(cT, V({
-			class: `${e.prefixCls}-image-img`,
+			rootClass: `${e.prefixCls}-image-img`,
 			width: f.value.file?.width,
 			height: f.value.file?.height,
 			alt: e.name,
@@ -43097,7 +43097,7 @@ var GA = /* @__PURE__ */ N({
 		let c = A(() => {
 			let { class: e, style: t, ...n } = r;
 			return n;
-		}), l = A(() => {
+		}), l = A(() => e.contentRender ? e.contentRender(e.content, e.info) : e.content), u = () => {
 			if (n.content) {
 				let t = n.content({
 					content: e.content,
@@ -43105,45 +43105,45 @@ var GA = /* @__PURE__ */ N({
 				});
 				if (Lt(t)) return t;
 			}
-			return e.contentRender ? e.contentRender(e.content, e.info) : e.content;
-		}), u = A(() => typeof e.typing == "function" ? e.typing(e.content, e.info) : e.typing), d = A(() => !!u.value && typeof l.value == "string");
+			return l.value;
+		}, d = A(() => typeof e.typing == "function" ? e.typing(e.content, e.info) : e.typing), f = A(() => !!d.value && typeof l.value == "string");
 		J(() => [
 			l.value,
-			d.value,
+			f.value,
 			e.streaming
 		], () => {
-			d.value || e.streaming || typeof l.value == "string" && e.onTypingComplete?.(l.value);
+			f.value || e.streaming || typeof l.value == "string" && e.onTypingComplete?.(l.value);
 		}, { immediate: !0 });
-		let f = A(() => e.footerPlacement ? e.footerPlacement : e.placement === "start" ? "outer-start" : "outer-end"), p = A(() => typeof e.editable == "boolean" ? e.editable : e.editable?.editing), m = A(() => f.value.includes("inner")), h = (t) => [
+		let p = A(() => e.footerPlacement ? e.footerPlacement : e.placement === "start" ? "outer-start" : "outer-end"), m = A(() => typeof e.editable == "boolean" ? e.editable : e.editable?.editing), h = A(() => p.value.includes("inner")), g = (t) => [
 			`${e.prefixCls}-${t}`,
 			i.value.classes?.[t],
 			e.classes?.[t]
-		], g = (t) => ({
+		], _ = (t) => ({
 			...i.value.styles?.[t],
 			...e.styles?.[t]
-		}), _ = (t, r) => {
+		}), v = (t, r) => {
 			let i = n[t];
 			return i ? i({
 				content: e.content,
 				info: e.info
 			}) : WA(r, e.content, e.info);
-		}, v = () => {
-			let t = _("header", e.header);
+		}, y = () => {
+			let t = v("header", e.header);
 			return t ? M("div", {
-				class: h("header"),
-				style: g("header")
+				class: g("header"),
+				style: _("header")
 			}, [t]) : null;
-		}, y = () => {
-			let t = _("footer", e.footer);
+		}, b = () => {
+			let t = v("footer", e.footer);
 			return t ? M("div", {
-				class: [h("footer"), {
-					[`${e.prefixCls}-footer-start`]: f.value.includes("start"),
-					[`${e.prefixCls}-footer-end`]: f.value.includes("end")
+				class: [g("footer"), {
+					[`${e.prefixCls}-footer-start`]: p.value.includes("start"),
+					[`${e.prefixCls}-footer-end`]: p.value.includes("end")
 				}],
-				style: g("footer")
+				style: _("footer")
 			}, [t]) : null;
-		}, b = () => {
-			if (p.value) {
+		}, x = (t, n) => {
+			if (m.value) {
 				if (typeof e.content != "string") throw Error("[Bubble] Editable mode only supports string content.");
 				return M(TA, {
 					prefixCls: e.prefixCls,
@@ -43154,15 +43154,15 @@ var GA = /* @__PURE__ */ N({
 					onEditCancel: e.onEditCancel
 				}, null);
 			}
-			return d.value && typeof l.value == "string" ? M(UA, {
+			return n && typeof t == "string" ? M(UA, {
 				prefixCls: e.prefixCls,
 				streaming: e.streaming,
-				typing: u.value,
-				content: l.value,
+				typing: d.value,
+				content: t,
 				onTyping: e.onTyping,
 				onTypingComplete: e.onTypingComplete
-			}, null) : l.value;
-		}, x = () => {
+			}, null) : t;
+		}, S = () => {
 			if (e.loading) {
 				if (n.loading) {
 					let t = n.loading({
@@ -43173,38 +43173,39 @@ var GA = /* @__PURE__ */ N({
 				}
 				return e.loadingRender ? e.loadingRender(e.content, e.info) : M(EA, { prefixCls: e.prefixCls }, null);
 			}
+			let t = u(), r = !!d.value && typeof t == "string";
 			return M("div", {
-				class: h("body"),
-				style: g("body")
+				class: g("body"),
+				style: _("body")
 			}, [
-				v(),
+				y(),
 				M("div", {
 					class: [
-						`${S.value}-content`,
-						`${S.value}-content-${T.value}`,
-						`${S.value}-content-${E.value}`,
+						`${C.value}-content`,
+						`${C.value}-content-${E.value}`,
+						`${C.value}-content-${D.value}`,
 						i.value.classes?.content,
 						e.classes?.content,
 						{
-							[`${S.value}-content-string`]: typeof l.value == "string",
-							[`${S.value}-content-editing`]: p.value,
-							[`${S.value}-content-${e.info.status}`]: e.info.status
+							[`${C.value}-content-string`]: typeof t == "string",
+							[`${C.value}-content-editing`]: m.value,
+							[`${C.value}-content-${e.info.status}`]: e.info.status
 						}
 					],
 					style: {
 						...i.value.styles?.content,
 						...e.styles?.content
 					}
-				}, [m.value ? M(w, null, [M("div", { class: `${S.value}-content-with-footer` }, [b()]), p.value ? null : y()]) : b()]),
-				!p.value && !m.value ? y() : null
+				}, [h.value ? M(w, null, [M("div", { class: `${C.value}-content-with-footer` }, [x(t, r)]), m.value ? null : b()]) : x(t, r)]),
+				!m.value && !h.value ? b() : null
 			]);
-		}, { prefixCls: S, placement: C, variant: T, shape: E } = de(e);
+		}, { prefixCls: C, placement: T, variant: E, shape: D } = de(e);
 		return () => {
-			let t = _("avatar", e.avatar), n = _("extra", e.extra);
+			let t = v("avatar", e.avatar), n = v("extra", e.extra);
 			return M("div", V({ ref: a }, c.value, {
 				class: [
-					S.value,
-					`${S.value}-${C.value}`,
+					C.value,
+					`${C.value}-${T.value}`,
 					i.value.classes?.root,
 					e.rootClass,
 					e.classes?.root,
@@ -43213,8 +43214,8 @@ var GA = /* @__PURE__ */ N({
 					r.class,
 					e.class,
 					{
-						[`${S.value}-loading`]: e.loading,
-						[`${S.value}-${e.info.status}`]: e.info.status
+						[`${C.value}-loading`]: e.loading,
+						[`${C.value}-${e.info.status}`]: e.info.status
 					}
 				],
 				style: [
@@ -43226,13 +43227,13 @@ var GA = /* @__PURE__ */ N({
 				]
 			}), [
 				t ? M("div", {
-					class: h("avatar"),
-					style: g("avatar")
+					class: g("avatar"),
+					style: _("avatar")
 				}, [t]) : null,
-				x(),
-				!p.value && !e.loading && n ? M("div", {
-					class: h("extra"),
-					style: g("extra")
+				S(),
+				!m.value && !e.loading && n ? M("div", {
+					class: g("extra"),
+					style: _("extra")
 				}, [n]) : null
 			]);
 		};