antdv-next 1.5.5 → 1.6.0

package/dist/_util/PurePanel.js

@@ -82,21 +82,24 @@ function genPurePanel(Component, alignPropName, postProps, defaultPrefixCls, get
 				"style": mergedStyle
 			}, [createVNode(Component, mergeProps(attrs, mergedProps), slots)]);
 		};
-	}, { props: {
-		prefixCls: {
-			type: String,
-			required: false
-		},
-		style: {
-			type: Object,
-			required: false
+	}, {
+		props: {
+			prefixCls: {
+				type: String,
+				required: false
+			},
+			style: {
+				type: Object,
+				required: false
+			},
+			open: {
+				type: Boolean,
+				required: false,
+				default: void 0
+			}
 		},
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	} }));
+		inheritAttrs: false
+	}));
 }
 //#endregion
 export { genPurePanel as default, withPureRenderTheme };

package/dist/_util/fallbackProp.d.ts

@@ -0,0 +1,13 @@
+//#region src/_util/fallbackProp.d.ts
+/**
+ * Search for the first non-undefined value in the arguments and return it.
+ *
+ * ```js
+ * const mergedIcon = fallbackProp(propIcon, contextIcon, defaultIcon);
+ * ```
+ *
+ * Note: it is different from `??` operator which skips null
+ */
+declare function fallbackProp<T>(...args: T[]): Exclude<T, undefined> | undefined;
+//#endregion
+export { fallbackProp as default };

package/dist/_util/fallbackProp.js

@@ -0,0 +1,15 @@
+//#region src/_util/fallbackProp.ts
+/**
+* Search for the first non-undefined value in the arguments and return it.
+*
+* ```js
+* const mergedIcon = fallbackProp(propIcon, contextIcon, defaultIcon);
+* ```
+*
+* Note: it is different from `??` operator which skips null
+*/
+function fallbackProp(...args) {
+	return args.find((arg) => arg !== void 0);
+}
+//#endregion
+export { fallbackProp as default };

package/dist/_util/hooks/useAllowClear.d.ts

@@ -0,0 +1,19 @@
+//#region src/_util/hooks/useAllowClear.d.ts
+interface AllowClearObject {
+  clearIcon?: any;
+  disabled?: boolean;
+}
+type AllowClear = boolean | AllowClearObject;
+/** The hook never returns plain `true`: a truthy allowClear is normalized to the object form. */
+type MergedAllowClear = AllowClearObject | false;
+interface UseAllowClearOptions {
+  allowClear?: AllowClear;
+  clearIcon?: any;
+  contextAllowClear?: AllowClear;
+  contextClearIcon?: any;
+  defaultAllowClear?: boolean;
+}
+/** Merge component- and ConfigProvider-level `allowClear` / `clearIcon` (priority: props → context → `defaultAllowClear`). */
+declare function useAllowClear({ allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear }: UseAllowClearOptions): MergedAllowClear;
+//#endregion
+export { AllowClear, AllowClearObject, MergedAllowClear, UseAllowClearOptions, useAllowClear as default };

package/dist/_util/hooks/useAllowClear.js

@@ -0,0 +1,16 @@
+import { isPlainObject } from "../is.js";
+import fallbackProp from "../fallbackProp.js";
+import { createVNode } from "vue";
+import { CloseCircleFilled } from "@antdv-next/icons";
+//#region src/_util/hooks/useAllowClear.tsx
+/** The hook never returns plain `true`: a truthy allowClear is normalized to the object form. */
+/** Merge component- and ConfigProvider-level `allowClear` / `clearIcon` (priority: props → context → `defaultAllowClear`). */
+function useAllowClear({ allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear }) {
+	if (!(allowClear ?? contextAllowClear ?? defaultAllowClear)) return false;
+	return {
+		clearIcon: fallbackProp(isPlainObject(allowClear) ? allowClear?.clearIcon : clearIcon, isPlainObject(contextAllowClear) ? contextAllowClear?.clearIcon : contextClearIcon, createVNode(CloseCircleFilled, null, null)),
+		disabled: (isPlainObject(allowClear) ? allowClear?.disabled : void 0) ?? (isPlainObject(contextAllowClear) ? contextAllowClear?.disabled : void 0)
+	};
+}
+//#endregion
+export { useAllowClear as default };

package/dist/_util/hooks/useMergeSemantic.js

