vant 3.6.15 → 3.6.16

package/es/search/Search.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import type { SearchShape } from './types';
-export declare const searchProps: {
+declare const searchProps: {
     id: StringConstructor;
     name: StringConstructor;
     leftIcon: StringConstructor;
@@ -8,11 +8,9 @@ export declare const searchProps: {
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     clearIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     modelValue: {
@@ -22,22 +20,16 @@ export declare const searchProps: {
     inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
     };
     formatTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
         default: import("../field").FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -50,15 +42,14 @@ export declare const searchProps: {
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<SearchShape>;
         default: SearchShape;
     };
     leftIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     clearable: {
@@ -69,8 +60,8 @@ export declare const searchProps: {
     background: StringConstructor;
     showAction: BooleanConstructor;
 };
-export type SearchProps = ExtractPropTypes<typeof searchProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type SearchProps = ExtractPropTypes<typeof searchProps>;
+declare const _default: import("vue").DefineComponent<{
     id: StringConstructor;
     name: StringConstructor;
     leftIcon: StringConstructor;
@@ -78,11 +69,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     clearIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     modelValue: {
@@ -92,22 +81,16 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
     };
     formatTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
         default: import("../field").FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -120,15 +103,14 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<SearchShape>;
         default: SearchShape;
     };
     leftIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     clearable: {
@@ -138,7 +120,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     leftIcon: StringConstructor;
@@ -146,11 +128,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     clearIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     modelValue: {
@@ -160,22 +140,16 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
     };
     formatTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
         default: import("../field").FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -188,15 +162,14 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<SearchShape>;
         default: SearchShape;
     };
     leftIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     clearable: {
@@ -206,17 +179,17 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-}>> & Readonly<{
+}>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-    onClickInput?: ((...args: any[]) => any) | undefined;
-    onClickLeftIcon?: ((...args: any[]) => any) | undefined;
-    onClickRightIcon?: ((...args: any[]) => any) | undefined;
+    "onClick-input"?: ((...args: any[]) => any) | undefined;
+    "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
+    "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     autofocus: boolean;
     disabled: boolean;
     shape: SearchShape;
@@ -226,9 +199,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     modelValue: string | number;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
-    spellcheck: boolean;
     error: boolean;
     readonly: boolean;
     showAction: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/search/Search.mjs

@@ -1,4 +1,5 @@
-import { ref, defineComponent, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { ref, defineComponent } from "vue";
 import { pick, extend, truthProp, preventDefault, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { fieldSharedProps } from "../field/Field.mjs";
 import { useId } from "../composables/use-id.mjs";
@@ -17,14 +18,14 @@ const searchProps = extend({}, fieldSharedProps, {
 var stdin_default = defineComponent({
   name,
   props: searchProps,
-  emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
+  emits: ["blur", "focus", "clear", "search", "cancel", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
   setup(props, {
     emit,
     slots,
     attrs
   }) {
     const id = useId();
-    const fieldRef = ref();
+    const filedRef = ref();
     const onCancel = () => {
       if (!slots.action) {
         emit("update:modelValue", "");
@@ -43,8 +44,7 @@ var stdin_default = defineComponent({
       if (slots.label || props.label) {
         return _createVNode("label", {
           "class": bem("label"),
-          "for": getInputId(),
-          "data-allow-mismatch": "attribute"
+          "for": getInputId()
         }, [slots.label ? slots.label() : props.label]);
       }
     };
@@ -61,18 +61,18 @@ var stdin_default = defineComponent({
     };
     const blur = () => {
       var _a;
-      return (_a = fieldRef.value) == null ? void 0 : _a.blur();
+      return (_a = filedRef.value) == null ? void 0 : _a.blur();
     };
     const focus = () => {
       var _a;
-      return (_a = fieldRef.value) == null ? void 0 : _a.focus();
+      return (_a = filedRef.value) == null ? void 0 : _a.focus();
     };
     const onBlur = (event) => emit("blur", event);
     const onFocus = (event) => emit("focus", event);
     const onClear = (event) => emit("clear", event);
-    const onClickInput = (event) => emit("clickInput", event);
-    const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
-    const onClickRightIcon = (event) => emit("clickRightIcon", event);
+    const onClickInput = (event) => emit("click-input", event);
+    const onClickLeftIcon = (event) => emit("click-left-icon", event);
+    const onClickRightIcon = (event) => emit("click-right-icon", event);
     const fieldPropNames = Object.keys(fieldSharedProps);
     const renderField = () => {
       const fieldAttrs = extend({}, attrs, pick(props, fieldPropNames), {
@@ -80,19 +80,17 @@ var stdin_default = defineComponent({
       });
       const onInput = (value) => emit("update:modelValue", value);
       return _createVNode(Field, _mergeProps({
-        "ref": fieldRef,
+        "ref": filedRef,
         "type": "search",
-        "class": bem("field", {
-          "with-message": fieldAttrs.errorMessage
-        }),
+        "class": bem("field"),
         "border": false,
         "onBlur": onBlur,
         "onFocus": onFocus,
         "onClear": onClear,
         "onKeypress": onKeypress,
-        "onClickInput": onClickInput,
-        "onClickLeftIcon": onClickLeftIcon,
-        "onClickRightIcon": onClickRightIcon,
+        "onClick-input": onClickInput,
+        "onClick-left-icon": onClickLeftIcon,
+        "onClick-right-icon": onClickRightIcon,
         "onUpdate:modelValue": onInput
       }, fieldAttrs), pick(slots, ["left-icon", "right-icon"]));
     };
@@ -116,6 +114,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default,
-  searchProps
+  stdin_default as default
 };

package/es/search/index.css

@@ -1 +1 @@
-:root,:host{--van-search-padding: 10px var(--van-padding-sm);--van-search-background: var(--van-background-2);--van-search-content-background: var(--van-background);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background);border-radius:var(--van-radius-sm)}.van-search__content--round{border-radius:var(--van-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;align-items:center;padding:0 var(--van-padding-xs) 0 0;height:var(--van-search-input-height);background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search__field--with-message{height:auto;align-items:flex-start;padding-top:5px;padding-bottom:5px}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}
+:root{--van-search-padding: 10px var(--van-padding-sm);--van-search-background-color: var(--van-background-color-light);--van-search-content-background-color: var(--van-gray-1);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background-color);border-radius:var(--van-border-radius-sm)}.van-search__content--round{border-radius:var(--van-border-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;align-items:center;padding:0 var(--van-padding-xs) 0 0;height:var(--van-search-input-height);background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}

package/es/search/index.d.ts

@@ -1,5 +1,5 @@
 import { SearchProps } from './Search';
-export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
     id: StringConstructor;
     name: StringConstructor;
     leftIcon: StringConstructor;
@@ -7,11 +7,9 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     clearIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     modelValue: {
@@ -21,22 +19,16 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;
     };
     formatTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("..").FieldFormatTrigger>;
         default: import("..").FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -49,15 +41,14 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").SearchShape>;
         default: import("./types").SearchShape;
     };
     leftIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     clearable: {
@@ -67,7 +58,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     leftIcon: StringConstructor;
@@ -75,11 +66,9 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     clearIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     modelValue: {
@@ -89,22 +78,16 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;
     };
     formatTrigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("..").FieldFormatTrigger>;
         default: import("..").FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -117,15 +100,14 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").SearchShape>;
         default: import("./types").SearchShape;
     };
     leftIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     clearable: {
@@ -135,17 +117,17 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-}>> & Readonly<{
+}>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-    onClickInput?: ((...args: any[]) => any) | undefined;
-    onClickLeftIcon?: ((...args: any[]) => any) | undefined;
-    onClickRightIcon?: ((...args: any[]) => any) | undefined;
+    "onClick-input"?: ((...args: any[]) => any) | undefined;
+    "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
+    "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     autofocus: boolean;
     disabled: boolean;
     shape: import("./types").SearchShape;
@@ -155,15 +137,13 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
-    spellcheck: boolean;
     error: boolean;
     readonly: boolean;
     showAction: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Search;
-export { searchProps } from './Search';
 export type { SearchProps };
-export type { SearchShape, SearchInstance, SearchThemeVars } from './types';
+export type { SearchShape, SearchInstance } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSearch: typeof Search;

package/es/search/index.less

@@ -0,0 +1,80 @@
+@import './var.less';
+
+:root {
+  --van-search-padding: @search-padding;
+  --van-search-background-color: @search-background-color;
+  --van-search-content-background-color: @search-content-background-color;
+  --van-search-input-height: @search-input-height;
+  --van-search-label-padding: @search-label-padding;
+  --van-search-label-color: @search-label-color;
+  --van-search-label-font-size: @search-label-font-size;
+  --van-search-left-icon-color: @search-left-icon-color;
+  --van-search-action-padding: @search-action-padding;
+  --van-search-action-text-color: @search-action-text-color;
+  --van-search-action-font-size: @search-action-font-size;
+}
+
+.van-search {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: var(--van-search-padding);
+  background: var(--van-search-background-color);
+
+  &__content {
+    display: flex;
+    flex: 1;
+    padding-left: var(--van-padding-sm);
+    background: var(--van-search-content-background-color);
+    border-radius: var(--van-border-radius-sm);
+
+    &--round {
+      border-radius: var(--van-border-radius-max);
+    }
+  }
+
+  &__label {
+    padding: var(--van-search-label-padding);
+    color: var(--van-search-label-color);
+    font-size: var(--van-search-label-font-size);
+    line-height: var(--van-search-input-height);
+  }
+
+  &__field {
+    flex: 1;
+    align-items: center;
+    padding: 0 var(--van-padding-xs) 0 0;
+    height: var(--van-search-input-height);
+    background-color: transparent;
+
+    .van-field__left-icon {
+      color: var(--van-search-left-icon-color);
+    }
+  }
+
+  &--show-action {
+    padding-right: 0;
+  }
+
+  input {
+    &::-webkit-search-decoration,
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-results-button,
+    &::-webkit-search-results-decoration {
+      display: none;
+    }
+  }
+
+  &__action {
+    padding: var(--van-search-action-padding);
+    color: var(--van-search-action-text-color);
+    font-size: var(--van-search-action-font-size);
+    line-height: var(--van-search-input-height);
+    cursor: pointer;
+    user-select: none;
+
+    &:active {
+      background-color: var(--van-active-color);
+    }
+  }
+}

package/es/search/index.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Search from "./Search.mjs";
 const Search = withInstall(_Search);
 var stdin_default = Search;
-import { searchProps } from "./Search.mjs";
 export {
   Search,
-  stdin_default as default,
-  searchProps
+  stdin_default as default
 };

package/es/search/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/es/search/style/less.mjs

@@ -0,0 +1,6 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../cell/index.less";
+import "../../field/index.less";
+import "../index.less";

package/es/search/types.d.ts

@@ -1,21 +1,8 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { SearchProps } from './Search';
-export type SearchShape = 'square' | 'round';
-export type SearchExpose = {
+export declare type SearchShape = 'square' | 'round';
+export declare type SearchExpose = {
     focus: () => void;
     blur: () => void;
 };
-export type SearchInstance = ComponentPublicInstance<SearchProps, SearchExpose>;
-export type SearchThemeVars = {
-    searchPadding?: string;
-    searchBackground?: string;
-    searchContentBackground?: string;
-    searchInputHeight?: string;
-    searchLabelPadding?: string;
-    searchLabelColor?: string;
-    searchLabelFontSize?: string;
-    searchLeftIconColor?: string;
-    searchActionPadding?: string;
-    searchActionTextColor?: string;
-    searchActionFontSize?: string;
-};
+export declare type SearchInstance = ComponentPublicInstance<SearchProps, SearchExpose>;

package/es/search/var.less

@@ -0,0 +1,13 @@
+@import '../style/var.less';
+
+@search-padding: 10px var(--van-padding-sm);
+@search-background-color: var(--van-background-color-light);
+@search-content-background-color: var(--van-gray-1);
+@search-input-height: 34px;
+@search-label-padding: 0 5px;
+@search-label-color: var(--van-text-color);
+@search-label-font-size: var(--van-font-size-md);
+@search-left-icon-color: var(--van-gray-6);
+@search-action-padding: 0 var(--van-padding-xs);
+@search-action-text-color: var(--van-text-color);
+@search-action-font-size: var(--van-font-size-md);