@antdv-next/x 1.2.4 → 1.2.5

package/dist/index.umd.js

@@ -66,7 +66,7 @@
 	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs, 1);
 	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs, 1);
 	//#region package.json
-	var version = "1.2.4";
+	var version = "1.2.5";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -21441,7 +21441,7 @@
 					"class": (0, _v_c_util.classNames)([
 						inputCls,
 						`${inputCls}-slot`,
-						senderCtx.value.classNames?.input
+						senderCtx.value.classes?.input ?? senderCtx.value.classNames?.input
 					]),
 					"style": mergeInputStyle.value,
 					"data-placeholder": senderCtx.value.placeholder
@@ -21641,7 +21641,7 @@
 					"ref": inputRef,
 					"disabled": ctx.disabled,
 					"style": ctx.styles?.input,
-					"class": [`${ctx.prefixCls}-input`, ctx.classNames?.input],
+					"class": [`${ctx.prefixCls}-input`, ctx.classes?.input ?? ctx.classNames?.input],
 					"autoSize": ctx.autoSize,
 					"value": ctx.value,
 					"onChange": (e) => {
@@ -22199,6 +22199,13 @@
 				type: [Boolean, Object],
 				default: () => ({ maxRows: 8 })
 			},
+			classes: {
+				type: Object,
+				default: () => ({})
+			},
+			/**
+			* @deprecated Use `classes` instead.
+			*/
 			classNames: {
 				type: Object,
 				default: () => ({})
@@ -22362,6 +22369,10 @@
 					return inputRef.value?.getValue() ?? { value: "" };
 				}
 			});
+			const mergedClasses = (0, vue.computed)(() => ({
+				...props.classNames,
+				...props.classes
+			}));
 			provideSenderContext((0, vue.computed)(() => ({
 				value: mergedValue.value,
 				onChange: triggerValueChange,
@@ -22376,7 +22387,8 @@
 				submitType: props.submitType,
 				prefixCls: prefixCls.value,
 				styles: props.styles,
-				classNames: props.classNames,
+				classes: mergedClasses.value,
+				classNames: mergedClasses.value,
 				autoSize: props.autoSize,
 				triggerSend,
 				placeholder: props.placeholder,
@@ -22426,7 +22438,7 @@
 						contextConfig.value.classes?.root,
 						props.class,
 						props.rootClass,
-						props.classNames.root,
+						mergedClasses.value.root,
 						hashId.value,
 						cssVarCls.value,
 						`${cls}-main`,
@@ -22444,7 +22456,7 @@
 				}, attrs), [
 					headerNode,
 					(0, vue.createVNode)("div", {
-						"class": [`${cls}-content`, props.classNames.content],
+						"class": [`${cls}-content`, mergedClasses.value.content],
 						"style": props.styles.content,
 						"onMousedown": (e) => {
 							const inputNode = containerRef.value?.querySelector(`.${cls}-input`);
@@ -22456,7 +22468,7 @@
 							"class": [
 								`${cls}-prefix`,
 								contextConfig.value.classes?.prefix,
-								props.classNames.prefix
+								mergedClasses.value.prefix
 							],
 							"style": [contextConfig.value.styles?.prefix, props.styles.prefix]
 						}, [prefixNode]),
@@ -22465,7 +22477,7 @@
 							"class": [
 								actionListCls,
 								contextConfig.value.classes?.suffix,
-								props.classNames.suffix
+								mergedClasses.value.suffix
 							],
 							"style": [contextConfig.value.styles?.suffix, props.styles.suffix]
 						}, [suffixNode])
@@ -22474,7 +22486,7 @@
 						"class": [
 							`${cls}-footer`,
 							contextConfig.value.classes?.footer,
-							props.classNames.footer
+							mergedClasses.value.footer
 						],
 						"style": [contextConfig.value.styles?.footer, props.styles.footer]
 					}, [footerNode])
