antdv-next 1.5.6 → 1.7.0

package/dist/image/hooks/useMergedPreviewConfig.js

@@ -6,7 +6,7 @@ import { getTransitionName } from "@v-c/util/dist/utils/transition";
 //#region src/image/hooks/useMergedPreviewConfig.ts
 function useMergedPreviewConfig(previewConfig, contextPreviewConfig, prefixCls, mergedRootClassName, getContextPopupContainer, icons, defaultCover) {
 	const [zIndex] = useZIndex("ImagePreview", computed(() => previewConfig.value?.zIndex));
-	const [mergedPreviewMask, blurClassName] = useMergedMask(computed(() => previewConfig.value?.mask), computed(() => contextPreviewConfig.value?.mask), computed(() => `${prefixCls.value}-preview`));
+	const [mergedPreviewMask, blurClassName, mergedMaskClosable] = useMergedMask(computed(() => previewConfig.value?.mask), computed(() => contextPreviewConfig.value?.mask), computed(() => `${prefixCls.value}-preview`));
 	return computed(() => {
 		if (!previewConfig.value) return previewConfig.value;
 		const { cover, getContainer, closeIcon, rootClassName: previewRootClassName } = previewConfig.value;
@@ -21,6 +21,7 @@ function useMergedPreviewConfig(previewConfig, contextPreviewConfig, prefixCls,
 			closeIcon: closeIcon ?? contextCloseIcon,
 			rootClassName: clsx(mergedRootClassName.value, previewRootClassName),
 			mask: mergedPreviewMask.value,
+			maskClosable: mergedMaskClosable.value,
 			blurClassName: blurClassName.value?.mask
 		};
 	});

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

@@ -19,6 +19,7 @@ import Pagination from "./pagination/Pagination.js";
 import { PaginationProps } from "./pagination/index.js";
 import Popover, { PopoverEmits, PopoverProps, PopoverRef, PopoverSlots } from "./popover/index.js";
 import Popconfirm, { PopconfirmEmits, PopconfirmProps, PopconfirmSlots } from "./popconfirm/index.js";
+import { SplitterEmits, SplitterSlots } from "./splitter/interface.js";
 import _default$11, { SpinProps, SpinRef, SpinSlots } from "./spin/index.js";
 import InternalCheckbox, { CheckboxEmits, CheckboxProps, CheckboxSlots } from "./checkbox/Checkbox.js";
 import CheckboxGroup, { CheckboxGroupEmits, CheckboxGroupProps, CheckboxGroupSlots, CheckboxOptionType } from "./checkbox/Group.js";
@@ -104,7 +105,6 @@ import SkeletonWithSubComponents, { SkeletonProps, SkeletonRef } from "./skeleto
 import Slider, { SliderEmits, SliderProps, SliderRef } from "./slider/index.js";
 import { SpaceCompactProps, SpaceCompactRef } from "./space/Compact.js";
 import Space, { SpaceAddon, SpaceCompact, SpaceProps, SpaceSize, SpaceSlots } from "./space/index.js";
-import { SplitterEmits, SplitterSlots } from "./splitter/interface.js";
 import Splitter, { SplitterRef } from "./splitter/Splitter.js";
 import { SplitterPanel, SplitterProps } from "./splitter/index.js";
 import { StatisticRef } from "./statistic/Statistic.js";

package/dist/input/Group.js

@@ -1,8 +1,8 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext, useFormItemInputContextProvider } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
-import { useFormItemInputContext, useFormItemInputContextProvider } from "../form/context.js";
 import style_default, { useSharedStyle } from "./style/index.js";
 import { SpaceCompact } from "../space/index.js";
 import { computed, createVNode, defineComponent, mergeProps } from "vue";

package/dist/input/Input.d.ts

