antdv-next 1.5.6 → 1.7.0

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,21 +246,25 @@ 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,
 			"data-show": !closed.value,
 			"role": props.role || "alert",
 			"class": alertCls,
-			"style": [mergedStyles.root, style]
+			"style": [mergedStyles.root, style],
+			"onMouseenter": (e) => emit("mouseenter", e),
+			"onMouseleave": (e) => emit("mouseleave", e),
+			"onClick": (e) => emit("click", e)
 		}, 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 +289,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";
@@ -6,10 +9,10 @@ import { CSSObject } from "@antdv-next/cssinjs";
 //#region src/alert/style/index.d.ts
 interface ComponentToken {
   /**
-   * @desc 组件圆角
-   * @descEN Border radius of alert
+   * @desc 容器圆角
+   * @descEN Border radius of the container
    */
-  borderRadius: CSSProperties['borderRadius'];
+  containerBorderRadius: CSSProperties['borderRadius'];
   /**
    * @desc 默认内间距
    * @descEN Default padding
@@ -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 };

package/dist/alert/style/index.js

@@ -10,7 +10,7 @@ function genAlertTypeStyle(bgColor, borderColor, iconColor, token, alertCls) {
 	};
 }
 const genBaseStyle = (token) => {
-	const { componentCls, motionDurationSlow: duration, marginXS, marginSM, fontSize, fontSizeLG, lineHeight, motionEaseInOutCirc, borderRadius, withDescriptionIconSize, colorText, colorTextHeading, withDescriptionPadding, defaultPadding } = token;
+	const { componentCls, motionDurationSlow: duration, marginXS, marginSM, fontSize, fontSizeLG, lineHeight, motionEaseInOutCirc, containerBorderRadius, withDescriptionIconSize, colorText, colorTextHeading, withDescriptionPadding, defaultPadding } = token;
 	return { [componentCls]: {
 		...resetComponent(token),
 		position: "relative",
@@ -18,7 +18,7 @@ const genBaseStyle = (token) => {
 		alignItems: "center",
 		padding: defaultPadding,
 		wordWrap: "break-word",
-		borderRadius,
+		borderRadius: containerBorderRadius,
 		[`&${componentCls}-rtl`]: { direction: "rtl" },
 		[`${componentCls}-section`]: {
 			flex: 1,
@@ -94,7 +94,7 @@ const genTypeStyle = (token) => {
 	} };
 };
 const genActionStyle = (token) => {
-	const { componentCls, iconCls, motionDurationMid, marginXS, fontSizeIcon, colorIcon, colorIconHover } = token;
+	const { componentCls, iconCls, motionDurationMid, marginXS, fontSizeIcon, colorIcon, colorIconHover, colorTextDisabled } = token;
 	return { [componentCls]: {
 		[`${componentCls}-actions`]: { marginInlineStart: marginXS },
 		[`${componentCls}-close-icon`]: {
@@ -111,18 +111,21 @@ const genActionStyle = (token) => {
 				color: colorIcon,
 				transition: `color ${motionDurationMid}`,
 				"&:hover": { color: colorIconHover }
+			},
+			"&:disabled": {
+				cursor: "not-allowed",
+				color: colorTextDisabled,
+				[`${iconCls}-close`]: {
+					color: "inherit",
+					pointerEvents: "none"
+				}
 			}
-		},
-		"&-close-text": {
-			color: colorIcon,
-			transition: `color ${motionDurationMid}`,
-			"&:hover": { color: colorIconHover }
 		}
 	} };
 };
 const prepareComponentToken = (token) => {
 	return {
-		borderRadius: token.borderRadiusLG,
+		containerBorderRadius: token.borderRadiusLG,
 		withDescriptionIconSize: token.fontSizeHeading3,
 		defaultPadding: `${token.paddingContentVerticalSM}px 12px`,
 		withDescriptionPadding: `${token.paddingMD}px ${token.paddingContentHorizontalLG}px`

package/dist/anchor/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/anchor/style/index.d.ts
 interface ComponentToken {
@@ -14,6 +18,6 @@ interface ComponentToken {
   linkPaddingInlineStart: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Anchor'>;
-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 };