vant 3.2.4 → 3.2.8

package/es/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/es/row/Row.js

@@ -1,28 +1,24 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { truthProp, createNamespace } from '../utils';
+import { truthProp, makeStringProp, makeNumericProp, createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
 var [name, bem] = createNamespace('row');
 export var ROW_KEY = Symbol(name);
+var rowProps = {
+  tag: makeStringProp('div'),
+  wrap: truthProp,
+  align: String,
+  gutter: makeNumericProp(0),
+  justify: String
+};
 export default defineComponent({
   name,
-  props: {
-    wrap: 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/es/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/es/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/es/search/Search.js

@@ -1,7 +1,7 @@
 import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from 'vue'; // Utils
 
-import { pick, extend, truthProp, preventDefault, createNamespace } from '../utils';
+import { pick, extend, truthProp, preventDefault, makeStringProp, createNamespace } from '../utils';
 import { fieldSharedProps } from '../field/Field'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
@@ -9,31 +9,26 @@ import { useExpose } from '../composables/use-expose'; // Components
 import { Field } from '../field'; // Types
 
 var [name, bem, t] = createNamespace('search');
-var props = extend({}, fieldSharedProps, {
+var searchProps = extend({}, fieldSharedProps, {
   label: String,
+  shape: makeStringProp('square'),
+  leftIcon: makeStringProp('search'),
   clearable: truthProp,
   actionText: String,
   background: String,
-  showAction: Boolean,
-  shape: {
-    type: String,
-    default: 'square'
-  },
-  leftIcon: {
-    type: String,
-    default: 'search'
-  }
+  showAction: Boolean
 });
 export default 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 = ref();
 
     var onCancel = () => {
@@ -97,10 +92,9 @@ export default defineComponent({
         "type": "search",
         "class": bem('field'),
         "border": false,
-        "onKeypress": onKeypress
-      }, fieldAttrs, {
-        'onUpdate:modelValue': onInput
-      }), pick(slots, ['left-icon', 'right-icon']));
+        "onKeypress": onKeypress,
+        "onUpdate:modelValue": onInput
+      }, fieldAttrs), pick(slots, ['left-icon', 'right-icon']));
     };
 
     useExpose({

package/es/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/es/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;

package/es/search/index.less

@@ -19,13 +19,13 @@
   align-items: center;
   box-sizing: border-box;
   padding: var(--van-search-padding);
-  background-color: var(--van-search-background-color);
+  background: var(--van-search-background-color);
 
   &__content {
     display: flex;
     flex: 1;
     padding-left: var(--van-padding-sm);
-    background-color: var(--van-search-content-background-color);
+    background: var(--van-search-content-background-color);
     border-radius: var(--van-border-radius-sm);
 
     &--round {

package/es/search/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @search-padding: 10px var(--van-padding-sm);
-@search-background-color: var(--van-white);
+@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;