@@ -3,6 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
+import { AllowClear } from "../_util/hooks/useAllowClear.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 import { InputProps as InputProps$1, InputRef as InputRef$1 } from "@v-c/input";
@@ -44,7 +45,7 @@ interface BaseVcInputProps {
   components?: InputProps$1['components'];
   prefix?: VueNode;
   suffix?: VueNode;
-  allowClear?: InputProps$1['allowClear'];
+  allowClear?: AllowClear;
   changeOnComposing?: InputProps$1['changeOnComposing'];
   autoFocus?: boolean;
   inputMode?: string;

package/dist/input/Input.js

@@ -1,4 +1,5 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
@@ -8,10 +9,9 @@ import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
-import { useFormItemInputContext } from "../form/context.js";
 import useVariant from "../form/hooks/useVariant.js";
 import style_default, { useSharedStyle } from "./style/index.js";
-import getAllowClear from "../_util/getAllowClear.js";
+import useAllowClear, { useAllowClearLabel } from "../_util/hooks/useAllowClear.js";
 import useRemovePasswordTimeout from "./hooks/useRemovePasswordTimeout.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
@@ -83,9 +83,12 @@ const InternalInput = /* @__PURE__ */ defineComponent((props, { slots, expose, e
 	const mergedStatus = computed(() => getMergedStatus(contextStatus.value, customStatus.value));
 	const [mergedVariant, enableVariantCls] = useVariant("input", customVariant, bordered);
 	const removePasswordTimeout = useRemovePasswordTimeout(inputRef, true);
-	const mergedAllowClear = computed(() => {
-		return getAllowClear(props.allowClear ?? contextAllowClear.value);
-	});
+	const getClearLabel = useAllowClearLabel();
+	const mergedAllowClear = computed(() => useAllowClear({
+		allowClear: props.allowClear,
+		contextAllowClear: contextAllowClear.value,
+		defaultLabel: getClearLabel()
+	}));
 	const mergedAutoComplete = computed(() => props.autoComplete ?? props.autocomplete ?? contextAutoComplete.value ?? contextAutocomplete.value);
 	const mergedChangeOnComposing = computed(() => props.changeOnComposing ?? contextChangeOnComposing.value);
 	expose({

package/dist/input/OTP/OTPInput.d.ts

@@ -1,5 +1,5 @@
 import { EmptyEmit } from "../../_util/type.js";
-import { InputProps } from "../Input.js";
+import { InputEmits, InputProps } from "../Input.js";
 import { SlotsType } from "vue";
 //#region src/input/OTP/OTPInput.d.ts
 interface OTPInputProps extends Omit<InputProps, 'onChange'> {
@@ -8,6 +8,7 @@ interface OTPInputProps extends Omit<InputProps, 'onChange'> {
   value?: string;
   onChange: (index: number, value: string) => void;
   onActiveChange: (nextIndex: number) => void;
+  onFocus?: InputEmits['focus'];
   mask?: boolean | string;
 }
 declare const OTPInput: import("vue").DefineSetupFnComponent<OTPInputProps, EmptyEmit, SlotsType<{

package/dist/input/OTP/OTPInput.js

@@ -1,6 +1,6 @@
 import { getAttrStyleAndClass } from "../../_util/hooks/useMergeSemantic.js";
 import InternalInput from "../Input.js";
-import { createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import raf from "@v-c/util/dist/raf";
 import { omit } from "es-toolkit";
@@ -11,7 +11,7 @@ const OTPInput = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots
 	expose({
 		focus: (...args) => inputRef.value?.focus?.(...args),
 		blur: () => inputRef.value?.blur?.(),
-		input: inputRef
+		input: computed(() => inputRef.value?.input ?? null)
 	});
 	const syncSelection = () => {
 		raf(() => {
@@ -22,6 +22,10 @@ const OTPInput = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots
 	const handleChange = (e) => {
 		props.onChange(props.index, e?.target?.value ?? "");
 	};
+	const handleInternalFocus = (e) => {
+		props.onFocus?.(e);
+		syncSelection();
+	};
 	const handleKeyDown = (event) => {
 		const { key, ctrlKey, metaKey } = event;
 		if (key === "ArrowLeft") props.onActiveChange(props.index - 1);
@@ -36,6 +40,7 @@ const OTPInput = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots
 		"index",
 		"onChange",
 		"onActiveChange",
+		"onFocus",
 		"mask"
 	]);
 	return () => createVNode("span", {
@@ -53,7 +58,7 @@ const OTPInput = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots
 		"onChange": handleChange,
 		"htmlSize": 1,
 		"onKeydown": handleKeyDown,
-		"onFocus": () => syncSelection(),
+		"onFocus": handleInternalFocus,
 		"onMousedown": () => syncSelection(),
 		"onMouseup": () => syncSelection(),
 		"aria-label": `OTP Input ${props.index + 1}`
@@ -80,6 +85,10 @@ const OTPInput = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots
 			type: Function,
 			required: true
 		},
+		onFocus: {
+			type: Function,
+			required: false
+		},
 		mask: {
 			type: [Boolean, String],
 			required: false,

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

@@ -18,7 +18,7 @@ interface OTPSemanticStyles {
 }
 type OTPClassNamesType = SemanticClassNamesType<OTPProps, OTPSemanticClassNames>;
 type OTPStylesType = SemanticStylesType<OTPProps, OTPSemanticStyles>;
-interface OTPProps extends ComponentBaseProps, Omit<HTMLAttributes, 'onChange' | 'onInput'>, OTPEmitsProps {
+interface OTPProps extends ComponentBaseProps, Omit<HTMLAttributes, 'onChange' | 'onInput' | 'onFocus'>, OTPEmitsProps {
   length?: number;
   variant?: Variant;
   size?: SizeType;
@@ -39,9 +39,11 @@ interface OTPEmits {
   'change': (value: string) => void;
   'input': (cells: string[]) => void;
   'update:value': (value: string) => void;
+  'focus': (ev: FocusEvent) => void;
 }
 interface OTPEmitsProps {
   onChange?: OTPEmits['change'];
+  onFocus?: OTPEmits['focus'];
   onInput?: OTPEmits['input'];
   'onUpdate:value'?: OTPEmits['update:value'];
 }

package/dist/input/OTP/index.js

@@ -1,10 +1,11 @@
 import { devUseWarning, isDev } from "../../_util/warning.js";
+import { useFormItemInputContext, useFormItemInputContextProvider } from "../../form/context.js";
 import { useComponentBaseConfig } from "../../config-provider/context.js";
 import { useSize } from "../../config-provider/hooks/useSize.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs } from "../../_util/tools.js";
+import { isRenderable } from "../../_util/is.js";
 import { getMergedStatus } from "../../_util/statusUtils.js";
-import { useFormItemInputContext, useFormItemInputContextProvider } from "../../form/context.js";
 import useVariant from "../../form/hooks/useVariant.js";
 import otp_default from "../style/otp.js";
 import OTPInput from "./OTPInput.js";
@@ -55,7 +56,6 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 		for (let i = 0; i < index; i += 1) if (!nextCells[i]) nextCells[i] = "";
 		if (txt.length <= 1) nextCells[index] = txt;
 		else nextCells = nextCells.slice(0, index).concat(strToArr(txt));
-		nextCells = nextCells.slice(0, mergedLength.value);
 		for (let i = nextCells.length - 1; i >= 0; i -= 1) {
 			if (nextCells[i]) break;
 			nextCells.pop();
@@ -64,21 +64,28 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 		return strToArr(formattedValue).map((cell, i) => {
 			if (cell === " " && !nextCells[i]) return nextCells[i];
 			return cell;
-		});
+		}).slice(0, mergedLength.value);
 	};
 	const handleInputChange = (index, txt) => {
 		const nextCells = patchValue(index, txt);
+		triggerValueCellsChange(nextCells);
 		const nextIndex = Math.min(index + txt.length, mergedLength.value - 1);
 		if (nextIndex !== index && nextCells[index] !== void 0) inputRefs.value[nextIndex]?.focus?.();
-		triggerValueCellsChange(nextCells);
 	};
 	const handleActiveChange = (nextIndex) => {
 		inputRefs.value[nextIndex]?.focus?.();
 	};
+	const handleInputFocus = (event, index) => {
+		for (let i = 0; i < index; i += 1) if (!valueCells.value[i]) {
+			inputRefs.value[i]?.focus();
+			break;
+		}
+		emit("focus", event);
+	};
 	const renderSeparator = (index) => {
 		const separator = slots.separator || props.separator;
 		const separatorNode = typeof separator === "function" ? separator({ index }) : separator;
-		if (!separatorNode) return null;
+		if (!isRenderable(separatorNode)) return null;
 		return createVNode("span", {
 			"key": `otp-sep-${index}`,
 			"class": clsx(`${prefixCls.value}-separator`, mergedClassNames.value.separator),
@@ -105,6 +112,7 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 			"value": valueCells.value[index] || "",
 			"onChange": handleInputChange,
 			"onActiveChange": handleActiveChange,
+			"onFocus": (event) => handleInputFocus(event, index),
 			"autoFocus": index === 0 ? props.autoFocus : void 0,
 			"mask": props.mask,
 			"type": props.type,
@@ -202,7 +210,8 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 	emits: [
 		"change",
 		"input",
-		"update:value"
+		"update:value",
+		"focus"
 	],
 	name: "AInputOtp",
 	inheritAttrs: false

package/dist/input/Password.js

@@ -21,10 +21,10 @@ const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 	const inputRef = shallowRef();
 	const removePasswordTimeout = useRemovePasswordTimeout(inputRef);
 	const visibilityToggle = computed(() => props.visibilityToggle ?? true);
-	const visibilityControlled = computed(() => typeof visibilityToggle.value === "object" && visibilityToggle.value.visible !== void 0);
-	const visible = shallowRef(visibilityControlled.value ? Boolean(visibilityToggle.value.visible) : false);
-	watch(visibilityToggle, (next) => {
-		if (visibilityControlled.value) visible.value = Boolean(next.visible);
+	const visibilityControlled = computed(() => props.iconVisible !== void 0 || typeof visibilityToggle.value === "object" && visibilityToggle.value.visible !== void 0);
+	const visible = shallowRef(props.iconVisible ?? (visibilityControlled.value ? Boolean(visibilityToggle.value.visible) : false));
+	watch([visibilityToggle, () => props.iconVisible], ([toggle, iconVisible]) => {
+		if (visibilityControlled.value) visible.value = iconVisible ?? Boolean(toggle.visible);
 	});
 	const triggerVisibleChange = () => {
 		if (mergedDisabled.value || visibilityToggle.value === false) return;
@@ -32,6 +32,7 @@ const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 		const next = !visible.value;
 		if (!visibilityControlled.value) visible.value = next;
 		if (typeof visibilityToggle.value === "object") visibilityToggle.value.onVisibleChange?.(next);
+		emit("update:iconVisible", next);
 	};
 	const action = computed(() => props.action ?? "click");
 	const iconRender = (visible) => {
@@ -84,7 +85,8 @@ const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 			"suffix",
 			"inputPrefixCls",
 			"rootClass",
-			"prefixCls"
+			"prefixCls",
+			"iconVisible"
 		]);
 		const suffixSlot = getSlotPropsFnRun(slots, props, "suffix");
 		const visibilityIcon = getIcon();

package/dist/input/Search.js

@@ -2,6 +2,7 @@ import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import fallbackProp from "../_util/fallbackProp.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import button_default from "../button/index.js";
@@ -31,7 +32,7 @@ const omitInputKeys = [
 const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, expose }) => {
 	const composedRef = shallowRef(false);
 	const inputRef = shallowRef();
-	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, getPrefixCls } = useComponentBaseConfig("inputSearch", props, void 0, "input-search");
+	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, searchIcon: contextSearchIcon, getPrefixCls } = useComponentBaseConfig("inputSearch", props, ["searchIcon"], "input-search");
 	const inputPrefixCls = computed(() => getPrefixCls("input", props.inputPrefixCls));
 	const { classes, styles, size: customizeSize, disabled: customDisabled, variant: customizeVariant, bordered } = toPropsRefs(props, "classes", "styles", "size", "disabled", "variant", "bordered");
 	const contextDisabled = useDisabledContext();
@@ -102,7 +103,7 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 		const enterButtonValue = props.enterButton ?? false;
 		const isBooleanEnterButton = typeof enterButtonValue === "boolean";
 		const searchIconFromSlot = getSlotPropsFnRun(slots, props, "searchIcon", false);
-		const searchIcon = isBooleanEnterButton ? searchIconFromSlot ?? props.searchIcon ?? createVNode(SearchOutlined, null, null) : null;
+		const searchIcon = isBooleanEnterButton ? fallbackProp(searchIconFromSlot, contextSearchIcon.value, createVNode(SearchOutlined, null, null)) : null;
 		const buttonChildren = isBooleanEnterButton ? void 0 : enterButtonValue;
 		let buttonNode;
 		const enterButtonNode = buttonChildren;
@@ -140,6 +141,7 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 			"class": mergedClassName,
 			"style": mergedRootStyle
 		}, { hidden: props.hidden }, rootAttrs, { "size": mergedSize.value }), { default: () => [createVNode(InternalInput, mergeProps(inputAttrs, restInputProps, {
+			"type": "search",
 			"ref": inputRef,
 			"prefixCls": inputPrefixCls.value,
 			"size": mergedSize.value,

package/dist/input/TextArea.d.ts

@@ -2,6 +2,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
+import { AllowClear } from "../_util/hooks/useAllowClear.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 import { InputProps } from "@v-c/input";
@@ -25,7 +26,7 @@ interface TextAreaRef extends Pick<TextAreaRef$1, 'focus' | 'blur'> {
   nativeElement: TextAreaRef$1['nativeElement'] | null;
 }
 type InputTextAreaRef = TextAreaRef;
-interface TextAreaProps extends ComponentBaseProps, Omit<TextAreaProps$1, 'classNames' | 'styles' | 'onChange' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onKeydown' | 'onPressEnter' | 'onResize' | 'maxLength' | 'readOnly' | 'minLength'>, TextAreaEmitsProps {
+interface TextAreaProps extends ComponentBaseProps, Omit<TextAreaProps$1, 'classNames' | 'styles' | 'onChange' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onKeydown' | 'onPressEnter' | 'onResize' | 'maxLength' | 'readOnly' | 'minLength' | 'allowClear'>, TextAreaEmitsProps {
   /** @deprecated Use `variant` instead */
   bordered?: boolean;
   size?: SizeType;
@@ -38,6 +39,7 @@ interface TextAreaProps extends ComponentBaseProps, Omit<TextAreaProps$1, 'class
   minlength?: number;
   readonly?: boolean;
   showCount?: InputProps['showCount'];
+  allowClear?: AllowClear;
 }
 interface TextAreaEmits {
   'pressEnter': NonNullable<TextAreaProps$1['onPressEnter']>;

package/dist/input/TextArea.js

@@ -1,4 +1,5 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
@@ -7,10 +8,9 @@ import { toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
-import { useFormItemInputContext } from "../form/context.js";
 import useVariant from "../form/hooks/useVariant.js";
 import { useSharedStyle } from "./style/index.js";
-import getAllowClear from "../_util/getAllowClear.js";
+import useAllowClear, { useAllowClearLabel } from "../_util/hooks/useAllowClear.js";
 import textarea_default from "./style/textarea.js";
 import { computed, createVNode, defineComponent, mergeProps, onBeforeUnmount, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
@@ -56,7 +56,12 @@ const InternalTextArea = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 	const hasFeedback = computed(() => formItemInputContext.value.hasFeedback);
 	const feedbackIcon = computed(() => formItemInputContext.value.feedbackIcon);
 	const [mergedVariant, enableVariantCls] = useVariant("textArea", customVariant, bordered);
-	const mergedAllowClear = computed(() => getAllowClear(props.allowClear ?? contextAllowClear.value));
+	const getClearLabel = useAllowClearLabel();
+	const mergedAllowClear = computed(() => useAllowClear({
+		allowClear: props.allowClear,
+		contextAllowClear: contextAllowClear.value,
+		defaultLabel: getClearLabel()
+	}));
 	const mergedChangeOnComposing = computed(() => props.changeOnComposing ?? contextChangeOnComposing.value);
 	const isMouseDown = shallowRef(false);
 	const resizeDirty = shallowRef(false);
@@ -202,6 +207,11 @@ const InternalTextArea = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			required: false,
 			default: void 0
 		},
+		allowClear: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
 		rootClass: {
 			type: String,
 			required: false
@@ -222,11 +232,6 @@ const InternalTextArea = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			required: false,
 			default: void 0
 		},
-		allowClear: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
 		suffix: {
 			type: [
 				Object,

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/index.js

@@ -93,7 +93,7 @@ const genInputGroupStyle = (token) => {
 				position: "relative",
 				padding: `0 ${unit(token.paddingInline)}`,
 				color: token.colorText,
-				fontWeight: "normal",
+				fontWeight: 400,
 				fontSize: token.inputFontSize,
 				textAlign: "center",
 				borderRadius: token.borderRadius,

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

@@ -3,6 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
+import { AllowClear } from "../_util/hooks/useAllowClear.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 import { InputNumberProps as InputNumberProps$1, InputNumberRef as VcInputNumberRef, ValueType } from "@v-c/input-number";
@@ -41,12 +42,8 @@ interface InputNumberProps extends ComponentBaseProps, Omit<InputNumberProps$1,
   addonAfter?: VueNode;
   prefix?: VueNode;
   suffix?: VueNode;
-  /** Show clear button, or customize it with `{ clearIcon, disabled, label }` */
-  allowClear?: boolean | {
-    clearIcon?: VueNode;
-    disabled?: boolean;
-    label?: string;
-  };
+  /** Show clear button (cleared value: `null`), or customize it with `AllowClearConfig` */
+  allowClear?: AllowClear;
   /** @deprecated Use `variant="borderless"` instead. */
   bordered?: boolean;
   /**

package/dist/input-number/index.js

@@ -1,4 +1,5 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
@@ -8,9 +9,8 @@ import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
-import { useFormItemInputContext } from "../form/context.js";
 import useVariant from "../form/hooks/useVariant.js";
-import getAllowClear from "../_util/getAllowClear.js";
+import useAllowClear, { useAllowClearLabel } from "../_util/hooks/useAllowClear.js";
 import { SpaceAddon, SpaceCompact } from "../space/index.js";
 import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
@@ -69,6 +69,7 @@ const InputNumber = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 		warning(!(props.type === "number" && props.changeOnWheel), "usage", "When `type=\"number\"` is used with `changeOnWheel`, the wheel interaction may not work as expected. Remove `type=\"number\"` if not required.");
 	}
 	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, allowClear: contextAllowClear } = useComponentBaseConfig("inputNumber", props, ["allowClear"], "input-number");
+	const getClearLabel = useAllowClearLabel();
 	const { classes, styles, rootClass, size: customSize, disabled: customDisabled, status: customStatus, bordered, variant: customVariant } = toPropsRefs(props, "classes", "styles", "rootClass", "size", "disabled", "status", "bordered", "variant");
 	const inputNumberRef = shallowRef();
 	expose({
@@ -177,7 +178,11 @@ const InputNumber = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 		};
 		const mergedSuffix = mergedSuffixFn();
 		const clearIconNode = slots.clearIcon?.();
-		const allowClear = getAllowClear(props.allowClear ?? contextAllowClear.value);
+		const allowClear = useAllowClear({
+			allowClear: props.allowClear,
+			contextAllowClear: contextAllowClear.value,
+			defaultLabel: getClearLabel()
+		});
 		const mergedAllowClear = clearIconNode && allowClear ? {
 			...typeof allowClear === "object" ? allowClear : {},
 			clearIcon: clearIconNode

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 };