@@ -62,11 +62,12 @@ function resolveStyleOrClass(value, info) {
 * @descZH 合并来自多个来源的 classNames 和 styles，当提供了 `schema` 时，必须提供嵌套的对象结构。
 */
 function useMergeSemantic(classNamesList, stylesList, info, schema) {
+	const resolveLazy = (value) => typeof value === "function" ? value(info.value) : value;
 	const resolvedClassNamesList = computed(() => {
-		return classNamesList.value.map((classNames) => classNames ? resolveStyleOrClass(classNames, info.value) : void 0);
+		return classNamesList.value.map((classNames) => classNames ? resolveLazy(classNames) : void 0);
 	});
 	const resolvedStylesList = computed(() => {
-		return stylesList.value.map((styles) => styles ? resolveStyleOrClass(styles, info.value) : void 0);
+		return stylesList.value.map((styles) => styles ? resolveLazy(styles) : void 0);
 	});
 	const mergedClassNames = computed(() => useSemanticClassNames(schema?.value, ...resolvedClassNamesList.value));
 	const mergedStyles = computed(() => useSemanticStyles(...resolvedStylesList.value));

package/dist/_util/omitUndefined.d.ts

@@ -0,0 +1,13 @@
+//#region src/_util/omitUndefined.d.ts
+/**
+ * Copy `obj` without the keys whose value is `undefined`.
+ *
+ * Vue materialises every declared prop on `props` (unset ones as `undefined`),
+ * so spreading `props` into a child forwards dozens of empty keys that the
+ * child then has to normalise in `initProps` / `setFullProps` on every mount.
+ * Boolean props in this code base default to `undefined` rather than `false`,
+ * so leaving an unset key out is equivalent to passing it as `undefined`.
+ */
+declare function omitUndefined<T extends Record<string, any>>(obj: T, omitKeys?: readonly string[]): Partial<T>;
+//#endregion
+export { omitUndefined };

package/dist/_util/omitUndefined.js

@@ -0,0 +1,20 @@
+//#region src/_util/omitUndefined.ts
+/**
+* Copy `obj` without the keys whose value is `undefined`.
+*
+* Vue materialises every declared prop on `props` (unset ones as `undefined`),
+* so spreading `props` into a child forwards dozens of empty keys that the
+* child then has to normalise in `initProps` / `setFullProps` on every mount.
+* Boolean props in this code base default to `undefined` rather than `false`,
+* so leaving an unset key out is equivalent to passing it as `undefined`.
+*/
+function omitUndefined(obj, omitKeys = []) {
+	const result = {};
+	for (const key in obj) {
+		const value = obj[key];
+		if (value !== void 0 && !omitKeys.includes(key)) result[key] = value;
+	}
+	return result;
+}
+//#endregion
+export { omitUndefined };

package/dist/_util/statusUtils.d.ts

@@ -3,6 +3,6 @@ import { ValidateStatus } from "../form/FormItem/index.js";
 declare const _InputStatuses: readonly ["warning", "error", "", "success", "validating"];
 type InputStatus = (typeof _InputStatuses)[number];
 declare function getStatusClassNames(prefixCls: string, status?: ValidateStatus, hasFeedback?: boolean): string;
-declare function getMergedStatus(contextStatus?: ValidateStatus, customStatus?: InputStatus): "" | "success" | "warning" | "error" | "validating" | undefined;
+declare function getMergedStatus(contextStatus?: ValidateStatus, customStatus?: InputStatus): "" | "success" | "error" | "warning" | "validating" | undefined;
 //#endregion
 export { InputStatus, getMergedStatus, getStatusClassNames };

package/dist/_util/vueNode.d.ts

@@ -3,12 +3,8 @@ import { VNodeChild } from "vue";
 import { isFragment } from "@v-c/util/dist/Children/isFragment";
 //#region src/_util/vueNode.d.ts
 type RenderProps = AnyObject | ((originProps: AnyObject) => AnyObject | undefined);
-declare function replaceElement(element: VNodeChild, replacement: VNodeChild, props?: RenderProps): string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-  [key: string]: any;
-}> | import("vue").VNodeArrayChildren | null;
-declare function cloneElement(element: VNodeChild, props?: RenderProps): string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-  [key: string]: any;
-}> | import("vue").VNodeArrayChildren | null;
+declare function replaceElement(element: VNodeChild, replacement: VNodeChild, props?: RenderProps): VNodeChild;
+declare function cloneElement(element: VNodeChild, props?: RenderProps): VNodeChild;
 declare function getVNode(node: VueNode): VNodeChild;
 declare function checkRenderNode(node: any): any;
 declare function getTextByNode(node: any): any;