@@ -22511,6 +22523,13 @@
 				type: [String, Object],
 				default: void 0
 			},
+			classes: {
+				type: Object,
+				default: () => ({})
+			},
+			/**
+			* @deprecated Use `classes` instead.
+			*/
 			classNames: {
 				type: Object,
 				default: () => ({})
@@ -22536,6 +22555,10 @@
 				return `${props.prefixCls ?? senderPrefix ?? "antd-sender"}-header`;
 			});
 			const direction = (0, vue.computed)(() => configCtx.value.direction);
+			const mergedClasses = (0, vue.computed)(() => ({
+				...props.classNames,
+				...props.classes
+			}));
 			return () => {
 				const headerCls = prefixCls.value;
 				const contentNode = (0, vue.createVNode)("div", {
@@ -22546,7 +22569,7 @@
 					],
 					"style": props.style
 				}, [(props.closable || props.title) && (0, vue.createVNode)("div", {
-					"class": [`${headerCls}-header`, props.classNames.header],
+					"class": [`${headerCls}-header`, mergedClasses.value.header],
 					"style": props.styles.header
 				}, [(0, vue.createVNode)("div", { "class": `${headerCls}-title` }, [slots.title?.() ?? props.title]), props.closable && (0, vue.createVNode)("div", { "class": `${headerCls}-close` }, [(0, vue.createVNode)(antdv_next.Button, {
 					"type": "text",
@@ -22554,7 +22577,7 @@
 					"size": "small",
 					"onClick": () => props.onOpenChange?.(!props.open)
 				}, null)])]), slots.default && (0, vue.createVNode)("div", {
-					"class": [`${headerCls}-content`, props.classNames.content],
+					"class": [`${headerCls}-content`, mergedClasses.value.content],
 					"style": props.styles.content
 				}, [slots.default()])]);
 				return (0, vue.createVNode)(vue.Transition, {
@@ -22644,6 +22667,13 @@
 				type: Function,
 				default: void 0
 			},
+			classes: {
+				type: Object,
+				default: () => ({})
+			},
+			/**
+			* @deprecated Use `classes` instead.
+			*/
 			classNames: {
 				type: Object,
 				default: () => ({})
@@ -22670,6 +22700,10 @@
 				if (val !== void 0) innerChecked.value = val;
 			}, { immediate: true });
 			const mergedChecked = (0, vue.computed)(() => props.value ?? innerChecked.value);
+			const mergedClasses = (0, vue.computed)(() => ({
+				...props.classNames,
+				...props.classes
+			}));
 			expose({ get nativeElement() {
 				return containerRef.value;
 			} });
@@ -22686,8 +22720,8 @@
 						props.class,
 						props.rootClass,
 						contextConfig.value.classes?.switch,
-						senderCtx.value.classNames?.switch,
-						props.classNames.root,
+						senderCtx.value.classes?.switch ?? senderCtx.value.classNames?.switch,
+						mergedClasses.value.root,
 						{
 							[`${cls}-checked`]: mergedChecked.value,
 							[`${cls}-rtl`]: direction.value === "rtl"
@@ -22702,12 +22736,12 @@
 				}, attrs), [(0, vue.createVNode)(antdv_next.Button, (0, vue.mergeProps)({
 					"disabled": props.disabled,
 					"loading": props.loading,
-					"class": [`${cls}-content`, props.classNames.content],
+					"class": [`${cls}-content`, mergedClasses.value.content],
 					"style": props.styles.content
 				}, {
 					classes: {
-						icon: props.classNames.icon,
-						content: props.classNames.title
+						icon: mergedClasses.value.icon,
+						content: mergedClasses.value.title
 					},
 					styles: {
 						icon: props.styles.icon,

package/dist/package.js

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

package/dist/sender/Sender.d.ts

@@ -66,6 +66,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             maxRows: number;
         };
     };
+    classes: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    /**
+     * @deprecated Use `classes` instead.
+     */
     classNames: {
         type: PropType<Record<string, string>>;
         default: () => {};
@@ -200,6 +207,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             maxRows: number;
         };
     };
+    classes: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    /**
+     * @deprecated Use `classes` instead.
+     */
     classNames: {
         type: PropType<Record<string, string>>;
         default: () => {};
@@ -278,6 +292,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loading: boolean;
     rootClass: string;
     class: string;
+    classes: Record<string, string>;
     styles: Record<string, CSSProperties>;
     footer: BaseNode | NodeRender;
     header: BaseNode | NodeRender;

package/dist/sender/Sender.js

@@ -87,6 +87,13 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 			type: [Boolean, Object],
 			default: () => ({ maxRows: 8 })
 		},
+		classes: {
+			type: Object,
+			default: () => ({})
+		},
+		/**
+		* @deprecated Use `classes` instead.
+		*/
 		classNames: {
 			type: Object,
 			default: () => ({})
@@ -250,6 +257,10 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 				return inputRef.value?.getValue() ?? { value: "" };
 			}
 		});
