antdv-next 1.6.0 → 1.7.0

package/dist/_util/ContextIsolator.js

@@ -1,3 +1,4 @@
+import { NoFormStyle } from "../form/context.js";
 import { NoCompactStyle } from "../space/Compact.js";
 import { createVNode, defineComponent, isVNode } from "vue";
 import { filterEmpty } from "@v-c/util/dist/props-util";
@@ -11,12 +12,20 @@ const ContextIsolator = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		const children = filterEmpty(slots?.default?.());
 		if (children.length === 0) return null;
 		let result = children;
-		if (form) {}
-		if (space) {
+		if (form) {
 			const _result = function() {
 				return result;
 			}();
-			result = createVNode(NoCompactStyle, null, _isSlot(result) ? result : { default: () => [_result] });
+			result = createVNode(NoFormStyle, {
+				"override": true,
+				"status": true
+			}, _isSlot(result) ? result : { default: () => [_result] });
+		}
+		if (space) {
+			const _result2 = function() {
+				return result;
+			}();
+			result = createVNode(NoCompactStyle, null, _isSlot(result) ? result : { default: () => [_result2] });
 		}
 		return result;
 	};

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

@@ -1,19 +1,35 @@
 //#region src/_util/hooks/useAllowClear.d.ts
-interface AllowClearObject {
+interface AllowClearConfig {
+  /** Custom clear icon */
   clearIcon?: any;
+  /** Disable the clear button */
   disabled?: boolean;
+  /** Tab order of the clear button. `-1` excludes it from Tab navigation */
+  tabIndex?: number;
+  /** Accessible name of the clear button */
+  label?: string;
 }
-type AllowClear = boolean | AllowClearObject;
+type AllowClear = boolean | AllowClearConfig;
 /** The hook never returns plain `true`: a truthy allowClear is normalized to the object form. */
-type MergedAllowClear = AllowClearObject | false;
+type MergedAllowClear = AllowClearConfig | false;
 interface UseAllowClearOptions {
   allowClear?: AllowClear;
   clearIcon?: any;
   contextAllowClear?: AllowClear;
   contextClearIcon?: any;
   defaultAllowClear?: boolean;
+  defaultLabel?: string;
 }
-/** Merge component- and ConfigProvider-level `allowClear` / `clearIcon` (priority: props → context → `defaultAllowClear`). */
-declare function useAllowClear({ allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear }: UseAllowClearOptions): MergedAllowClear;
+/**
+ * Getter for the localized clear button label (`locale.global.clear`).
+ * Reads the locale context lazily so callers can use it inside their own `computed` without extra reactive objects.
+ */
+declare function useAllowClearLabel(): () => string | undefined;
+/**
+ * Merge component- and ConfigProvider-level `allowClear` / `clearIcon`.
+ * Each field is resolved on its own (priority: props → context → default), so `allowClear: true`
+ * inherits the global config while `disabled: false` / `tabIndex: 0` / `label: ''` still override it.
+ */
+declare function useAllowClear({ allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear, defaultLabel }: UseAllowClearOptions): MergedAllowClear;
 //#endregion
-export { AllowClear, AllowClearObject, MergedAllowClear, UseAllowClearOptions, useAllowClear as default };
+export { AllowClear, AllowClearConfig, MergedAllowClear, UseAllowClearOptions, useAllowClear as default, useAllowClearLabel };

package/dist/_util/hooks/useAllowClear.js

@@ -1,16 +1,34 @@
-import { isPlainObject } from "../is.js";
+import { useLocaleContext } from "../../locale/index.js";
 import fallbackProp from "../fallbackProp.js";
+import { isPlainObject } from "../is.js";
+import localeValues from "../../locale/en_US.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 }) {
+/**
+* Getter for the localized clear button label (`locale.global.clear`).
+* Reads the locale context lazily so callers can use it inside their own `computed` without extra reactive objects.
+*/
+function useAllowClearLabel() {
+	const { locale } = useLocaleContext();
+	return () => locale.value?.global?.clear ?? localeValues.global?.clear;
+}
+/**
+* Merge component- and ConfigProvider-level `allowClear` / `clearIcon`.
+* Each field is resolved on its own (priority: props → context → default), so `allowClear: true`
+* inherits the global config while `disabled: false` / `tabIndex: 0` / `label: ''` still override it.
+*/
+function useAllowClear({ allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear, defaultLabel }) {
 	if (!(allowClear ?? contextAllowClear ?? defaultAllowClear)) return false;
+	const config = isPlainObject(allowClear) ? allowClear : void 0;
+	const contextConfig = isPlainObject(contextAllowClear) ? contextAllowClear : void 0;
 	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)
+		clearIcon: fallbackProp(config?.clearIcon, clearIcon, contextConfig?.clearIcon, contextClearIcon, createVNode(CloseCircleFilled, null, null)),
+		disabled: config?.disabled ?? contextConfig?.disabled,
+		tabIndex: config?.tabIndex ?? contextConfig?.tabIndex,
+		label: config?.label ?? contextConfig?.label ?? defaultLabel
 	};
 }
 //#endregion
