antdv-next 1.5.0 → 1.5.2

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

@@ -34,9 +34,11 @@ interface UseClosableParams {
   customCloseIconRender?: (closeIcon: VNodeChild) => VNodeChild;
   context?: ContextClosable;
 }
-declare function useClosable(propCloseCollection?: Ref<ClosableCollection>, contextCloseCollection?: Ref<ClosableCollection | null>, fallbackCloseCollection?: Ref<FallbackCloseCollection>): import("vue").ComputedRef<readonly [true, import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare function useClosable(propCloseCollection?: Ref<ClosableCollection>, contextCloseCollection?: Ref<ClosableCollection | null>, fallbackCloseCollection?: Ref<FallbackCloseCollection>): import("vue").ComputedRef<({} | null)[] | readonly [true, import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
-}>, boolean, Record<string, any>] | ({} | null)[] | undefined>;
+}>, boolean, {
+  readonly 'aria-label': any;
+}] | undefined>;
 declare function computeClosable(propCloseCollection?: Ref<ClosableCollection>, contextCloseCollection?: Ref<ClosableCollection | null>, fallbackCloseCollection?: Ref<FallbackCloseCollection>, closeLabel?: string): [closable: boolean, closeIcon: VueNode, closeBtnIsDisabled: boolean, ariaOrDataProps: AriaAttributes & DataAttributes];
 //#endregion
 export { BaseContextClosable, ClosableType, ContextClosable, UseClosableParams, computeClosable, useClosable as default, pickClosable };

package/dist/_util/hooks/useClosable.js

@@ -82,7 +82,10 @@ function useClosable(propCloseCollection, contextCloseCollection, fallbackCloseC
 				true,
 				mergedCloseIcon,
 				closeBtnIsDisabled.value,
-				ariaOrDataProps
+				{
+					"aria-label": contextLocale?.value?.close ?? localeValues.global?.close,
+					...ariaOrDataProps
+				}
 			];
 		}
 	});