+		const mergedClasses = computed(() => ({
+			...props.classNames,
+			...props.classes
+		}));
 		provideSenderContext(computed(() => ({
 			value: mergedValue.value,
 			onChange: triggerValueChange,
@@ -264,7 +275,8 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 			submitType: props.submitType,
 			prefixCls: prefixCls.value,
 			styles: props.styles,
-			classNames: props.classNames,
+			classes: mergedClasses.value,
+			classNames: mergedClasses.value,
 			autoSize: props.autoSize,
 			triggerSend,
 			placeholder: props.placeholder,
@@ -314,7 +326,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 					contextConfig.value.classes?.root,
 					props.class,
 					props.rootClass,
-					props.classNames.root,
+					mergedClasses.value.root,
 					hashId.value,
 					cssVarCls.value,
 					`${cls}-main`,
@@ -332,7 +344,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 			}, attrs), [
 				headerNode,
 				createVNode("div", {
-					"class": [`${cls}-content`, props.classNames.content],
+					"class": [`${cls}-content`, mergedClasses.value.content],
 					"style": props.styles.content,
 					"onMousedown": (e) => {
 						const inputNode = containerRef.value?.querySelector(`.${cls}-input`);
@@ -344,7 +356,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 						"class": [
 							`${cls}-prefix`,
 							contextConfig.value.classes?.prefix,
-							props.classNames.prefix
+							mergedClasses.value.prefix
 						],
 						"style": [contextConfig.value.styles?.prefix, props.styles.prefix]
 					}, [prefixNode]),
@@ -353,7 +365,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 						"class": [
 							actionListCls,
 							contextConfig.value.classes?.suffix,
-							props.classNames.suffix
+							mergedClasses.value.suffix
 						],
 						"style": [contextConfig.value.styles?.suffix, props.styles.suffix]
 					}, [suffixNode])
@@ -362,7 +374,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 					"class": [
 						`${cls}-footer`,
 						contextConfig.value.classes?.footer,
-						props.classNames.footer
+						mergedClasses.value.footer
 					],
 					"style": [contextConfig.value.styles?.footer, props.styles.footer]
 				}, [footerNode])

package/dist/sender/SenderHeader.d.ts

@@ -25,6 +25,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<string | CSSProperties>;
         default: undefined;
     };
+    classes: {
+        type: PropType<Partial<Record<HeaderSemanticType, string>>>;
+        default: () => {};
+    };
+    /**
+     * @deprecated Use `classes` instead.
+     */
     classNames: {
         type: PropType<Partial<Record<HeaderSemanticType, string>>>;
         default: () => {};
@@ -66,6 +73,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<string | CSSProperties>;
         default: undefined;
     };
