antdv-next 1.5.6 → 1.6.0

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, {

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/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/FormItem/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) => {

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/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/usePreviewConfig.d.ts

@@ -7,14 +7,14 @@ declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(
   readonly onOpenChange: ((value: boolean, info: {
     current: number;
   }) => void) | undefined;
-  readonly cover: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-  }> | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
+  readonly cover: string | number | boolean | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  } | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }> | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }> | null | undefined)[] | import("@v-c/image").CoverConfig | {
     enabled?: boolean;
@@ -36,21 +36,21 @@ declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(
     image: import("@v-c/image").ImgInfo;
   }) => import("@v-c/util").VueNode;
   readonly onChange?: (current: number, prevCurrent: number) => void;
-  readonly icons?: import("@v-c/image/dist/Preview/index.js").OperationIcons;
-  readonly src?: string;
-  readonly alt?: string;
+  readonly wheel?: boolean;
   readonly focusTrap?: boolean;
   readonly afterOpenChange?: (open: boolean) => void;
   readonly maskClosable?: boolean;
   readonly zIndex?: number;
   readonly getContainer?: import("@v-c/portal/dist/Portal.js").PortalProps["getContainer"];
   readonly closeIcon?: import("@v-c/util").VueNode | boolean | null;
+  readonly motionName?: string;
+  readonly src?: string;
+  readonly alt?: string;
+  readonly icons?: import("@v-c/image/dist/Preview/index.js").OperationIcons;
   readonly countRender?: (current: number, total: number) => import("@v-c/util").VueNode;
   readonly scaleStep?: number;
   readonly minScale?: number;
   readonly maxScale?: number;
-  readonly wheel?: boolean;
-  readonly motionName?: string;
   readonly movable?: boolean;
   readonly onTransform?: (info: {
     transform: import("@v-c/image/dist/hooks/useImageTransform.js").TransformType;

package/dist/image/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";
@@ -51,6 +54,6 @@ declare function genBoxStyle(position?: PositionType): CSSObject;
 declare const genImageCoverStyle: GenerateStyle<ImageToken, CSSObject>;
 declare const genImagePreviewStyle: GenerateStyle<ImageToken, CSSObject>;
 declare const prepareComponentToken: GetDefaultToken<'Image'>;
-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, ImageToken, PositionType, _default as default, genBoxStyle, genImageCoverStyle, genImagePreviewStyle, prepareComponentToken };

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

@@ -1,4 +1,7 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { ComponentToken, InputToken, initComponentToken, initInputToken } from "./token.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
@@ -15,7 +18,7 @@ declare const genInputGroupStyle: GenerateStyle<InputToken, CSSObject>;
 declare const genInputStyle: GenerateStyle<InputToken, CSSObject>;
 declare const genAllowClearStyle: GenerateStyle<InputToken, CSSObject>;
 declare const genAffixStyle: GenerateStyle<InputToken, CSSObject>;
-declare const useSharedStyle: (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>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const useSharedStyle: (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 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 { type ComponentToken, _default as default, genActiveStyle, genAffixStyle, genAllowClearStyle, genBasicInputStyle, genInputGroupStyle, genInputLargeStyle, genInputSmallStyle, genInputStyle, genPlaceholderStyle, initComponentToken, initInputToken, useSharedStyle };

package/dist/input/style/otp.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 "../../theme/interface/index.js";
 //#region src/input/style/otp.d.ts
-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 { _default as default };

package/dist/input/style/search.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 "../../theme/interface/index.js";
 //#region src/input/style/search.d.ts
-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 { _default as default };

package/dist/input/style/textarea.d.ts

@@ -1,5 +1,9 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { ComponentToken, initComponentToken, initInputToken } from "./token.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/input/style/textarea.d.ts
-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 { type ComponentToken, _default as default, initComponentToken, initInputToken };

package/dist/input-number/style/index.d.ts

@@ -1,5 +1,9 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { ComponentToken } from "./token.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/input-number/style/index.d.ts
-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 { type ComponentToken, _default as default };

package/dist/layout/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";
 import { CSSProperties } from "vue";
 //#region src/layout/style/index.d.ts
@@ -93,6 +97,6 @@ interface ComponentToken {
 interface LayoutToken extends FullToken<'Layout'> {}
 declare const prepareComponentToken: GetDefaultToken<'Layout'>;
 declare const DEPRECATED_TOKENS: [keyof ComponentToken, keyof 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, DEPRECATED_TOKENS, LayoutToken, _default as default, prepareComponentToken };

package/dist/layout/style/sider.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 "../../theme/interface/index.js";
 //#region src/layout/style/sider.d.ts
-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 { _default as default };

package/dist/listy/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/listy/style/index.d.ts
 interface ComponentToken {
@@ -18,6 +22,6 @@ interface ComponentToken {
   itemPaddingInline: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Listy'>;
-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/locale/useLocale.d.ts

@@ -1,6 +1,6 @@
 import { Locale } from "./index.js";
 //#region src/locale/useLocale.d.ts
 type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
-declare function useLocale<C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])): import("vue").ComputedRef<any>[];
+declare function useLocale<C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])): readonly [import("vue").ComputedRef<any>, import("vue").ComputedRef<string>];
 //#endregion
 export { LocaleComponentName, useLocale as default };

