antdv-next 1.5.0 → 1.5.1

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): "" | "success" | "error" | "warning" | "validating" | undefined;
 //#endregion
 export { InputStatus, getMergedStatus, getStatusClassNames };

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`