antdv-next 1.5.6 → 1.7.0

package/dist/descriptions/style/index.js

@@ -5,11 +5,12 @@ import { unit } from "@antdv-next/cssinjs";
 //#region src/descriptions/style/index.ts
 const genBorderedStyle = (token) => {
 	const { componentCls, labelBg } = token;
+	const rowSelector = `> ${componentCls}-view > table > tbody > ${componentCls}-row`;
 	return { [`&${componentCls}-bordered`]: {
 		[`> ${componentCls}-view`]: {
 			border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
 			"> table": { tableLayout: "auto" },
-			[`${componentCls}-row`]: {
+			[`> table > tbody > ${componentCls}-row`]: {
 				borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
 				"&:first-child": { "> th:first-child, > td:first-child": { borderStartStartRadius: token.borderRadiusLG } },
 				"&:last-child": {
@@ -28,12 +29,13 @@ const genBorderedStyle = (token) => {
 				}
 			}
 		},
-		[`&${componentCls}-medium`]: { [`${componentCls}-row`]: { [`> ${componentCls}-item-label, > ${componentCls}-item-content`]: { padding: `${unit(token.paddingSM)} ${unit(token.paddingLG)}` } } },
-		[`&${componentCls}-small`]: { [`${componentCls}-row`]: { [`> ${componentCls}-item-label, > ${componentCls}-item-content`]: { padding: `${unit(token.paddingXS)} ${unit(token.padding)}` } } }
+		[`&${componentCls}-medium`]: { [rowSelector]: { [`> ${componentCls}-item-label, > ${componentCls}-item-content`]: { padding: `${unit(token.paddingSM)} ${unit(token.paddingLG)}` } } },
+		[`&${componentCls}-small`]: { [rowSelector]: { [`> ${componentCls}-item-label, > ${componentCls}-item-content`]: { padding: `${unit(token.paddingXS)} ${unit(token.padding)}` } } }
 	} };
 };
 const genDescriptionStyles = (token) => {
 	const { componentCls, extraColor, itemPaddingBottom, itemPaddingEnd, colonMarginRight, colonMarginLeft, titleMarginBottom } = token;
+	const rowSelector = `> ${componentCls}-view > table > tbody > ${componentCls}-row`;
 	return { [componentCls]: {
 		...resetComponent(token),
 		...genBorderedStyle(token),
@@ -65,7 +67,7 @@ const genDescriptionStyles = (token) => {
 				borderCollapse: "collapse"
 			}
 		},
-		[`${componentCls}-row`]: {
+		[rowSelector]: {
 			"> th, > td": {
 				paddingBottom: itemPaddingBottom,
 				paddingInlineEnd: itemPaddingEnd
@@ -78,7 +80,7 @@ const genDescriptionStyles = (token) => {
 		},
 		[`${componentCls}-item-label`]: {
 			color: token.labelColor,
-			fontWeight: "normal",
+			fontWeight: 400,
 			fontSize: token.fontSize,
 			lineHeight: token.lineHeight,
 			textAlign: "start",
@@ -90,10 +92,6 @@ const genDescriptionStyles = (token) => {
 			},
 			[`&${componentCls}-item-no-colon::after`]: { content: "\"\"" }
 		},
-		[`${componentCls}-item-no-label`]: { "&::after": {
-			margin: 0,
-			content: "\"\""
-		} },
 		[`${componentCls}-item-content`]: {
 			display: "table-cell",
 			flex: 1,
@@ -108,19 +106,19 @@ const genDescriptionStyles = (token) => {
 			verticalAlign: "top",
 			"&-container": {
 				display: "flex",
-				[`${componentCls}-item-label`]: {
+				[`> ${componentCls}-item-label`]: {
 					display: "inline-flex",
 					alignItems: "baseline"
 				},
-				[`${componentCls}-item-content`]: {
+				[`> ${componentCls}-item-content`]: {
 					display: "inline-flex",
 					alignItems: "baseline",
 					minWidth: "1em"
 				}
 			}
 		},
-		"&-medium": { [`${componentCls}-row`]: { "> th, > td": { paddingBottom: token.paddingSM } } },
-		"&-small": { [`${componentCls}-row`]: { "> th, > td": { paddingBottom: token.paddingXS } } }
+		"&-medium": { [rowSelector]: { "> th, > td": { paddingBottom: token.paddingSM } } },
+		"&-small": { [rowSelector]: { "> th, > td": { paddingBottom: token.paddingXS } } }
 	} };
 };
 const prepareComponentToken = (token) => ({

package/dist/divider/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";
 import { CSSProperties } from "vue";
 //#region src/divider/style/index.d.ts
@@ -21,6 +25,6 @@ interface ComponentToken {
   verticalMarginInline: CSSProperties['marginInline'];
 }
 declare const prepareComponentToken: GetDefaultToken<'Divider'>;
-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/divider/style/index.js

@@ -95,7 +95,7 @@ const genSharedDividerStyle = (token) => {
 		},
 		[`&-plain${componentCls}-with-text`]: {
 			color: token.colorText,
-			fontWeight: "normal",
+			fontWeight: 400,
 			fontSize: token.fontSize
 		},
 		[`&-horizontal${componentCls}-with-text-start${componentCls}-no-default-orientation-margin-start`]: {

package/dist/drawer/DrawerPanel.js

@@ -67,21 +67,21 @@ const DrawerPanel = /* @__PURE__ */ defineComponent((props, { slots }) => {
 					...headerStyle
 				},
 				"class": clsx(`${prefixCls}-header`, mergedClassNames.value.header, { [`${prefixCls}-header-close-only`]: mergedClosable && !hasTitle && !hasExtra })
-			}, [createVNode("div", { "class": `${prefixCls}-header-title` }, [
-				closablePlacement.value === "start" && mergedCloseButton,
-				hasTitle && createVNode("div", {
+			}, [
+				createVNode("div", { "class": `${prefixCls}-header-title` }, [closablePlacement.value === "start" && mergedCloseButton, hasTitle && createVNode("div", {
 					"class": clsx(`${prefixCls}-title`, mergedClassNames.value.title),
 					"style": mergedStyles.value.title,
 					"id": ariaId
-				}, [title]),
+				}, [title])]),
 				hasExtra && createVNode("div", {
 					"class": clsx(`${prefixCls}-extra`, mergedClassNames.value.extra),
 					"style": mergedStyles.value.extra
-				}, [extra])
-			]), closablePlacement.value === "end" && mergedCloseButton]);
+				}, [extra]),
+				closablePlacement.value === "end" && mergedCloseButton
+			]);
 		};
 		const renderFooter = () => {
-			if (!footer) return null;
+			if (!isRenderable(footer)) return null;
 			return createVNode("div", {
 				"class": clsx(`${prefixCls}-footer`, mergedClassNames.value.footer),
 				"style": [mergedStyles.value.footer, footerStyle]

package/dist/drawer/index.d.ts

@@ -31,7 +31,6 @@ interface DrawerProps extends Omit<DrawerProps$1, 'maskStyle' | 'destroyOnHidden
 }
 interface DrawerEmits {
   'update:open': (open: boolean) => void;
-  'afterOpenChange': (open: boolean) => void;
   'close': (e: MouseEvent | KeyboardEvent) => void;
   'keydown': (e: KeyboardEvent) => void;
   'keyup': (e: KeyboardEvent) => void;
@@ -42,7 +41,6 @@ interface DrawerEmits {
 }
 interface DrawerEmitsProps {
   'onUpdate:open'?: DrawerEmits['update:open'];
-  onAfterOpenChange?: DrawerEmits['afterOpenChange'];
   onClose?: DrawerEmits['close'];
   onKeydown?: DrawerEmits['keydown'];
   onKeyup?: DrawerEmits['keyup'];

package/dist/drawer/index.js

@@ -406,7 +406,6 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 	}),
 	emits: [
 		"update:open",
-		"afterOpenChange",
 		"close",
 		"keydown",
 		"keyup",

package/dist/drawer/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 { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/drawer/style/index.d.ts
 interface ComponentToken {
@@ -25,6 +29,6 @@ interface ComponentToken {
 }
 interface DrawerToken extends FullToken<'Drawer'> {}
 declare const prepareComponentToken: GetDefaultToken<'Drawer'>;
-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, DrawerToken, _default as default, prepareComponentToken };

package/dist/dropdown/dropdown.d.ts

@@ -16,6 +16,7 @@ interface DropdownArrowOptions {
 type DropdownSemanticName = keyof DropdownSemanticClassNames & keyof DropdownSemanticStyles;
 interface DropdownSemanticClassNames {
   root?: string;
+  menu?: string;
   item?: string;
   itemTitle?: string;
   itemIcon?: string;
@@ -23,6 +24,7 @@ interface DropdownSemanticClassNames {
 }
 interface DropdownSemanticStyles {
   root?: CSSProperties;
+  menu?: CSSProperties;
   item?: CSSProperties;
   itemTitle?: CSSProperties;
   itemIcon?: CSSProperties;

package/dist/dropdown/dropdown.js

@@ -86,7 +86,8 @@ const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 	});
 	return () => {
 		const children = filterEmpty(slots?.default?.());
-		const child = children.length === 1 ? isVNode(children[0]) ? children[0] : createVNode("span", null, [children]) : createVNode("span", null, [children]);
+		const firstChild = children[0];
+		const child = children.length === 1 && isVNode(firstChild) && typeof firstChild.type !== "symbol" ? firstChild : createVNode("span", null, [children]);
 		const { menu, popupRender, mouseEnterDelay, mouseLeaveDelay, arrow, getPopupContainer, rootClass, destroyOnHidden } = props;
 		const mergedPopupRender = slots?.popupRender ?? popupRender;
 		const popupTrigger = createVNode(child, {
@@ -94,8 +95,13 @@ const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 			disabled: child?.props?.disabled ?? props?.disabled
 		});
 		const renderOverlay = () => {
-			const menuClassNames = omit(mergedClassNames.value, ["root"]);
-			const menuStyles = omit(mergedStyles.value, ["root"]);
+			const menuClassNames = omit(mergedClassNames.value, ["root", "menu"]);
+			const menuStyles = omit(mergedStyles.value, ["root", "menu"]);
+			const menuRootClassName = clsx(menu?.classes?.root, mergedClassNames.value.menu) || void 0;
+			const menuRootStyle = mergedStyles.value.menu ? {
+				...menu?.styles?.root,
+				...mergedStyles.value.menu
+			} : menu?.styles?.root;
 			let overlayNode;
 			if (menu?.items) overlayNode = createVNode(Menu, mergeProps(omit(menu, [
 				"classes",
@@ -108,11 +114,13 @@ const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 				"rootClass": clsx(menu?.rootClass),
 				"classes": {
 					...menu?.classes,
+					root: menuRootClassName,
 					...menuClassNames,
 					subMenu: { ...menuClassNames }
 				},
 				"styles": {
 					...menu?.styles,
+					root: menuRootStyle,
 					...menuStyles,
 					subMenu: { ...menuStyles }
 				}

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

@@ -1,6 +1,10 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { ArrowToken } from "../../style/roundedArrow.js";
 import { ArrowOffsetToken } from "../../style/placementArrow.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 import { CSSProperties } from "vue";
 //#region src/dropdown/style/index.d.ts
@@ -38,6 +42,6 @@ interface DropdownToken extends FullToken<'Dropdown'> {
   menuCls: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Dropdown'>;
-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, DropdownToken, _default as default, prepareComponentToken };

package/dist/dropdown/style/index.js

@@ -157,7 +157,7 @@ const genBaseStyle = (token) => {
 						margin: 0,
 						padding: `${unit(paddingBlock)} ${unit(controlPaddingHorizontal)}`,
 						color: token.colorText,
-						fontWeight: "normal",
+						fontWeight: 400,
 						fontSize,
 						lineHeight: token.lineHeight,
 						cursor: "pointer",

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

@@ -1,6 +1,10 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/empty/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
 interface ComponentToken {}
-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 };

package/dist/flex/index.js

@@ -23,7 +23,7 @@ const Flex = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			[`${prefixCls.value}-gap-${gap}`]: isPresetSize(gap),
 			[`${prefixCls.value}-vertical`]: mergedVertical
 		});
-		const mergedStyle = {};
+		const mergedStyle = { ...ctxFlex?.style };
 		if (flex) mergedStyle.flex = flex;
 		if (gap && !isPresetSize(gap)) mergedStyle.gap = /\d/.test(`${gap}`) ? `${gap}px` : gap;
 		return createVNode(component, {

package/dist/flex/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 { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/flex/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -27,6 +31,6 @@ interface FlexToken extends FullToken<'Flex'> {
   flexGapLG: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Flex'>;
-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, FlexToken, _default as default, prepareComponentToken };

package/dist/float-button/FloatButtonGroup.js

@@ -62,9 +62,9 @@ const FloatButtonGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 	const mergedDisabled = computed(() => props.disabled ?? disabledContext.value);
 	const triggerOpen = (nextOpen) => {
 		if (mergedDisabled.value) return;
+		if (open.value === nextOpen) return;
 		emit("update:open", nextOpen);
 		if (props.open !== void 0) return;
-		if (open.value === nextOpen) return;
 		open.value = nextOpen;
 		emit("openChange", nextOpen);
 	};

package/dist/float-button/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 { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/float-button/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -30,6 +34,6 @@ type FloatButtonToken = FullToken<'FloatButton'> & {
   floatButtonInsetInlineEnd: number;
 };
 declare const prepareComponentToken: GetDefaultToken<'FloatButton'>;
-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, FloatButtonToken, _default as default, prepareComponentToken };

package/dist/form/ErrorList.js

@@ -1,9 +1,9 @@
+import { useFormItemPrefixContext } from "./context.js";
 import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import initCollapseMotion from "../_util/motion.js";
 import isNonNullable from "../_util/isNonNullable.js";
-import { useFormItemPrefixContext } from "./context.js";
 import style_default from "./style/index.js";
 import { Transition, TransitionGroup, computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";

package/dist/form/Form.js

@@ -1,4 +1,5 @@
 import warning from "../_util/warning.js";
+import { NoFormStyle, useFormContextProvider, useVariantContextProvider } from "./context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSizeProvider } from "../config-provider/SizeContext.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
@@ -7,7 +8,6 @@ import { toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext, useDisabledContextProvider } from "../config-provider/DisabledContext.js";
 import useLocale from "../locale/useLocale.js";
-import { NoFormStyle, useFormContextProvider, useVariantContextProvider } from "./context.js";
 import { getFieldId, toArray, toNamePathStr } from "./util.js";
 import { FormHookRegistryKey, FormInstanceContextKey } from "./hooks/useForm.js";
 import style_default from "./style/index.js";

package/dist/form/FormItem/ItemHolder.js

@@ -1,6 +1,6 @@
+import { NoStyleItemContextProvider, useFormContext } from "../context.js";
 import { getAttrStyleAndClass } from "../../_util/hooks/useMergeSemantic.js";
 import isNonNullable from "../../_util/isNonNullable.js";
-import { NoStyleItemContextProvider, useFormContext } from "../context.js";
 import { getStatus } from "../util.js";
 import Row from "../../grid/row.js";
 import FormItemInput from "../FormItemInput.js";

package/dist/form/FormItem/index.js

@@ -1,8 +1,8 @@
+import { useFormContext, useFormItemProvider, useNoStyleItemContext } from "../context.js";
 import { useComponentBaseConfig } from "../../config-provider/context.js";
 import { getSlotPropsFnRun } from "../../_util/tools.js";
 import useCSSVarCls from "../../config-provider/hooks/useCSSVarCls.js";
 import { isRenderable } from "../../_util/is.js";
-import { useFormContext, useFormItemProvider, useNoStyleItemContext } from "../context.js";
 import { getFieldId, initialValueFormat, toArray, toNamePathStr } from "../util.js";
 import { useFormInstance } from "../hooks/useForm.js";
 import style_default from "../style/index.js";
@@ -63,6 +63,8 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 	const errors = shallowRef([]);
 	const warnings = shallowRef([]);
 	const validateDisabled = shallowRef(false);
+	let validateId = 0;
+	let cancelDebounce;
 	const subFieldErrors = shallowRef({});
 	const initialValue = shallowRef(initialValueFormat(formContext.value?.getFieldValue?.(namePath.value)));
 	const getMergedRules = () => {
@@ -118,6 +120,7 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 		});
 		if (!filteredRules.length) {
 			if (validateOnly) return Promise.resolve();
+			validateId++;
 			errors.value = [];
 			warnings.value = [];
 			updateMeta({
@@ -134,10 +137,20 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 			validating: true,
 			validated: true
 		});
-		const promise = validateRules(namePath.value, fieldValue.value, filteredRules, {
+		const currentValidateId = validateOnly ? validateId : ++validateId;
+		const runRules = () => validateRules(namePath.value, fieldValue.value, filteredRules, {
 			validateMessages: formContext.value?.validateMessages,
 			...options
 		}, props.validateFirst ?? false, messageVariables.value);
+		const validateDebounce = triggerName && !validateOnly ? props.validateDebounce : void 0;
+		const promise = validateDebounce ? new Promise((resolve) => {
+			cancelDebounce?.();
+			const timer = setTimeout(resolve, validateDebounce);
+			cancelDebounce = () => {
+				clearTimeout(timer);
+				resolve();
+			};
+		}).then(() => currentValidateId === validateId ? runRules() : []) : runRules();
 		if (validateOnly) return promise.catch((e) => e).then((results = []) => {
 			if (results.some(({ rule: { warningOnly }, errors: ruleErrors }) => !warningOnly && ruleErrors.length)) return Promise.reject(results);
 			return results;
@@ -149,17 +162,19 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 				if (warningOnly) mergedWarnings.push(...ruleErrors);
 				else mergedErrors.push(...ruleErrors);
 			});
-			errors.value = mergedErrors;
-			warnings.value = mergedWarnings;
-			updateMeta({
-				errors: mergedErrors,
-				warnings: mergedWarnings,
-				validating: false,
-				validated: true,
-				touched: meta.value.touched
-			});
-			formContext.value?.onValidate?.(namePath.value, mergedErrors.length === 0, mergedErrors.length ? mergedErrors : null);
-			formContext.value?.triggerFieldsChange?.([namePath.value]);
+			if (currentValidateId === validateId) {
+				errors.value = mergedErrors;
+				warnings.value = mergedWarnings;
+				updateMeta({
+					errors: mergedErrors,
+					warnings: mergedWarnings,
+					validating: false,
+					validated: true,
+					touched: meta.value.touched
+				});
+				formContext.value?.onValidate?.(namePath.value, mergedErrors.length === 0, mergedErrors.length ? mergedErrors : null);
+				formContext.value?.triggerFieldsChange?.([namePath.value]);
+			}
 			if (mergedErrors.length) return Promise.reject(results);
 			return results;
 		});
@@ -170,6 +185,7 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 		validateRulesInner({ triggerName }).catch((e) => e);
 	};
 	const clearValidate = () => {
+		validateId++;
 		errors.value = [];
 		warnings.value = [];
 		updateMeta({
@@ -179,7 +195,7 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 		});
 	};
 	const resetField = () => {
-		validateDisabled.value = true;
+		validateId++;
 		errors.value = [];
 		warnings.value = [];
 		updateMeta({
@@ -190,7 +206,9 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 			validated: false
 		});
 		if (hasName.value && formContext.value?.model) {
-			const newStore = setValue(formContext.value.model, namePath.value, initialValueFormat(initialValue.value));
+			const nextValue = initialValueFormat(initialValue.value);
+			if (!Object.is(fieldValue.value, nextValue)) validateDisabled.value = true;
+			const newStore = setValue(formContext.value.model, namePath.value, nextValue);
 			Object.assign(formContext.value.model, newStore);
 		}
 	};
@@ -284,6 +302,8 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 		} else formContext.value?.removeField?.(eventKey.value);
 	}, { immediate: true });
 	onBeforeUnmount(() => {
+		validateId++;
+		cancelDebounce?.();
 		if (props.noStyle && notifyParentMetaChange) notifyParentMetaChange({
 			...meta.value,
 			destroy: true
@@ -310,8 +330,8 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 			const childProps = child.props || {};
 			const _onBlur = childProps.onBlur;
 			const _onFocus = childProps.onFocus;
-			if (_onBlur) delete child.props.onBlur;
-			if (_onFocus) delete child.props.onFocus;
+			if (_onBlur) delete childProps.onBlur;
+			if (_onFocus) delete childProps.onFocus;
 			const newChildProps = {
 				id: childProps.id || currentFieldId,
 				onBlur: (...args) => {
@@ -335,7 +355,7 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 			const { errors: itemErrors, warnings: itemWarnings } = mergedErrorList.value;
 			if (currentFieldId && (helpNode || itemErrors.length > 0 || itemWarnings.length > 0 || hasExtra)) {
 				const describedbyArr = [];
-				if (helpNode || itemErrors.length > 0) describedbyArr.push(`${currentFieldId}_help`);
+				if (helpNode || itemErrors.length > 0 || itemWarnings.length > 0) describedbyArr.push(`${currentFieldId}_help`);
 				if (hasExtra) describedbyArr.push(`${currentFieldId}_extra`);
 				newChildProps["aria-describedby"] = describedbyArr.join(" ");
 			}

package/dist/form/FormItemInput.js

@@ -1,6 +1,6 @@
+import { FormItemPrefixContextProvider, useFormContext, useFormContextProvider } from "./context.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import { isRenderable } from "../_util/is.js";
-import { FormItemPrefixContextProvider, useFormContext, useFormContextProvider } from "./context.js";
 import { responsiveArrayReversed } from "../_util/responsiveObserver.js";
 import Col from "../grid/col.js";
 import ErrorList from "./ErrorList.js";

package/dist/form/FormItemLabel.js

@@ -1,9 +1,9 @@
+import { useFormContext } from "./context.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
 import { isRenderable } from "../_util/is.js";
 import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
-import { useFormContext } from "./context.js";
 import Col from "../grid/col.js";
 import convertToTooltipProps from "../_util/convertToTooltipProps.js";
 import { Fragment, createVNode, defineComponent, mergeProps } from "vue";

package/dist/form/context.d.ts

@@ -71,7 +71,7 @@ declare function useFormItemPrefixContext(): Ref<{
   prefixCls: string;
 }>;
 declare function useVariantContextProvider(variant: Ref<Variant | undefined>): void;
-declare function useVariantContext(): Ref<"filled" | "outlined" | "borderless" | "underlined" | undefined, "filled" | "outlined" | "borderless" | "underlined" | undefined>;
+declare function useVariantContext(): Ref<"outlined" | "filled" | "borderless" | "underlined" | undefined, "outlined" | "filled" | "borderless" | "underlined" | undefined>;
 interface FormItemStatusContextProps {
   isFormItemInput?: boolean;
   status?: ValidateStatus;

package/dist/form/hooks/useVariant.d.ts

@@ -3,7 +3,7 @@ import { Variant } from "../../config-provider/context.js";
 import { Ref } from "vue";
 //#region src/form/hooks/useVariant.d.ts
 type VariantComponents = keyof Pick<ConfigProviderProps, 'input' | 'inputPassword' | 'inputSearch' | 'otp' | 'inputNumber' | 'textArea' | 'mentions' | 'select' | 'cascader' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker' | 'card'>;
-declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean, fallbackComponent?: VariantComponents): readonly [import("vue").ComputedRef<"filled" | "outlined" | "borderless" | "underlined">, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<boolean>];
+declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean, fallbackComponent?: VariantComponents): readonly [import("vue").ComputedRef<"outlined" | "filled" | "borderless" | "underlined">, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<boolean>];
 declare const useVariants: typeof useVariant;
 //#endregion
 export { useVariant as default, useVariants };

package/dist/form/hooks/useVariant.js

@@ -1,5 +1,5 @@
-import { Variants, useConfig } from "../../config-provider/context.js";
 import { useVariantContext } from "../context.js";
+import { Variants, useConfig } from "../../config-provider/context.js";
 import { computed } from "vue";
 //#region src/form/hooks/useVariant.ts
 function useVariant(component, variant, legacyBordered, fallbackComponent) {

package/dist/form/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 { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 import { CSSProperties } from "vue";
 //#region src/form/style/index.d.ts
@@ -74,6 +78,6 @@ interface FormToken extends FullToken<'Form'> {
 }
 declare const prepareComponentToken: GetDefaultToken<'Form'>;
 declare function prepareToken(token: Parameters<GenStyleFn<'Form'>>[0], rootPrefixCls: string): FormToken;
-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, FormToken, _default as default, prepareComponentToken, prepareToken };

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

@@ -1,11 +1,14 @@
+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/grid/style/index.d.ts
 interface ComponentToken {}
 declare const prepareRowComponentToken: GetDefaultToken<'Grid'>;
 declare const prepareColComponentToken: GetDefaultToken<'Grid'>;
-declare const useRowStyle: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const useRowStyle: (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>];
 declare function getMediaSize(token: AliasToken): {
   readonly xs: number;
   readonly sm: number;
@@ -15,6 +18,6 @@ declare function getMediaSize(token: AliasToken): {
   readonly xxl: number;
   readonly xxxl: number;
 };
-declare const useColStyle: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const useColStyle: (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, getMediaSize, prepareColComponentToken, prepareRowComponentToken, useColStyle, useRowStyle };

package/dist/image/hooks/useMergedPreviewConfig.d.ts

@@ -11,6 +11,7 @@ declare function useMergedPreviewConfig<T extends PreviewConfig | GroupPreviewCo
   closeIcon: import("@v-c/util").VueNode;
   rootClassName: string;
   mask: boolean;
+  maskClosable: boolean;
   blurClassName: string | undefined;
   cover?: any;
 }>;