antdv-next 1.3.7 → 1.4.1

package/dist/input/OTP/index.js

@@ -1,15 +1,14 @@
 import { devUseWarning, isDev } from "../../_util/warning.js";
 import { useComponentBaseConfig } from "../../config-provider/context.js";
 import { useSize } from "../../config-provider/hooks/useSize.js";
-import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs } from "../../_util/tools.js";
 import { getMergedStatus } from "../../_util/statusUtils.js";
 import { useFormItemInputContext, useFormItemInputContextProvider } from "../../form/context.js";
 import otp_default from "../style/otp.js";
-import OTPInput_default from "./OTPInput.js";
+import OTPInput from "./OTPInput.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
-
 //#region src/input/OTP/index.tsx
 const strToArr = (str) => (str || "").split("");
 const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
@@ -31,7 +30,8 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 		...props,
 		length: mergedLength.value
 	}));
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	const inputRefs = shallowRef({});
 	const internalFormatter = (txt) => props.formatter ? props.formatter(txt) : txt;
 	const valueCells = shallowRef(strToArr(internalFormatter(props.value ?? props.defaultValue ?? "")));
@@ -90,18 +90,17 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 			}, mergedClassNames.value.root),
 			"style": {
 				...mergedStyles.value.root,
-				...contextStyle.value,
 				...style
 			},
 			"role": "group"
