vant 3.2.4 → 3.2.8

package/lib/rate/index.d.ts

@@ -1,9 +1,21 @@
 export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     gutter: (NumberConstructor | StringConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     allowHalf: BooleanConstructor;
     voidColor: StringConstructor;
     touchable: {
@@ -11,47 +23,35 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: true;
     };
     iconPrefix: StringConstructor;
-    disabledColor: StringConstructor;
     modelValue: {
         type: NumberConstructor;
         default: number;
     };
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-    voidIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    count: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    disabledColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     size?: unknown;
+    icon?: unknown;
     color?: unknown;
+    count?: unknown;
     gutter?: unknown;
     readonly?: unknown;
     disabled?: unknown;
+    voidIcon?: unknown;
     allowHalf?: unknown;
     voidColor?: unknown;
     touchable?: unknown;
     iconPrefix?: unknown;
-    disabledColor?: unknown;
     modelValue?: unknown;
-    icon?: unknown;
-    voidIcon?: unknown;
-    count?: unknown;
+    disabledColor?: unknown;
 } & {
     disabled: boolean;
     icon: string;
-    readonly: boolean;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 } & {
     color?: string | undefined;
     iconPrefix?: string | undefined;
@@ -65,11 +65,12 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
 }, {
     disabled: boolean;
     icon: string;
-    readonly: boolean;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 }>>;
 export default Rate;
+export type { RateProps } from './Rate';

package/lib/row/Row.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ComputedRef, InjectionKey } from 'vue';
+import { PropType, ComputedRef, InjectionKey, ExtractPropTypes } from 'vue';
 export declare type RowSpaces = {
     left?: number;
     right: number;
@@ -9,27 +9,44 @@ export declare type RowProvide = {
 export declare const ROW_KEY: InjectionKey<RowProvide>;
 export declare type RowAlign = 'top' | 'center' | 'bottom';
 export declare type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-declare const _default: import("vue").DefineComponent<{
+declare const rowProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     wrap: {
         type: BooleanConstructor;
         default: true;
     };
     align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     justify: PropType<RowJustify>;
+};
+export declare type RowProps = ExtractPropTypes<typeof rowProps>;
+declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
     };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
     gutter: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    justify: PropType<RowJustify>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    tag?: unknown;
     wrap?: unknown;
     align?: unknown;
-    justify?: unknown;
-    tag?: unknown;
     gutter?: unknown;
+    justify?: unknown;
 } & {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;

package/lib/row/Row.js

@@ -12,26 +12,22 @@ var _use = require("@vant/use");
 var [name, bem] = (0, _utils.createNamespace)('row');
 var ROW_KEY = Symbol(name);
 exports.ROW_KEY = ROW_KEY;
+var rowProps = {
+  tag: (0, _utils.makeStringProp)('div'),
+  wrap: _utils.truthProp,
+  align: String,
+  gutter: (0, _utils.makeNumericProp)(0),
+  justify: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    wrap: _utils.truthProp,
-    align: String,
-    justify: String,
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    gutter: {
-      type: [Number, String],
-      default: 0
-    }
-  },
+  props: rowProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       children,
       linkChildren

package/lib/row/index.d.ts

@@ -1,24 +1,24 @@
 export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     wrap: {
         type: BooleanConstructor;
         default: true;
     };
     align: import("vue").PropType<import("./Row").RowAlign>;
-    justify: import("vue").PropType<import("./Row").RowJustify>;
-    tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
     gutter: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    justify: import("vue").PropType<import("./Row").RowJustify>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    tag?: unknown;
     wrap?: unknown;
     align?: unknown;
-    justify?: unknown;
-    tag?: unknown;
     gutter?: unknown;
+    justify?: unknown;
 } & {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
@@ -32,4 +32,4 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
     gutter: string | number;
 }>>;
 export default Row;
-export type { RowAlign, RowJustify } from './Row';
+export type { RowProps, RowAlign, RowJustify } from './Row';

package/lib/search/Search.d.ts

@@ -1,18 +1,34 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { ExtractPropTypes } from 'vue';
 import type { SearchShape } from './types';