+    classes: {
+        type: PropType<Partial<Record<HeaderSemanticType, string>>>;
+        default: () => {};
+    };
+    /**
+     * @deprecated Use `classes` instead.
+     */
     classNames: {
         type: PropType<Partial<Record<HeaderSemanticType, string>>>;
         default: () => {};
@@ -87,6 +101,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     style: string | CSSProperties;
     open: boolean;
     class: string;
+    classes: Partial<Record<HeaderSemanticType, string>>;
     styles: Partial<Record<HeaderSemanticType, CSSProperties>>;
     title: string | Record<string, any>;
     onOpenChange: (open: boolean) => void;

package/dist/sender/SenderHeader.js

@@ -31,6 +31,13 @@ var SenderHeader_default = /* @__PURE__ */ defineComponent({
 			type: [String, Object],
 			default: void 0
 		},
+		classes: {
+			type: Object,
+			default: () => ({})
+		},
+		/**
+		* @deprecated Use `classes` instead.
+		*/
 		classNames: {
 			type: Object,
 			default: () => ({})
@@ -56,6 +63,10 @@ var SenderHeader_default = /* @__PURE__ */ defineComponent({
 			return `${props.prefixCls ?? senderPrefix ?? "antd-sender"}-header`;
 		});
 		const direction = computed(() => configCtx.value.direction);
+		const mergedClasses = computed(() => ({
+			...props.classNames,
+			...props.classes
+		}));
 		return () => {
 			const headerCls = prefixCls.value;
 			const contentNode = createVNode("div", {
@@ -66,7 +77,7 @@ var SenderHeader_default = /* @__PURE__ */ defineComponent({
 				],
 				"style": props.style
 			}, [(props.closable || props.title) && createVNode("div", {
-				"class": [`${headerCls}-header`, props.classNames.header],
+				"class": [`${headerCls}-header`, mergedClasses.value.header],
 				"style": props.styles.header
 			}, [createVNode("div", { "class": `${headerCls}-title` }, [slots.title?.() ?? props.title]), props.closable && createVNode("div", { "class": `${headerCls}-close` }, [createVNode(Button, {
 				"type": "text",
@@ -74,7 +85,7 @@ var SenderHeader_default = /* @__PURE__ */ defineComponent({
 				"size": "small",
 				"onClick": () => props.onOpenChange?.(!props.open)
 			}, null)])]), slots.default && createVNode("div", {
-				"class": [`${headerCls}-content`, props.classNames.content],
+				"class": [`${headerCls}-content`, mergedClasses.value.content],
 				"style": props.styles.content
 			}, [slots.default()])]);
 			return createVNode(Transition, {

package/dist/sender/SenderSwitch.d.ts

@@ -49,6 +49,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<(checked: boolean) => void>;
         default: undefined;
     };
+    classes: {
+        type: PropType<Partial<Record<SwitchSemanticType, string>>>;
+        default: () => {};
+    };
+    /**
+     * @deprecated Use `classes` instead.
+     */
     classNames: {
         type: PropType<Partial<Record<SwitchSemanticType, string>>>;
         default: () => {};
@@ -106,6 +113,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<(checked: boolean) => void>;
         default: undefined;
     };
+    classes: {
+        type: PropType<Partial<Record<SwitchSemanticType, string>>>;
+        default: () => {};
+    };
+    /**
+     * @deprecated Use `classes` instead.
+     */
     classNames: {
         type: PropType<Partial<Record<SwitchSemanticType, string>>>;
         default: () => {};
@@ -123,6 +137,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loading: boolean;
     rootClass: string;
     class: string;
+    classes: Partial<Record<SwitchSemanticType, string>>;
     styles: Partial<Record<SwitchSemanticType, CSSProperties>>;
     onChange: (checked: boolean) => void;
     classNames: Partial<Record<SwitchSemanticType, string>>;

package/dist/sender/SenderSwitch.js

@@ -60,6 +60,13 @@ var SenderSwitch_default = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
+		classes: {
+			type: Object,
+			default: () => ({})
+		},
+		/**
+		* @deprecated Use `classes` instead.
+		*/
 		classNames: {
 			type: Object,
 			default: () => ({})
@@ -86,6 +93,10 @@ var SenderSwitch_default = /* @__PURE__ */ defineComponent({
 			if (val !== void 0) innerChecked.value = val;
 		}, { immediate: true });
 		const mergedChecked = computed(() => props.value ?? innerChecked.value);
+		const mergedClasses = computed(() => ({
+			...props.classNames,
+			...props.classes
+		}));
 		expose({ get nativeElement() {
 			return containerRef.value;
 		} });
@@ -102,8 +113,8 @@ var SenderSwitch_default = /* @__PURE__ */ defineComponent({
 					props.class,
 					props.rootClass,
 					contextConfig.value.classes?.switch,
-					senderCtx.value.classNames?.switch,
-					props.classNames.root,
+					senderCtx.value.classes?.switch ?? senderCtx.value.classNames?.switch,
+					mergedClasses.value.root,
 					{
 						[`${cls}-checked`]: mergedChecked.value,
 						[`${cls}-rtl`]: direction.value === "rtl"
@@ -118,12 +129,12 @@ var SenderSwitch_default = /* @__PURE__ */ defineComponent({
 			}, attrs), [createVNode(Button, mergeProps({
 				"disabled": props.disabled,
 				"loading": props.loading,
-				"class": [`${cls}-content`, props.classNames.content],
+				"class": [`${cls}-content`, mergedClasses.value.content],
 				"style": props.styles.content
 			}, {
 				classes: {
-					icon: props.classNames.icon,
-					content: props.classNames.title
+					icon: mergedClasses.value.icon,
+					content: mergedClasses.value.title
 				},
 				styles: {
 					icon: props.styles.icon,

package/dist/sender/components/SlotTextAreaProseMirror.js

@@ -1160,7 +1160,7 @@ var SlotTextAreaProseMirror_default = /* @__PURE__ */ defineComponent({
 				"class": classNames([
 					inputCls,
 					`${inputCls}-slot`,
-					senderCtx.value.classNames?.input
+					senderCtx.value.classes?.input ?? senderCtx.value.classNames?.input
 				]),
 				"style": mergeInputStyle.value,
 				"data-placeholder": senderCtx.value.placeholder

package/dist/sender/components/TextArea.js

@@ -113,7 +113,7 @@ var TextArea_default = /* @__PURE__ */ defineComponent({
 				"ref": inputRef,
 				"disabled": ctx.disabled,
 				"style": ctx.styles?.input,
-				"class": [`${ctx.prefixCls}-input`, ctx.classNames?.input],
+				"class": [`${ctx.prefixCls}-input`, ctx.classes?.input ?? ctx.classNames?.input],
 				"autoSize": ctx.autoSize,
 				"value": ctx.value,
 				"onChange": (e) => {

package/dist/sender/interface.d.ts

@@ -116,6 +116,10 @@ export interface SenderProps {
     onCut?: (event: ClipboardEvent, info: SenderCopyInfo) => void;
     onFocus?: (event: FocusEvent) => void;
     onBlur?: (event: FocusEvent) => void;
+    classes?: Partial<Record<SemanticType, string>>;
+    /**
+     * @deprecated Use `classes` instead.
+     */
     classNames?: Partial<Record<SemanticType, string>>;
     styles?: Partial<Record<SemanticType, CSSProperties>>;
     rootClass?: string;

package/dist/x-provider/context.d.ts

@@ -35,9 +35,7 @@ export interface XComponentsConfig {
     folder?: Pick<FolderProps, "style" | "styles" | "classes">;
     mermaid?: Pick<MermaidProps, "style" | "styles" | "classes">;
     prompts?: Pick<PromptsProps, "style" | "styles" | "classes">;
-    sender?: Pick<SenderProps, "style" | "styles" | "classNames"> & {
-        classes?: SenderProps["classNames"];
-    };
+    sender?: Pick<SenderProps, "style" | "styles" | "classes" | "classNames">;
     suggestion?: Pick<SuggestionProps, "style" | "styles" | "classes">;
     think?: Pick<ThinkProps, "style" | "styles" | "classes">;
     thoughtChain?: Pick<ThoughtChainProps, "style" | "styles" | "classes">;

package/dist/x-provider/index.d.ts

@@ -154,9 +154,7 @@ declare const XProvider: import('vue').DefineComponent<import('vue').ExtractProp
     codeHighlighter: Pick<import('..').CodeHighlighterProps, "style" | "classes" | "styles"> | undefined;
     mermaid: Pick<import('..').MermaidProps, "style" | "classes" | "styles"> | undefined;
     prompts: Pick<import('..').PromptsProps, "style" | "classes" | "styles"> | undefined;
-    sender: (Pick<import('..').SenderProps, "style" | "styles" | "classNames"> & {
-        classes?: import('..').SenderProps["classNames"];
-    }) | undefined;
+    sender: Pick<import('..').SenderProps, "style" | "classes" | "styles" | "classNames"> | undefined;
     suggestion: Pick<import('..').SuggestionProps<any>, "style" | "classes" | "styles"> | undefined;
     think: Pick<import('..').ThinkProps, "style" | "classes" | "styles"> | undefined;
     thoughtChain: Pick<import('..').ThoughtChainProps, "style" | "classes" | "styles"> | undefined;

package/es/antdv-next-x.esm.js

@@ -1,7 +1,7 @@
 import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./Serializer-Sc9uEpQk.js";
 import { Comment as S, Fragment as C, Teleport as w, Text as T, Transition as E, TransitionGroup as D, cloneVNode as O, computed as k, createTextVNode as A, createVNode as j, defineComponent as M, getCurrentInstance as N, getCurrentScope as P, h as F, inject as I, isVNode as L, markRaw as R, mergeDefaults as z, mergeProps as B, nextTick as V, onBeforeMount as ee, onBeforeUnmount as H, onBeforeUpdate as U, onMounted as te, onScopeDispose as ne, onUnmounted as re, onUpdated as ie, provide as W, reactive as ae, ref as G, render as oe, resolveDynamicComponent as se, shallowReactive as ce, shallowRef as K, 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 q, watchEffect as ye, withDirectives as be } from "vue";
 //#region package.json
-var xe = "1.2.4", Se = "anticon", Ce = {}, we = [
+var xe = "1.2.5", Se = "anticon", Ce = {}, we = [
 	"outlined",
 	"borderless",
 	"filled",
@@ -60508,7 +60508,7 @@ var sG = /* @__PURE__ */ M({
 				class: Y([
 					e,
 					`${e}-slot`,
-					n.value.classNames?.input
+					n.value.classes?.input ?? n.value.classNames?.input
 				]),
 				style: v.value,
 				"data-placeholder": n.value.placeholder
@@ -60657,7 +60657,7 @@ var bG = /* @__PURE__ */ M({
 				ref: r,
 				disabled: e.disabled,
 				style: e.styles?.input,
-				class: [`${e.prefixCls}-input`, e.classNames?.input],
+				class: [`${e.prefixCls}-input`, e.classes?.input ?? e.classNames?.input],
 				autoSize: e.autoSize,
 				value: e.value,
 				onChange: (t) => {
@@ -61147,6 +61147,10 @@ var CG = (e) => {
 			type: [Boolean, Object],
 			default: () => ({ maxRows: 8 })
 		},
+		classes: {
+			type: Object,
+			default: () => ({})
+		},
 		classNames: {
 			type: Object,
 			default: () => ({})
@@ -61288,7 +61292,12 @@ var CG = (e) => {
 			getValue() {
 				return f.value?.getValue() ?? { value: "" };
 			}
-		}), UW(k(() => ({
+		});
+		let C = k(() => ({
+			...e.classNames,
+			...e.classes
+		}));
+		UW(k(() => ({
 			value: h.value,
 			onChange: g,
 			onKeyUp: e.onKeyUp,
@@ -61302,7 +61311,8 @@ var CG = (e) => {
 			submitType: e.submitType,
 			prefixCls: s.value,
 			styles: e.styles,
-			classNames: e.classNames,
+			classes: C.value,
+			classNames: C.value,
 			autoSize: e.autoSize,
 			triggerSend: x,
 			placeholder: e.placeholder,
@@ -61314,9 +61324,9 @@ var CG = (e) => {
 				_.value = e;
 			}
 		})));
-		let C = k(() => `${s.value}-actions-btn`);
+		let w = k(() => `${s.value}-actions-btn`);
 		UF(k(() => ({
-			prefixCls: C.value,
+			prefixCls: w.value,
 			onSend: x,
 			onSendDisabled: _.value,
 			onClear: S,
@@ -61328,12 +61338,12 @@ var CG = (e) => {
 			speechRecording: b.value,
 			disabled: e.disabled
 		})));
-		let w = (e, t, r) => n[t] ? n[t]?.({
+		let T = (e, t, r) => n[t] ? n[t]?.({
 			defaultNode: r,
 			components: OG
 		}) : typeof e == "function" ? e(r, { components: OG }) : e || e === !1 ? e : null;
 		return () => {
-			let t = s.value, n = `${t}-actions-list`, r = j(HE, { class: `${n}-presets` }, { default: () => [e.allowSpeech && j(bG, null, null), e.loading ? j(YF, null, null) : j(ZF, null, null)] }), a = w(e.suffix, "suffix", r) ?? r, m = w(e.prefix, "prefix", r), h = w(e.header, "header", r), g = w(e.footer, "footer", r);
+			let t = s.value, n = `${t}-actions-list`, r = j(HE, { class: `${n}-presets` }, { default: () => [e.allowSpeech && j(bG, null, null), e.loading ? j(YF, null, null) : j(ZF, null, null)] }), a = T(e.suffix, "suffix", r) ?? r, m = T(e.prefix, "prefix", r), h = T(e.header, "header", r), g = T(e.footer, "footer", r);
 			return j("div", B({
 				ref: d,
 				class: [
@@ -61341,7 +61351,7 @@ var CG = (e) => {
 					o.value.classes?.root,
 					e.class,
 					e.rootClass,
-					e.classNames.root,
+					C.value.root,
 					l.value,
 					u.value,
 					`${t}-main`,
@@ -61359,7 +61369,7 @@ var CG = (e) => {
 			}, i), [
 				h,
 				j("div", {
-					class: [`${t}-content`, e.classNames.content],
+					class: [`${t}-content`, C.value.content],
 					style: e.styles.content,
 					onMousedown: (e) => {
 						let n = d.value?.querySelector(`.${t}-input`);
@@ -61370,7 +61380,7 @@ var CG = (e) => {
 						class: [
 							`${t}-prefix`,
 							o.value.classes?.prefix,
-							e.classNames.prefix
+							C.value.prefix
 						],
 						style: [o.value.styles?.prefix, e.styles.prefix]
 					}, [m]),
@@ -61379,7 +61389,7 @@ var CG = (e) => {
 						class: [
 							n,
 							o.value.classes?.suffix,
-							e.classNames.suffix
+							C.value.suffix
 						],
 						style: [o.value.styles?.suffix, e.styles.suffix]
 					}, [a])
@@ -61388,7 +61398,7 @@ var CG = (e) => {
 					class: [
 						`${t}-footer`,
 						o.value.classes?.footer,
-						e.classNames.footer
+						C.value.footer
 					],
 					style: [o.value.styles?.footer, e.styles.footer]
 				}, [g])
@@ -61422,6 +61432,10 @@ var CG = (e) => {
 			type: [String, Object],
 			default: void 0
 		},
+		classes: {
+			type: Object,
+			default: () => ({})
+		},
 		classNames: {
 			type: Object,
 			default: () => ({})
@@ -61443,7 +61457,10 @@ var CG = (e) => {
 		let n = Oe(), r = HW(), i = k(() => {
 			let t = r.value.prefixCls;
 			return `${e.prefixCls ?? t ?? "antd-sender"}-header`;
-		}), a = k(() => n.value.direction);
+		}), a = k(() => n.value.direction), o = k(() => ({
+			...e.classNames,
+			...e.classes
+		}));
 		return () => {
 			let n = i.value, r = j("div", {
 				class: [
@@ -61453,7 +61470,7 @@ var CG = (e) => {
 				],
 				style: e.style
 			}, [(e.closable || e.title) && j("div", {
-				class: [`${n}-header`, e.classNames.header],
+				class: [`${n}-header`, o.value.header],
 				style: e.styles.header
 			}, [j("div", { class: `${n}-title` }, [t.title?.() ?? e.title]), e.closable && j("div", { class: `${n}-close` }, [j(_h, {
 				type: "text",
@@ -61461,7 +61478,7 @@ var CG = (e) => {
 				size: "small",
 				onClick: () => e.onOpenChange?.(!e.open)
 			}, null)])]), t.default && j("div", {
-				class: [`${n}-content`, e.classNames.content],
+				class: [`${n}-content`, o.value.content],
 				style: e.styles.content
 			}, [t.default()])]);
 			return j(E, {
@@ -61543,6 +61560,10 @@ var CG = (e) => {
 			type: Function,
 			default: void 0
 		},
+		classes: {
+			type: Object,
+			default: () => ({})
+		},
 		classNames: {
 			type: Object,
 			default: () => ({})
@@ -61560,11 +61581,14 @@ var CG = (e) => {
 		q(() => e.value, (e) => {
 			e !== void 0 && (d.value = e);
 		}, { immediate: !0 });
-		let f = k(() => e.value ?? d.value);
+		let f = k(() => e.value ?? d.value), p = k(() => ({
+			...e.classNames,
+			...e.classes
+		}));
 		return t({ get nativeElement() {
 			return u.value;
 		} }), () => {
-			let t = c.value, i = n.icon?.() ?? e.icon, p = n.checkedChildren?.() ?? e.checkedChildren, m = n.unCheckedChildren?.() ?? e.unCheckedChildren;
+			let t = c.value, i = n.icon?.() ?? e.icon, m = n.checkedChildren?.() ?? e.checkedChildren, h = n.unCheckedChildren?.() ?? e.unCheckedChildren;
 			return j("div", B({
 				ref: u,
 				class: [
@@ -61573,8 +61597,8 @@ var CG = (e) => {
 					e.class,
 					e.rootClass,
 					o.value.classes?.switch,
-					a.value.classNames?.switch,
-					e.classNames.root,
+					a.value.classes?.switch ?? a.value.classNames?.switch,
+					p.value.root,
 					{
 						[`${t}-checked`]: f.value,
 						[`${t}-rtl`]: l.value === "rtl"
@@ -61589,12 +61613,12 @@ var CG = (e) => {
 			}, r), [j(_h, B({
 				disabled: e.disabled,
 				loading: e.loading,
-				class: [`${t}-content`, e.classNames.content],
+				class: [`${t}-content`, p.value.content],
 				style: e.styles.content
 			}, {
 				classes: {
-					icon: e.classNames.icon,
-					content: e.classNames.title
+					icon: p.value.icon,
+					content: p.value.title
 				},
 				styles: {
 					icon: e.styles.icon,
@@ -61608,7 +61632,7 @@ var CG = (e) => {
 					let t = !f.value;
 					d.value = t, e.onChange?.(t);
 				}
-			}), { default: () => [f.value ? p : m, n.default?.()] })]);
+			}), { default: () => [f.value ? m : h, n.default?.()] })]);
 		};
 	}
 }), MG = kG;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antdv-next/x",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "license": "MIT",
   "files": [
     "dist",