package/dist/_util/wave/index.js

@@ -1,4 +1,5 @@
 import { useConfig } from "../../config-provider/context.js";
+import { useStyleToken } from "../../theme/util/genStyleUtils.js";
 import style_default from "./style.js";
 import useWave from "./useWave.js";
 import { cloneVNode, computed, defineComponent, isVNode, onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
@@ -26,9 +27,10 @@ var wave_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const configCtx = useConfig();
 	const containerRef = shallowRef(null);
 	const prefixCls = computed(() => configCtx.value.getPrefixCls("wave"));
-	const hashId = style_default(prefixCls);
+	const tokenResult = useStyleToken();
+	const hashId = style_default(prefixCls, void 0, tokenResult);
 	const colorSource = computed(() => props.colorSource);
-	const showWave = useWave(containerRef, computed(() => classNames(prefixCls.value, hashId.value)), computed(() => props.component), colorSource);
+	const showWave = useWave(containerRef, computed(() => classNames(prefixCls.value, hashId.value)), computed(() => props.component), colorSource, tokenResult);
 	const handleEvent = (event) => {
 		const node = containerRef.value;
 		if (!node) return;

package/dist/_util/wave/style.d.ts

@@ -1,8 +1,12 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/_util/wave/style.d.ts
 interface ComponentToken {}
 interface WaveToken extends FullToken<'Wave'> {}
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => import("vue").Ref<string, string>;
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => import("vue").Ref<string, string>;
 //#endregion
 export { ComponentToken, WaveToken, _default as default };

package/dist/_util/wave/useWave.d.ts

@@ -1,7 +1,8 @@
+import { StyleTokenResult } from "../../theme/util/genStyleUtils.js";
 import { ShowWave, WaveComponent } from "./interface.js";
 import { WaveProps } from "./index.js";
 import { Ref } from "vue";
 //#region src/_util/wave/useWave.d.ts
-declare function useWave(nodeRef: Ref<HTMLElement | null | undefined>, className: string | Ref<string>, component?: WaveComponent | Ref<WaveComponent | undefined>, colorSource?: Ref<WaveProps['colorSource']>): ShowWave;
+declare function useWave(nodeRef: Ref<HTMLElement | null | undefined>, className: string | Ref<string>, component?: WaveComponent | Ref<WaveComponent | undefined>, colorSource?: Ref<WaveProps['colorSource']>, tokenResult?: StyleTokenResult): ShowWave;
 //#endregion
 export { useWave as default };

package/dist/_util/wave/useWave.js

@@ -1,13 +1,14 @@
 import { useConfig } from "../../config-provider/context.js";
-import useToken from "../../theme/useToken.js";
+import { useStyleToken } from "../../theme/util/genStyleUtils.js";
 import { TARGET_CLS } from "./interface.js";
 import showWaveEffect from "./WaveEffect.js";
 import { onBeforeUnmount, ref, unref } from "vue";
 import raf from "@v-c/util/dist/raf";
 //#region src/_util/wave/useWave.ts
-function useWave(nodeRef, className, component, colorSource) {
+function useWave(nodeRef, className, component, colorSource, tokenResult = useStyleToken()) {
 	const configCtx = useConfig();
-	const [, token, hashId] = useToken();
+	const token = tokenResult.realToken;
+	const hashId = tokenResult.hashId;
 	const showWave = (event) => {
 		const node = nodeRef.value;
 		if (!node) return;

package/dist/affix/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/affix/style/index.d.ts
 interface ComponentToken {
@@ -9,6 +13,6 @@ interface ComponentToken {
   zIndexPopup: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Affix'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/alert/Alert.d.ts

@@ -27,6 +27,10 @@ interface AlertSemanticType {
 }
 type AlertClassNamesType = SemanticType<AlertProps, AlertSemanticType['classes']>;
 type AlertStylesType = SemanticType<AlertProps, AlertSemanticType['styles']>;
+type AlertClosableType = boolean | (Exclude<ClosableType, boolean> & {
+  onClose?: (e?: MouseEvent) => void;
+  afterClose?: () => void;
+});
 type AlertVariant = 'filled' | 'outlined';
 interface AlertProps extends ComponentBaseProps, AlertEmitsProps {
   /** Type of Alert styles, options:`success`, `info`, `warning`, `error` */
@@ -38,7 +42,7 @@ interface AlertProps extends ComponentBaseProps, AlertEmitsProps {
    */
   variant?: AlertVariant;
   /** Whether Alert can be closed */
-  closable?: ClosableType;
+  closable?: AlertClosableType;
   /** Content of Alert */
   title?: VueNode;
   /**
@@ -84,4 +88,4 @@ interface AlertEmitsProps {
 }
 declare const Alert: import("vue").DefineSetupFnComponent<AlertProps, AlertEmits, SlotsType<AlertSlots>, AlertProps, import("vue").PublicProps>;
 //#endregion
-export { AlertClassNamesType, AlertEmits, AlertEmitsProps, AlertProps, AlertSemanticType, AlertSlots, AlertStylesType, AlertVariant, Alert as default };
+export { AlertClassNamesType, AlertClosableType, AlertEmits, AlertEmitsProps, AlertProps, AlertSemanticType, AlertSlots, AlertStylesType, AlertVariant, Alert as default };

package/dist/alert/Alert.js

@@ -1,12 +1,13 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass, pureAttrs, useMergeSemanticNoRef } from "../_util/hooks/useMergeSemantic.js";
-import { getSlotPropFn, getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
+import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import { isRenderable } from "../_util/is.js";
 import style_default from "./style/index.js";
 import { Transition, computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames, clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { CheckCircleFilled, CloseCircleFilled, CloseOutlined, ExclamationCircleFilled, InfoCircleFilled } from "@antdv-next/icons";
+import pickAttrs from "@v-c/util/dist/pickAttrs";
 //#region src/alert/Alert.tsx
 const alertDefaultProps = { showIcon: void 0 };
 const IconNode = /* @__PURE__ */ defineComponent((props, { attrs }) => {
@@ -25,135 +26,132 @@ const IconNode = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			warning: warningIcon ?? createVNode(ExclamationCircleFilled, null, null)
 		};
 		return createVNode("span", {
-			"class": clsx(`${props.prefixCls}-icon`, className),
+			"class": className,
 			"style": style
 		}, [icon ?? iconMapFilled[type]]);
 	};
-}, { props: {
-	type: {
-		type: String,
-		required: true
-	},
-	icon: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: false,
-		default: void 0
-	},
-	prefixCls: {
-		type: String,
-		required: true
-	},
-	description: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: true
-	},
-	successIcon: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: false,
-		default: void 0
-	},
-	infoIcon: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: false,
-		default: void 0
-	},
-	warningIcon: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: false,
-		default: void 0
+}, {
+	props: {
+		type: {
+			type: String,
+			required: true
+		},
+		icon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		successIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		infoIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		warningIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		errorIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		}
 	},
-	errorIcon: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: false,
-		default: void 0
-	}
-} });
+	inheritAttrs: false
+});
 const CloseIconNode = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	return () => {
-		const { isClosable, prefixCls, handleClose, ariaProps } = props;
+		const { isClosable, disabled, prefixCls, handleClose, ariaProps } = props;
 		const { className, style } = getAttrStyleAndClass(attrs);
-		const closeIcon = getSlotPropsFnRun(slots, props, "closeIcon");
-		const mergedCloseIcon = !closeIcon ? createVNode(CloseOutlined, null, null) : closeIcon;
+		const closeIcon = getSlotPropsFnRun(slots, props, "closeIcon", false);
+		const mergedCloseIcon = closeIcon === true || closeIcon === void 0 ? createVNode(CloseOutlined, null, null) : closeIcon;
 		return isClosable ? createVNode("button", mergeProps({
 			"type": "button",
+			"disabled": disabled,
 			"onClick": handleClose,
 			"class": clsx(`${prefixCls}-close-icon`, className),
-			"tabindex": 0,
 			"style": style
 		}, ariaProps), [mergedCloseIcon]) : null;
 	};