-declare const props: {
+declare const searchProps: {
     id: StringConstructor;
     name: StringConstructor;
-    formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    inputAlign: PropType<import("../field").FieldTextAlign>;
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
+        default: import("../field").FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -25,24 +41,16 @@ declare const props: {
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<import("../field").FieldClearTrigger>;
-        default: string;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<SearchShape>;
+        default: SearchShape;
     };
-    formatTrigger: {
-        type: PropType<import("../field").FieldFormatTrigger>;
+    leftIcon: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-} & {
-    label: StringConstructor;
     clearable: {
         type: BooleanConstructor;
         default: true;
@@ -50,29 +58,37 @@ declare const props: {
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-    shape: {
-        type: PropType<SearchShape>;
-        default: string;
-    };
-    leftIcon: {
-        type: StringConstructor;
-        default: string;
-    };
 };
-export declare type SearchProps = ExtractPropTypes<typeof props>;
+export declare type SearchProps = ExtractPropTypes<typeof searchProps>;
 declare const _default: import("vue").DefineComponent<{
     id: StringConstructor;
     name: StringConstructor;
-    formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    inputAlign: PropType<import("../field").FieldTextAlign>;
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
+        default: import("../field").FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -85,24 +101,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<import("../field").FieldClearTrigger>;
-        default: string;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<SearchShape>;
+        default: SearchShape;
     };
-    formatTrigger: {
-        type: PropType<import("../field").FieldFormatTrigger>;
+    leftIcon: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-} & {
-    label: StringConstructor;
     clearable: {
         type: BooleanConstructor;
         default: true;
@@ -110,60 +118,52 @@ declare const _default: import("vue").DefineComponent<{
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-    shape: {
-        type: PropType<SearchShape>;
-        default: string;
-    };
-    leftIcon: {
-        type: StringConstructor;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     id?: unknown;
     name?: unknown;
-    formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
     autofocus?: unknown;
     clearable?: unknown;
     maxlength?: unknown;
+    formatter?: unknown;
+    clearIcon?: unknown;
+    modelValue?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
     autocomplete?: unknown;
     errorMessage?: unknown;
+    clearTrigger?: unknown;
+    formatTrigger?: unknown;
     error?: unknown;
     disabled?: unknown;
     readonly?: unknown;
-    clearIcon?: unknown;
-    modelValue?: unknown;
-    clearTrigger?: unknown;
-    formatTrigger?: unknown;
     label?: unknown;
+    shape?: unknown;
     actionText?: unknown;
     background?: unknown;
     showAction?: unknown;
-    shape?: unknown;
 } & {
     autofocus: boolean;
     disabled: boolean;
     shape: SearchShape;
     leftIcon: string;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showAction: boolean;
 } & {
     name?: string | undefined;
     label?: string | undefined;
     autocomplete?: string | undefined;
     id?: string | undefined;
-    formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: import("../field").FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -179,12 +179,12 @@ declare const _default: import("vue").DefineComponent<{
     shape: SearchShape;
     leftIcon: string;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showAction: boolean;
 }>;
 export default _default;

package/lib/search/Search.js

@@ -17,32 +17,27 @@ var _field = require("../field");
 // Composables
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('search');
-var props = (0, _utils.extend)({}, _Field.fieldSharedProps, {
+var searchProps = (0, _utils.extend)({}, _Field.fieldSharedProps, {
   label: String,
+  shape: (0, _utils.makeStringProp)('square'),
+  leftIcon: (0, _utils.makeStringProp)('search'),
   clearable: _utils.truthProp,
   actionText: String,
   background: String,
-  showAction: Boolean,
-  shape: {
-    type: String,
-    default: 'square'
-  },
-  leftIcon: {
-    type: String,
-    default: 'search'
-  }
+  showAction: Boolean
 });
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: searchProps,
   emits: ['search', 'cancel', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots,
-    attrs
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots,
+      attrs
+    } = _ref;
     var filedRef = (0, _vue.ref)();
 
     var onCancel = () => {
@@ -106,10 +101,9 @@ var _default = (0, _vue.defineComponent)({
         "type": "search",
         "class": bem('field'),
         "border": false,
-        "onKeypress": onKeypress
-      }, fieldAttrs, {
-        'onUpdate:modelValue': onInput
-      }), (0, _utils.pick)(slots, ['left-icon', 'right-icon']));
+        "onKeypress": onKeypress,
+        "onUpdate:modelValue": onInput
+      }, fieldAttrs), (0, _utils.pick)(slots, ['left-icon', 'right-icon']));
     };
 
     (0, _useExpose.useExpose)({

package/lib/search/index.css

@@ -1 +1 @@
-:root{--van-search-padding:10px var(--van-padding-sm);--van-search-background-color:var(--van-white);--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-color:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background-color: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;padding:5px var(--van-padding-xs) 5px 0;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-cancel-button,.van-search input::-webkit-search-decoration,.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;padding:5px var(--van-padding-xs) 5px 0;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-cancel-button,.van-search input::-webkit-search-decoration,.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/lib/search/index.d.ts

@@ -2,16 +2,32 @@ import { SearchProps } from './Search';
 export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
     id: StringConstructor;
     name: StringConstructor;
-    formatter: import("vue").PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("..").FieldClearTrigger>;
+        default: import("..").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("..").FieldFormatTrigger>;
+        default: import("..").FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -24,24 +40,16 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: import("vue").PropType<import("..").FieldClearTrigger>;
-        default: string;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<import("./types").SearchShape>;
+        default: import("./types").SearchShape;
     };
-    formatTrigger: {
-        type: import("vue").PropType<import("..").FieldFormatTrigger>;
+    leftIcon: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-} & {
-    label: StringConstructor;
     clearable: {
         type: BooleanConstructor;
         default: true;
@@ -49,60 +57,52 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("./types").SearchShape>;
-        default: string;
-    };
-    leftIcon: {
-        type: StringConstructor;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     id?: unknown;
     name?: unknown;
-    formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
     autofocus?: unknown;
     clearable?: unknown;
     maxlength?: unknown;
+    formatter?: unknown;
+    clearIcon?: unknown;
+    modelValue?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
     autocomplete?: unknown;
     errorMessage?: unknown;
+    clearTrigger?: unknown;
+    formatTrigger?: unknown;
     error?: unknown;
     disabled?: unknown;
     readonly?: unknown;
-    clearIcon?: unknown;
-    modelValue?: unknown;
-    clearTrigger?: unknown;
-    formatTrigger?: unknown;
     label?: unknown;
+    shape?: unknown;
     actionText?: unknown;
     background?: unknown;
     showAction?: unknown;
-    shape?: unknown;
 } & {
     autofocus: boolean;
     disabled: boolean;
     shape: import("./types").SearchShape;
     leftIcon: string;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showAction: boolean;
 } & {
     name?: string | undefined;
     label?: string | undefined;
     autocomplete?: string | undefined;
     id?: string | undefined;
-    formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: import("..").FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -118,12 +118,12 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     shape: import("./types").SearchShape;
     leftIcon: string;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showAction: boolean;
 }>>;
 export default Search;