@@ -105,11 +108,14 @@ function computeCloseIcon(mergedConfig, fallbackCloseCollection, closeLabel) {
 	if (isNonNullable(finalCloseIcon)) {
 		if (closeIconRender) finalCloseIcon = closeIconRender(finalCloseIcon);
 		finalCloseIcon = isVNode(finalCloseIcon) ? createVNode(finalCloseIcon, {
-			"aria-label": closeLabel,
+			"aria-label": finalCloseIcon.props?.["aria-label"] ?? closeLabel,
 			...ariaOrDataProps
 		}) : createVNode("span", mergeProps({ "aria-label": closeLabel }, ariaOrDataProps), [finalCloseIcon]);
 	}
-	return [finalCloseIcon, ariaOrDataProps];
+	return [finalCloseIcon, {
+		"aria-label": closeLabel,
+		...ariaOrDataProps
+	}];
 }
 function mergeClosableConfigs(propConfig, contextConfig, fallbackConfig) {
 	if (propConfig === false) return false;

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

@@ -48,11 +48,14 @@ declare function useToProps<T>(props: Ref<T>): import("vue").ComputedRef<{
  * semantic `{ root: style }` object so it can be merged into the `styles` list at a
  * defined priority instead of being applied directly on the root element (which would
  * clobber the semantic `styles.root`). Aligns root semantic style priority.
- * sync ant-design#58474
+ *
+ * `key` lets components whose legacy inline `style` targets a non-root semantic node
+ * (e.g. Drawer `section`, Upload `trigger`, Badge `indicator`) reuse the same wrapper.
+ * It accepts a ref for the cases where the target node depends on the current props
+ * (e.g. Badge switches between `root` and `indicator`).
+ * sync ant-design#58474 ant-design#58564
  */
-declare function useSemanticRootStyle<Style = CSSProperties>(style: Ref<Style | undefined>): import("vue").ComputedRef<{
-  root: NonNullable<Style>;
-} | undefined>;
+declare function useSemanticRootStyle<Style = CSSProperties, Key extends string = 'root'>(style: Ref<Style | undefined>, key?: Key | Ref<Key>): import("vue").ComputedRef<Partial<Record<Key, Style>> | undefined>;
 interface RemoveBaseAttributesOptions {
   class?: boolean;
   style?: boolean;

package/dist/_util/hooks/useMergeSemantic.js

@@ -97,10 +97,15 @@ function useToProps(props) {
 * semantic `{ root: style }` object so it can be merged into the `styles` list at a
 * defined priority instead of being applied directly on the root element (which would
 * clobber the semantic `styles.root`). Aligns root semantic style priority.
-* sync ant-design#58474
+*
+* `key` lets components whose legacy inline `style` targets a non-root semantic node
+* (e.g. Drawer `section`, Upload `trigger`, Badge `indicator`) reuse the same wrapper.
+* It accepts a ref for the cases where the target node depends on the current props
+* (e.g. Badge switches between `root` and `indicator`).
+* sync ant-design#58474 ant-design#58564
 */
-function useSemanticRootStyle(style) {
-	return computed(() => style.value ? { root: style.value } : void 0);
+function useSemanticRootStyle(style, key = "root") {
+	return computed(() => style.value ? { [unref(key)]: style.value } : void 0);
 }
 const defaultOptions = {
 	class: true,

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): "" | "error" | "success" | "warning" | "validating" | undefined;
+declare function getMergedStatus(contextStatus?: ValidateStatus, customStatus?: InputStatus): "" | "warning" | "error" | "success" | "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/alert/style/index.d.ts

@@ -5,6 +5,11 @@ import { CSSProperties } from "vue";
 import { CSSObject } from "@antdv-next/cssinjs";
 //#region src/alert/style/index.d.ts
 interface ComponentToken {
+  /**
+   * @desc 组件圆角
+   * @descEN Border radius of alert
+   */
+  borderRadius: CSSProperties['borderRadius'];
   /**
    * @desc 默认内间距
    * @descEN Default padding

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, borderRadiusLG: borderRadius, motionEaseInOutCirc, withDescriptionIconSize, colorText, colorTextHeading, withDescriptionPadding, defaultPadding } = token;
+	const { componentCls, motionDurationSlow: duration, marginXS, marginSM, fontSize, fontSizeLG, lineHeight, motionEaseInOutCirc, borderRadius, withDescriptionIconSize, colorText, colorTextHeading, withDescriptionPadding, defaultPadding } = token;
 	return { [componentCls]: {
 		...resetComponent(token),
 		position: "relative",
@@ -122,6 +122,7 @@ const genActionStyle = (token) => {
 };
 const prepareComponentToken = (token) => {
 	return {
+		borderRadius: token.borderRadiusLG,
 		withDescriptionIconSize: token.fontSizeHeading3,
 		defaultPadding: `${token.paddingContentVerticalSM}px 12px`,
 		withDescriptionPadding: `${token.paddingMD}px ${token.paddingContentHorizontalLG}px`

package/dist/anchor/Anchor.js

@@ -44,6 +44,7 @@ const Anchor = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 			_activeLink.value = val;
 		}
 	});
+	const rawActiveLink = shallowRef(activeLink.value);
 	const wrapperRef = shallowRef();
 	const spanLinkNode = shallowRef();
 	const animating = shallowRef(false);
@@ -92,12 +93,16 @@ const Anchor = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		if (linkSections.length) return linkSections.reduce((prev, curr) => curr.top > prev.top ? curr : prev).link;
 		return "";
 	};
-	const setCurrentActiveLink = (link) => {
-		if (activeLinkRef.value === link) return;
+	const setCurrentActiveLink = (link, forceTriggerChange = false) => {
+		rawActiveLink.value = link;
 		const getCurrentAnchor = props.getCurrentAnchor;
 		const newLink = typeof getCurrentAnchor === "function" ? getCurrentAnchor(link) : link;
-		activeLink.value = newLink;
-		activeLinkRef.value = newLink;
+		const isSameLink = activeLinkRef.value === newLink;
+		if (isSameLink && !forceTriggerChange) return;
+		if (!isSameLink) {
+			activeLink.value = newLink;
+			activeLinkRef.value = newLink;
+		}
 		emit("change", link);
 	};
 	const handleScroll = () => {
@@ -107,7 +112,8 @@ const Anchor = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 	};
 	const handleScrollTo = (link, linkTargetOffset) => {
 		const { offsetTop, targetOffset } = props;
-		setCurrentActiveLink(link);
+		const previousRawActiveLink = rawActiveLink.value;
+		setCurrentActiveLink(link, previousRawActiveLink !== link);
 		const sharpLinkMatch = sharpMatcherRegex.exec(link);
 		if (!sharpLinkMatch) return;
 		const targetElement = document.getElementById(sharpLinkMatch[1]);
@@ -154,7 +160,7 @@ const Anchor = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		});
 	}, { immediate: true });
 	watchEffect(() => {
-		if (typeof props.getCurrentAnchor === "function") setCurrentActiveLink(props?.getCurrentAnchor(activeLinkRef.value || ""));
+		if (typeof props.getCurrentAnchor === "function") setCurrentActiveLink(rawActiveLink.value || "");
 	});
 	watch([
 		() => props.direction,