package/dist/masonry/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 } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
@@ -6,6 +9,6 @@ import { CSSObject } from "@antdv-next/cssinjs";
 interface ComponentToken {}
 interface MasonryToken extends FullToken<'Masonry'> {}
 declare const genMasonryStyle: GenerateStyle<MasonryToken, CSSObject>;
-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, MasonryToken, _default as default, genMasonryStyle };

package/dist/mentions/index.js

@@ -102,7 +102,7 @@ const Mentions = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 	const [mentionsZIndex] = useZIndex("SelectLike", computed(() => props.styles?.popup?.zIndex));
 	const notFoundContent = computed(() => {
 		if (props.notFoundContent !== void 0) return props.notFoundContent;
-		return renderEmpty?.value?.("Select") || createVNode(DefaultRenderEmpty, { "componentName": "Select" }, null);
+		return renderEmpty?.value?.("Mentions") || createVNode(DefaultRenderEmpty, { "componentName": "Mentions" }, null);
 	});
 	const mergedFilterOption = computed(() => props.loading ? loadingFilterOption : props.filterOption);
 	const resolveRenderNode = (key, ctx) => {

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

@@ -1,5 +1,9 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { SharedComponentToken } from "../../input/style/token.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/mentions/style/index.d.ts
 interface ComponentToken extends SharedComponentToken {
@@ -20,6 +24,6 @@ interface ComponentToken extends SharedComponentToken {
   controlItemWidth: number | string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Mentions'>;
-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/menu/MenuItem.js

@@ -1,6 +1,7 @@
 import { getAttrStyleAndClass, pureAttrs } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
+import { omitUndefined } from "../_util/omitUndefined.js";
 import { useSiderCtx } from "../layout/Sider.js";
 import { useMenuContext } from "./MenuContext.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef, watch } from "vue";
@@ -54,7 +55,7 @@ const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			};
 		}
 		const childrenLength = children.length;
-		let returnNode = createVNode(Item, mergeProps(omit(pureAttrs(attrs), ["itemData"]), omit(props, [
+		let returnNode = createVNode(Item, mergeProps(omit(pureAttrs(attrs), ["itemData"]), omitUndefined(props, [
 			"title",
 			"icon",
 			"danger",

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

@@ -1,3 +1,7 @@
+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";
 import { CSSProperties } from "vue";
 //#region src/message/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -27,6 +31,6 @@ declare const PurePanelStyle: import("vue").DefineComponent<import("vue").Extrac
   rootCls: StringConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** Register the main style hook for Message. */
-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, PurePanelStyle, _default as default };

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

@@ -1,4 +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, GenStyleFn, GlobalToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import { TokenWithCommonCls } from "../../theme/internal.js";
@@ -134,6 +136,6 @@ declare function prepareComponentToken(token: GlobalToken): {
   confirmBtnsMarginTop: number;
   mask: boolean;
 };
-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, ModalToken, _default as default, genModalMaskStyle, prepareComponentToken, prepareToken };

package/dist/notification/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, GenStyleFn } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
@@ -115,6 +118,6 @@ declare const PurePanelStyle: import("vue").DefineComponent<import("vue").Extrac
 /** Compose the shared list, item, and placement styles. */
 declare function sharedGenerateStyle<Token extends NotificationToken>(token: Token, config: SharedStyleConfig<Token>): ReturnType<GenerateStyle<Token>>;
 /** Register the main style hook for Notification. */
-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, NotificationToken, PurePanelStyle, _default as default, prepareNotificationToken, sharedGenerateStyle };

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.5.6";
+var version = "1.6.0";
 //#endregion
 export { version };