-		}), [Array.from({ length: mergedLength.value }).map((_, index) => createVNode(Fragment, null, [createVNode(OTPInput_default, {
+		}), [Array.from({ length: mergedLength.value }).map((_, index) => createVNode(Fragment, null, [createVNode(OTPInput, {
 			"key": `otp-${index}`,
 			"prefixCls": prefixCls.value,
 			"index": index,
 			"value": valueCells.value[index] || "",
 			"onChange": handleInputChange,
 			"onActiveChange": handleActiveChange,
-			"autoFocus": index === 0 && props.autoFocus,
+			"autoFocus": index === 0 ? props.autoFocus : void 0,
 			"mask": props.mask,
 			"type": props.type,
 			"inputMode": props.inputMode,
@@ -203,7 +202,5 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 	name: "AInputOtp",
 	inheritAttrs: false
 });
-var OTP_default = OTP;
-
 //#endregion
-export { OTP_default as default };
+export { OTP as default };

package/dist/input/Password.d.ts

@@ -1,10 +1,10 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { InputEmits, InputProps, InputRef } from "./Input.js";
-import * as vue271 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/input/Password.d.ts
 type VisibilityToggle = boolean | {
+  tabIndex?: number;
   visible?: boolean;
   onVisibleChange?: (visible: boolean) => void;
 };
@@ -41,6 +41,6 @@ interface PasswordSlots {
     visible: boolean;
   }) => any;
 }
-declare const InternalPassword: vue271.DefineSetupFnComponent<PasswordProps, PasswordEmits, SlotsType<PasswordSlots>, PasswordProps, vue271.PublicProps>;
+declare const InternalPassword: import("vue").DefineSetupFnComponent<PasswordProps, PasswordEmits, SlotsType<PasswordSlots>, PasswordProps, import("vue").PublicProps>;
 //#endregion
 export { InputPasswordRef, PasswordEmits, PasswordEmitsProps, PasswordProps, PasswordSlots, InternalPassword as default };

package/dist/input/Password.js

@@ -2,12 +2,11 @@ import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import useRemovePasswordTimeout from "./hooks/useRemovePasswordTimeout.js";
-import Input_default from "./Input.js";
-import { Fragment, cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef, watch } from "vue";
+import InternalInput from "./Input.js";
+import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { EyeInvisibleOutlined, EyeOutlined } from "@antdv-next/icons";
 import { omit } from "es-toolkit";
-
 //#region src/input/Password.tsx
 const defaultIconRender = (visible) => visible ? createVNode(EyeOutlined, null, null) : createVNode(EyeInvisibleOutlined, null, null);
 const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, expose }) => {
@@ -41,20 +40,26 @@ const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 	const getIcon = () => {
 		if (!visibilityToggle.value) return null;
 		const iconNode = iconRender(visible.value);
-		const originVNode = isVNode(iconNode) ? iconNode : createVNode("span", null, [iconNode]);
-		const originalProps = originVNode.props || {};
-		const iconVNode = originVNode;
 		const eventName = action.value === "hover" ? "onMouseover" : "onClick";
-		return cloneVNode(iconVNode, {
-			[eventName]: (e) => {
-				originalProps?.[eventName]?.(e);
-				triggerVisibleChange();
-			},
-			class: clsx(iconVNode.props?.class, `${passwordPrefixCls.value}-icon`),
-			key: "passwordIcon",
-			onMousedown: (e) => e.preventDefault(),
-			onMouseup: (e) => e.preventDefault()
-		});
+		const toggle = visibilityToggle.value;
+		const iconTabIndex = typeof toggle === "object" ? toggle.tabIndex : void 0;
+		const triggerProps = { [eventName]: () => triggerVisibleChange() };
+		return createVNode("span", mergeProps({
+			"key": "passwordIcon",
+			"role": "button",
+			"tabindex": mergedDisabled.value ? -1 : iconTabIndex ?? 0,
+			"class": `${passwordPrefixCls.value}-icon`,
+			"aria-disabled": mergedDisabled.value,
+			"aria-pressed": visible.value,
+			"onMousedown": (e) => e.preventDefault(),
+			"onMouseup": (e) => e.preventDefault(),
+			"onKeydown": (e) => {
+				if (e.key === "Enter" || e.key === " ") {
+					e.preventDefault();
+					triggerVisibleChange();
+				}
+			}
+		}, triggerProps), [iconNode]);
 	};
 	const handleUpdateValue = (value) => {
 		emit("update:value", value);
@@ -82,7 +87,7 @@ const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 		const suffixSlot = getSlotPropsFnRun(slots, props, "suffix");
 		const visibilityIcon = getIcon();
 		const mergedSuffix = visibilityToggle.value && visibilityIcon ? createVNode(Fragment, null, [visibilityIcon, suffixSlot]) : suffixSlot;
-		return createVNode(Input_default, mergeProps(attrs, restInputProps, {
+		return createVNode(InternalInput, mergeProps(attrs, restInputProps, {
 			"ref": inputRef,
 			"prefixCls": inputPrefixCls.value,
 			"type": visible.value ? "text" : "password",
@@ -286,7 +291,5 @@ const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 	name: "AInputPassword",
 	inheritAttrs: false
 });
-var Password_default = InternalPassword;
-
 //#endregion
-export { Password_default as default };
+export { InternalPassword as default };

package/dist/input/Search.d.ts

@@ -1,11 +1,9 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputEmits, InputProps, InputRef } from "./Input.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { ButtonSemanticClassNames, ButtonSemanticStyles } from "../button/Button.js";
-import * as vue379 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/input/Search.d.ts
@@ -71,6 +69,6 @@ interface SearchSlots {
    */
   searchIcon?: () => any;
 }
-declare const InternalSearch: vue379.DefineSetupFnComponent<SearchProps, SearchEmits, SlotsType<SearchSlots>, SearchProps, vue379.PublicProps>;
+declare const InternalSearch: import("vue").DefineSetupFnComponent<SearchProps, SearchEmits, SlotsType<SearchSlots>, SearchProps, import("vue").PublicProps>;
 //#endregion
 export { InputSearchClassNamesType, InputSearchRef, InputSearchSemanticClassNames, InputSearchSemanticName, InputSearchSemanticStyles, InputSearchStylesType, SearchEmits, SearchEmitsProps, SearchProps, SearchSlots, InternalSearch as default };

package/dist/input/Search.js

@@ -5,14 +5,13 @@ import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "..
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import button_default from "../button/index.js";
 import { SpaceCompact } from "../space/index.js";
-import Input_default from "./Input.js";
+import InternalInput from "./Input.js";
 import search_default from "./style/search.js";
 import { cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import { SearchOutlined } from "@antdv-next/icons";
 import { omit } from "es-toolkit";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
-
 //#region src/input/Search.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -132,7 +131,7 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 		return createVNode(SpaceCompact, mergeProps({
 			"class": mergedClassName,
 			"style": mergedRootStyle
-		}, { hidden: props.hidden }, rootAttrs, { "size": mergedSize.value }), { default: () => [createVNode(Input_default, mergeProps(inputAttrs, restInputProps, {
+		}, { hidden: props.hidden }, rootAttrs, { "size": mergedSize.value }), { default: () => [createVNode(InternalInput, mergeProps(inputAttrs, restInputProps, {
 			"ref": inputRef,
 			"prefixCls": inputPrefixCls.value,
 			"size": mergedSize.value,
@@ -352,7 +351,5 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 	name: "AInputSearch",
 	inheritAttrs: false
 });
-var Search_default = InternalSearch;
-
 //#endregion
-export { Search_default as default };
+export { InternalSearch as default };

package/dist/input/TextArea.d.ts

@@ -1,9 +1,7 @@
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
-import * as vue377 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { InputProps } from "@v-c/input";
 import { TextAreaProps as TextAreaProps$1, TextAreaRef as TextAreaRef$1 } from "@v-c/textarea";
@@ -69,6 +67,6 @@ interface TextAreaEmitsProps {
 interface TextAreaSlots {
   default?: () => any;
 }
-declare const InternalTextArea: vue377.DefineSetupFnComponent<TextAreaProps, TextAreaEmits, SlotsType<TextAreaSlots>, TextAreaProps, vue377.PublicProps>;
+declare const InternalTextArea: import("vue").DefineSetupFnComponent<TextAreaProps, TextAreaEmits, SlotsType<TextAreaSlots>, TextAreaProps, import("vue").PublicProps>;
 //#endregion
 export { InputTextAreaRef, TextAreaClassNamesType, TextAreaEmits, TextAreaEmitsProps, TextAreaProps, TextAreaRef, TextAreaSemanticClassNames, TextAreaSemanticName, TextAreaSemanticStyles, TextAreaSlots, TextAreaStylesType, InternalTextArea as default };

package/dist/input/TextArea.js

@@ -2,21 +2,20 @@ import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
-import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs } from "../_util/tools.js";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.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_default from "../_util/getAllowClear.js";
+import getAllowClear from "../_util/getAllowClear.js";
 import textarea_default from "./style/textarea.js";
 import { computed, createVNode, defineComponent, mergeProps, onBeforeUnmount, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import { omit } from "es-toolkit";
 import VcTextArea from "@v-c/textarea";
-
 //#region src/input/TextArea.tsx
 const omitKeys = [
 	"classes",
@@ -36,7 +35,7 @@ const InternalTextArea = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 	const { prefixCls, direction, allowClear: contextAllowClear, changeOnComposing: contextChangeOnComposing, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("textArea", props, ["allowClear", "changeOnComposing"], "input");
 	const { classes, styles, rootClass, size: customizeSize, disabled: customDisabled, status: customStatus, bordered, variant: customVariant } = toPropsRefs(props, "classes", "styles", "rootClass", "size", "disabled", "status", "bordered", "variant");
 	const textAreaRef = shallowRef();
-	const rootCls = useCSSVarCls_default(prefixCls);
+	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = useSharedStyle(prefixCls, rootClass);
 	textarea_default(prefixCls, rootCls);
 	const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
@@ -50,13 +49,14 @@ const InternalTextArea = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			disabled: mergedDisabled.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	const formItemInputContext = useFormItemInputContext();
 	const mergedStatus = computed(() => getMergedStatus(formItemInputContext.value.status, customStatus.value));
 	const hasFeedback = computed(() => formItemInputContext.value.hasFeedback);
 	const feedbackIcon = computed(() => formItemInputContext.value.feedbackIcon);
 	const [mergedVariant, enableVariantCls] = useVariant("textArea", customVariant, bordered);
-	const mergedAllowClear = computed(() => getAllowClear_default(props.allowClear ?? contextAllowClear.value));
+	const mergedAllowClear = computed(() => getAllowClear(props.allowClear ?? contextAllowClear.value));
 	const mergedChangeOnComposing = computed(() => props.changeOnComposing ?? contextChangeOnComposing.value);
 	const isMouseDown = shallowRef(false);
 	const resizeDirty = shallowRef(false);
@@ -112,7 +112,6 @@ const InternalTextArea = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 		const classesValue = clsx(cssVarCls.value, rootCls.value, className, rootClass.value, compactItemClassnames.value, contextClassName.value, mergedClassNames.value.root, hashId.value, { [`${prefixCls.value}-textarea-affix-wrapper-resize-dirty`]: resizeDirty.value });
 		const mergedStyle = {
 			...mergedStyles.value.root,
-			...contextStyle.value,
 			...style
 		};
 		const classNames = {
@@ -273,7 +272,5 @@ const InternalTextArea = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 	name: "ATextarea",
 	inheritAttrs: false
 });
-var TextArea_default = InternalTextArea;
-
 //#endregion
-export { TextArea_default as default };
+export { InternalTextArea as default };

package/dist/input/hooks/useRemovePasswordTimeout.js

@@ -1,5 +1,4 @@
 import { onBeforeUnmount, onMounted } from "vue";
-
 //#region src/input/hooks/useRemovePasswordTimeout.ts
 /**
 * Clear the `value` attribute of password inputs to avoid browser autofill flashes.
@@ -24,6 +23,5 @@ function useRemovePasswordTimeout(inputRef, triggerOnMount = false) {
 	});
 	return removePasswordTimeout;
 }
-
 //#endregion
-export { useRemovePasswordTimeout as default };
+export { useRemovePasswordTimeout as default };

package/dist/input/index.d.ts

@@ -5,7 +5,6 @@ import InternalSearch, { InputSearchRef, SearchEmits, SearchProps, SearchSlots }
 import InternalTextArea, { InputTextAreaRef, TextAreaProps, TextAreaRef } from "./TextArea.js";
 import InputGroup$1, { InputGroupProps } from "./Group.js";
 import InternalPassword, { InputPasswordRef, PasswordEmits, PasswordProps, PasswordSlots } from "./Password.js";
-import * as vue329 from "vue";
 import { App } from "vue";
 
 //#region src/input/index.d.ts
@@ -18,11 +17,11 @@ type CompoundedInputType = typeof InternalInput & {
   install: (app: App) => App;
 };
 declare const CompoundedInput: CompoundedInputType;
-declare const InputGroup: vue329.DefineSetupFnComponent<InputGroupProps, EmptyEmit, vue329.SlotsType<{
+declare const InputGroup: import("vue").DefineSetupFnComponent<InputGroupProps, EmptyEmit, import("vue").SlotsType<{
   default?: () => any;
-}>, InputGroupProps, vue329.PublicProps>;
-declare const InputOTP: vue329.DefineSetupFnComponent<OTPProps, OTPEmits, vue329.SlotsType<OTPSlots>, OTPProps, vue329.PublicProps>;
-declare const InputPassword: vue329.DefineSetupFnComponent<PasswordProps, PasswordEmits, vue329.SlotsType<PasswordSlots>, PasswordProps, vue329.PublicProps>;
-declare const InputSearch: vue329.DefineSetupFnComponent<SearchProps, SearchEmits, vue329.SlotsType<SearchSlots>, SearchProps, vue329.PublicProps>;
+}>, InputGroupProps, import("vue").PublicProps>;
+declare const InputOTP: import("vue").DefineSetupFnComponent<OTPProps, OTPEmits, import("vue").SlotsType<OTPSlots>, OTPProps, import("vue").PublicProps>;
+declare const InputPassword: import("vue").DefineSetupFnComponent<PasswordProps, PasswordEmits, import("vue").SlotsType<PasswordSlots>, PasswordProps, import("vue").PublicProps>;
+declare const InputSearch: import("vue").DefineSetupFnComponent<SearchProps, SearchEmits, import("vue").SlotsType<SearchSlots>, SearchProps, import("vue").PublicProps>;
 //#endregion
 export { type InputEmits, InputGroup, type InputGroupProps, InputOTP, InputPassword, type InputPasswordRef, type InputProps, type InputRef, InputSearch, type InputSearchRef, type InputSlots, type InputTextAreaRef, type OTPEmits, type OTPProps, type OTPSlots, type PasswordProps, type SearchProps, InternalTextArea as TextArea, type TextAreaProps, type TextAreaRef, CompoundedInput as default };

package/dist/input/index.js

@@ -1,31 +1,28 @@
-import Input_default from "./Input.js";
-import Group_default from "./Group.js";
-import OTP_default from "./OTP/index.js";
-import Password_default from "./Password.js";
-import Search_default from "./Search.js";
-import TextArea_default from "./TextArea.js";
-
+import InternalInput from "./Input.js";
+import InputGroup$1 from "./Group.js";
+import OTP from "./OTP/index.js";
+import InternalPassword from "./Password.js";
+import InternalSearch from "./Search.js";
+import InternalTextArea from "./TextArea.js";
 //#region src/input/index.tsx
-const CompoundedInput = Input_default;
-CompoundedInput.Search = Search_default;
-CompoundedInput.TextArea = TextArea_default;
-CompoundedInput.Password = Password_default;
-CompoundedInput.OTP = OTP_default;
-CompoundedInput.Group = Group_default;
+const CompoundedInput = InternalInput;
+CompoundedInput.Search = InternalSearch;
+CompoundedInput.TextArea = InternalTextArea;
+CompoundedInput.Password = InternalPassword;
+CompoundedInput.OTP = OTP;
+CompoundedInput.Group = InputGroup$1;
 CompoundedInput.install = (app) => {
-	app.component(Input_default.name, CompoundedInput);
-	app.component(Search_default.name, Search_default);
-	app.component(TextArea_default.name, TextArea_default);
-	app.component(Password_default.name, Password_default);
-	app.component(OTP_default.name, OTP_default);
-	app.component(Group_default.name, Group_default);
+	app.component(InternalInput.name, CompoundedInput);
+	app.component(InternalSearch.name, InternalSearch);
+	app.component(InternalTextArea.name, InternalTextArea);
+	app.component(InternalPassword.name, InternalPassword);
+	app.component(OTP.name, OTP);
+	app.component(InputGroup$1.name, InputGroup$1);
 	return app;
 };
-var input_default = CompoundedInput;
-const InputGroup = Group_default;
-const InputOTP = OTP_default;
-const InputPassword = Password_default;
-const InputSearch = Search_default;
-
+const InputGroup = InputGroup$1;
+const InputOTP = OTP;
+const InputPassword = InternalPassword;
+const InputSearch = InternalSearch;
 //#endregion
-export { InputGroup, InputOTP, InputPassword, InputSearch, TextArea_default as TextArea, input_default as default };
+export { InputGroup, InputOTP, InputPassword, InputSearch, InternalTextArea as TextArea, CompoundedInput as default };

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

@@ -1,7 +1,5 @@
 import { ComponentToken, InputToken, initComponentToken, initInputToken } from "./token.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
-import * as vue937 from "vue";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/input/style/index.d.ts
@@ -16,7 +14,7 @@ declare function genBasicInputStyle(token: InputToken, option?: {
 declare const genInputGroupStyle: GenerateStyle<InputToken, CSSObject>;
 declare const genInputStyle: GenerateStyle<InputToken, CSSObject>;
 declare const genAffixStyle: GenerateStyle<InputToken, CSSObject>;
-declare const useSharedStyle: (prefixCls: vue937.Ref<string>, rootCls?: vue937.Ref<string | undefined>) => readonly [vue937.Ref<string, string>, vue937.ComputedRef<string | undefined>];
-declare const _default: (prefixCls: vue937.Ref<string>, rootCls?: vue937.Ref<string | undefined>) => readonly [vue937.Ref<string, string>, vue937.ComputedRef<string | undefined>];
+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>];
 //#endregion
 export { type ComponentToken, _default as default, genActiveStyle, genAffixStyle, genBasicInputStyle, genInputGroupStyle, genInputLargeStyle, genInputSmallStyle, genInputStyle, genPlaceholderStyle, initComponentToken, initInputToken, useSharedStyle };

package/dist/input/style/index.js

@@ -5,7 +5,6 @@ import { genCompactItemStyle } from "../../style/compact-item.js";
 import { initComponentToken, initInputToken } from "./token.js";
 import { genBorderlessStyle, genFilledGroupStyle, genFilledStyle, genOutlinedGroupStyle, genOutlinedStyle, genUnderlinedStyle } from "./variants.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/input/style/index.ts
 function genPlaceholderStyle(color) {
 	return {
@@ -386,6 +385,5 @@ var style_default = genStyleHooks(["Input", "Component"], (token) => {
 		})
 	];
 }, initComponentToken, { resetFont: false });
-
 //#endregion
-export { style_default as default, genActiveStyle, genAffixStyle, genBasicInputStyle, genInputGroupStyle, genInputLargeStyle, genInputSmallStyle, genInputStyle, genPlaceholderStyle, initComponentToken, initInputToken, useSharedStyle };
+export { style_default as default, genActiveStyle, genAffixStyle, genBasicInputStyle, genInputGroupStyle, genInputLargeStyle, genInputSmallStyle, genInputStyle, genPlaceholderStyle, initComponentToken, initInputToken, useSharedStyle };

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

@@ -1,6 +1,4 @@
-import * as vue883 from "vue";
-
 //#region src/input/style/otp.d.ts
-declare const _default: (prefixCls: vue883.Ref<string>, rootCls?: vue883.Ref<string | undefined>) => readonly [vue883.Ref<string, string>, vue883.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>];
 //#endregion
 export { _default as default };

package/dist/input/style/otp.js

@@ -1,7 +1,6 @@
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { initComponentToken, initInputToken } from "./token.js";
-
 //#region src/input/style/otp.ts
 const genOTPStyle = (token) => {
 	const { componentCls, paddingXS } = token;
@@ -43,6 +42,5 @@ const genOTPStyle = (token) => {
 var otp_default = genStyleHooks(["Input", "OTP"], (token) => {
 	return genOTPStyle(mergeToken(token, initInputToken(token)));
 }, initComponentToken);
-
 //#endregion
-export { otp_default as default };
+export { otp_default as default };

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

@@ -1,6 +1,4 @@
-import * as vue927 from "vue";
-
 //#region src/input/style/search.d.ts
-declare const _default: (prefixCls: vue927.Ref<string>, rootCls?: vue927.Ref<string | undefined>) => readonly [vue927.Ref<string, string>, vue927.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>];
 //#endregion
 export { _default as default };

package/dist/input/style/search.js

@@ -1,21 +1,38 @@
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
-
+import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { mergeToken } from "../../theme/internal.js";
+import { initComponentToken, initInputToken } from "./token.js";
+import { unit } from "@antdv-next/cssinjs";
 //#region src/input/style/search.ts
 const genSearchStyle = (token) => {
-	const { componentCls } = token;
+	const { componentCls, antCls, calc, max } = token;
 	const btnCls = `${componentCls}-btn`;
+	const [varName, varRef] = genCssVar(antCls, "input-search");
+	const inputFontSizeSM = token.inputFontSizeSM ?? token.fontSize;
+	const smallButtonHeight = max(token.controlHeightSM, calc(inputFontSizeSM).mul(token.lineHeight).add(calc(token.paddingBlockSM).mul(2)).add(calc(token.lineWidth).mul(2)).equal());
 	return { [componentCls]: {
+		[varName("btn-height")]: unit(token.controlHeight),
 		width: "100%",
-		[btnCls]: { "&-filled": {
-			background: token.colorFillTertiary,
-			"&:not(:disabled)": {
-				"&:hover": { background: token.colorFillSecondary },
-				"&:active": { background: token.colorFill }
+		[btnCls]: {
+			height: varRef("btn-height"),
+			[`&${antCls}-btn-icon-only`]: { width: varRef("btn-height") },
+			"&-filled": {
+				background: token.colorFillTertiary,
+				"&:not(:disabled)": {
+					"&:hover": { background: token.colorFillSecondary },
+					"&:active": { background: token.colorFill }
+				}
 			}
-		} }
+		},
+		[`&${componentCls}-large`]: { [varName("btn-height")]: unit(token.controlHeightLG) },
+		[`&${componentCls}-small`]: { [varName("btn-height")]: unit(token.controlHeightSM) },
+		[`&${componentCls}-small ${btnCls}`]: {
+			minHeight: smallButtonHeight,
+			[`&${token.antCls}-btn-icon-only`]: { minWidth: smallButtonHeight }
+		}
 	} };
 };
-var search_default = genStyleHooks(["Input", "Search"], genSearchStyle);
-
+var search_default = genStyleHooks(["Input", "Search"], (token) => {
+	return genSearchStyle(mergeToken(token, initInputToken(token)));
+}, initComponentToken);
 //#endregion
-export { search_default as default };
+export { search_default as default };

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

@@ -1,7 +1,6 @@
 import { ComponentToken, initComponentToken, initInputToken } from "./token.js";
-import * as vue873 from "vue";
 
 //#region src/input/style/textarea.d.ts
-declare const _default: (prefixCls: vue873.Ref<string>, rootCls?: vue873.Ref<string | undefined>) => readonly [vue873.Ref<string, string>, vue873.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>];
 //#endregion
 export { type ComponentToken, _default as default, initComponentToken, initInputToken };

package/dist/input/style/textarea.js

@@ -1,7 +1,6 @@
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { initComponentToken, initInputToken } from "./token.js";
-
 //#region src/input/style/textarea.ts
 const genTextAreaStyle = (token) => {
 	const { componentCls, paddingLG } = token;
@@ -74,6 +73,5 @@ const genTextAreaStyle = (token) => {
 var textarea_default = genStyleHooks(["Input", "TextArea"], (token) => {
 	return genTextAreaStyle(mergeToken(token, initInputToken(token)));
 }, initComponentToken, { resetFont: false });
-
 //#endregion
-export { textarea_default as default, initComponentToken, initInputToken };
+export { textarea_default as default, initComponentToken, initInputToken };

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

@@ -1,7 +1,5 @@
 import { AliasToken } from "../../theme/interface/alias.js";
 import { FullToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-
 //#region src/input/style/token.d.ts
 interface SharedComponentToken {
   /**

package/dist/input/style/token.js

@@ -1,5 +1,4 @@
 import { mergeToken } from "../../theme/internal.js";
-
 //#region src/input/style/token.ts
 function initInputToken(token) {
 	return mergeToken(token, { inputAffixPadding: token.paddingXXS });
@@ -32,6 +31,5 @@ function initComponentToken(token) {
 		inputFontSizeSM: mergedFontSizeSM
 	};
 }
-
 //#endregion
-export { initComponentToken, initInputToken };
+export { initComponentToken, initInputToken };

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

@@ -1,6 +1,5 @@
 import { InputToken } from "./token.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/input/style/variants.d.ts