-}, { props: {
-	isClosable: {
-		type: Boolean,
-		required: true
-	},
-	prefixCls: {
-		type: String,
-		required: true
-	},
-	closeIcon: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: true
-	},
-	handleClose: {
-		type: Function,
-		required: true
+}, {
+	props: {
+		isClosable: {
+			type: Boolean,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		closeIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		handleClose: {
+			type: Function,
+			required: true
+		},
+		ariaProps: {
+			type: Object,
+			required: true
+		}
 	},
-	ariaProps: {
-		type: Object,
-		required: true
-	}
-} });
-const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
+	inheritAttrs: false
+});
+const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs, expose }) => {
 	const { closable: contextClosable, closeIcon: contextCloseIcon, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, direction, prefixCls, successIcon, errorIcon, infoIcon, warningIcon, variant: contextVariant } = useComponentBaseConfig("alert", props, [
 		"closable",
 		"closeIcon",
@@ -166,10 +164,13 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
 	const closed = shallowRef(false);
 	const internalRef = shallowRef();
+	expose({ nativeElement: internalRef });
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const handleClose = (e) => {
 		closed.value = true;
-		emit("close", e);
+		const closable = props.closable;
+		if (typeof closable === "object" && closable?.onClose) closable.onClose(e);
+		else emit("close", e);
 	};
 	const type = computed(() => {
 		if (props.type) return props.type;
@@ -222,19 +223,19 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			[`${prefixCls.value}-rtl`]: direction.value === "rtl"
 		}, contextClassName.value, className, rootClass, mergedClassNames.root, cssVarCls.value, hashId.value);
 		const mergedCloseIconFn = () => {
-			if (typeof closable === "object" && closable.closeIcon) return closable.closeIcon;
-			const closeIcon = getSlotPropFn(slots, props, "closeIcon");
-			if (closeIcon) return closeIcon;
-			if (typeof contextClosable.value === "object" && contextClosable.value) return contextClosable.value;
+			if (typeof closable === "object" && closable?.closeIcon) return closable.closeIcon;
+			const closeIcon = getSlotPropsFnRun(slots, props, "closeIcon", false);
+			if (closeIcon !== void 0) return closeIcon;
+			if (typeof contextClosable.value === "object" && contextClosable.value?.closeIcon) return contextClosable.value.closeIcon;
 			return contextCloseIcon.value;
 		};
 		const mergedCloseIcon = mergedCloseIconFn();
 		const mergedAriaPropsFn = () => {
 			const merged = closable ?? contextClosable.value;
-			if (typeof merged === "object") {
-				const { closeIcon: _, ...ariaProps } = merged;
-				return ariaProps;
-			}
+			if (typeof merged === "object" && merged) return pickAttrs(merged, {
+				aria: true,
+				data: true
+			});
 			return {};
 		};
 		const mergedAriaProps = mergedAriaPropsFn();
@@ -245,7 +246,10 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			"leaveActiveClass": `${prefixCls.value}-motion-leave ${prefixCls.value}-motion-leave-active`,
 			"leaveToClass": `${prefixCls.value}-motion-leave ${prefixCls.value}-motion-leave-active`,
 			"onBeforeLeave": handleBeforeLeave,
-			"onAfterLeave": () => props?.afterClose?.()
+			"onAfterLeave": () => {
+				if (typeof closable === "object" && closable?.afterClose) closable.afterClose();
+				else props?.afterClose?.();
+			}
 		}, { default: () => [!closed.value ? createVNode("div", mergeProps({
 			"id": props.id,
 			"ref": internalRef,
@@ -255,11 +259,9 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			"style": [mergedStyles.root, style]
 		}, pureAttrs(attrs)), [
 			isShowIcon ? createVNode(IconNode, {
-				"class": mergedClassNames.icon,
+				"class": clsx(`${prefixCls.value}-icon`, mergedClassNames.icon),
 				"style": mergedStyles.icon,
-				"description": description,
 				"icon": icon,
-				"prefixCls": prefixCls.value,
 				"type": type.value,
 				"successIcon": successIcon.value,
 				"infoIcon": infoIcon.value,
@@ -284,6 +286,7 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 				"class": mergedClassNames.close,
 				"style": mergedStyles.close,
 				"isClosable": isClosable,
+				"disabled": typeof closable === "object" ? closable?.disabled : void 0,
 				"prefixCls": prefixCls.value,
 				"ariaProps": mergedAriaProps,
 				"handleClose": handleClose,

package/dist/alert/style/index.d.ts

@@ -1,3 +1,6 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
@@ -31,6 +34,6 @@ declare const genBaseStyle: GenerateStyle<AlertToken, CSSObject>;
 declare const genTypeStyle: GenerateStyle<AlertToken, CSSObject>;
 declare const genActionStyle: GenerateStyle<AlertToken, CSSObject>;
 declare const prepareComponentToken: GetDefaultToken<'Alert'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, genActionStyle, genBaseStyle, genTypeStyle, prepareComponentToken };