-export { useAllowClear as default };
+export { useAllowClear as default, useAllowClearLabel };

package/dist/_util/hooks/useClosable.js

@@ -1,9 +1,9 @@
 import { getSlotPropsFnRun } from "../tools.js";
-import isNonNullable from "../isNonNullable.js";
 import localeValues from "../../locale/en_US.js";
 import useLocale from "../../locale/useLocale.js";
 import { getVNode } from "../vueNode.js";
 import mergeProps$1 from "../extendsObject.js";
+import isNonNullable from "../isNonNullable.js";
 import { computed, createVNode, isVNode, mergeProps, ref, unref } from "vue";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { CloseOutlined } from "@antdv-next/icons";

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" | "error" | "warning" | "validating" | undefined;
+declare function getMergedStatus(contextStatus?: ValidateStatus, customStatus?: InputStatus): "" | "error" | "success" | "warning" | "validating" | undefined;
 //#endregion
 export { InputStatus, getMergedStatus, getStatusClassNames };

package/dist/_util/tools.d.ts

@@ -3,6 +3,8 @@ import { classNames } from "@v-c/util";
 //#region src/_util/tools.d.ts
 declare function getSlotPropFn(slots: any, props: any, key: string): any;
 declare function getSlotPropsFnRun(slots: any, props: any, key: string, isNull?: boolean, params?: any): any;
+/** Resolve a slot/prop render prop: slot first, empty slot (undefined / []) falls back to prop; explicit null is kept; function props are invoked, never leaked. */
+declare function getSlotPropsFnRunWithFallback(slots: any, props: any, key: string, params?: any): any;
 declare function toPropsRefs<T extends Record<string, any>, K extends keyof T>(obj: T, ...args: K[]): { [key in K]-?: Ref<T[key]>; };
 /**
  * 返回一个「稳定引用」的事件转发器，调用时实时读取组件当前 vnode 上的监听器。
@@ -19,4 +21,4 @@ declare function toPropsRefs<T extends Record<string, any>, K extends keyof T>(o
 declare function useLiveListener<Args extends any[] = any[], R = any>(name: string): (...args: Args) => R | undefined;
 declare const clsx: typeof classNames;
 //#endregion
-export { clsx, getSlotPropFn, getSlotPropsFnRun, toPropsRefs, useLiveListener };
+export { clsx, getSlotPropFn, getSlotPropsFnRun, getSlotPropsFnRunWithFallback, toPropsRefs, useLiveListener };

package/dist/_util/tools.js

@@ -1,3 +1,4 @@
+import fallbackProp from "./fallbackProp.js";
 import { getCurrentInstance, toHandlerKey, toRef } from "vue";
 import { classNames } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
@@ -22,6 +23,10 @@ function getSlotPropsFnRun(slots, props, key, isNull = true, params) {
 	}
 	return fn;
 }
+/** Resolve a slot/prop render prop: slot first, empty slot (undefined / []) falls back to prop; explicit null is kept; function props are invoked, never leaked. */
+function getSlotPropsFnRunWithFallback(slots, props, key, params) {
+	return fallbackProp(getSlotPropsFnRun(slots, {}, key, false, params), getSlotPropsFnRun({}, props, key, false, params));
+}
 function toPropsRefs(obj, ...args) {
 	const _res = {};
 	args.forEach((key) => {
@@ -58,4 +63,4 @@ function useLiveListener(name) {
 }
 const clsx = classNames;
 //#endregion
-export { clsx, getSlotPropFn, getSlotPropsFnRun, toPropsRefs, useLiveListener };
+export { clsx, getSlotPropFn, getSlotPropsFnRun, getSlotPropsFnRunWithFallback, toPropsRefs, useLiveListener };

package/dist/_util/vueNode.d.ts

@@ -3,8 +3,12 @@ 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): VNodeChild;
-declare function cloneElement(element: VNodeChild, props?: RenderProps): VNodeChild;
+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 getVNode(node: VueNode): VNodeChild;
 declare function checkRenderNode(node: any): any;
 declare function getTextByNode(node: any): any;

package/dist/alert/Alert.js

@@ -256,7 +256,10 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs, expo
 			"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": clsx(`${prefixCls.value}-icon`, mergedClassNames.icon),

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

@@ -9,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

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,
@@ -125,7 +125,7 @@ const genActionStyle = (token) => {
 };
 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`