vant 3.2.1 → 3.2.5

package/es/field/index.d.ts

@@ -1,4 +1,5 @@
-declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { FieldProps } from './Field';
+export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
     size: import("vue").PropType<"large">;
     title: (NumberConstructor | StringConstructor)[];
@@ -22,15 +23,34 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
         default: null;
     };
 } & {
-    formatter: import("vue").PropType<(value: string) => string>;
+    id: StringConstructor;
+    name: StringConstructor;
     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("./types").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("./types").FieldClearTrigger>;
+        default: import("./types").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("./types").FieldFormatTrigger>;
+        default: import("./types").FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -43,37 +63,19 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: import("vue").PropType<import("./types").FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: import("vue").PropType<import("./types").FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
-    name: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").FieldType>;
+        default: import("./types").FieldType;
+    };
     rules: import("vue").PropType<import("./types").FieldRule[]>;
     autosize: import("vue").PropType<boolean | import("./types").FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelClass: import("vue").PropType<unknown>;
     labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
-    autocomplete: StringConstructor;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
-    type: {
-        type: import("vue").PropType<import("./types").FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -95,49 +97,50 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     titleStyle?: unknown;
     arrowDirection?: unknown;
     clickable?: unknown;
-    formatter?: unknown;
+    id?: unknown;
+    name?: 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;
     rows?: unknown;
-    name?: unknown;
+    type?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
-    autocomplete?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
-    type?: unknown;
     colon?: unknown;
 } & {
     type: import("./types").FieldType;
     center: boolean;
+    autofocus: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    autofocus: boolean;
     clearable: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 } & {
@@ -145,18 +148,20 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    autocomplete?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("..").CellArrowDirection | undefined;
-    formatter?: ((value: string) => string) | undefined;
+    id?: string | undefined;
     leftIcon?: string | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: import("./types").FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -165,7 +170,6 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     autosize?: boolean | import("./types").FieldAutosizeConfig | undefined;
     labelWidth?: string | number | undefined;
     labelAlign?: import("./types").FieldTextAlign | undefined;
-    autocomplete?: string | undefined;
     errorMessageAlign?: import("./types").FieldTextAlign | undefined;
 }> & {
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -179,22 +183,22 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
 }, {
     type: import("./types").FieldType;
     center: boolean;
+    autofocus: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    autofocus: boolean;
     clearable: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 }>>;
 export default Field;
-export { Field };
+export type { FieldProps };
 export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, } from './types';

package/es/field/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Field from './Field';
-var Field = withInstall(_Field);
-export default Field;
-export { Field };
+export var Field = withInstall(_Field);
+export default Field;

package/es/field/index.less

@@ -14,7 +14,7 @@
   --van-field-clear-icon-color: @field-clear-icon-color;
   --van-field-right-icon-color: @field-right-icon-color;
   --van-field-error-message-color: @field-error-message-color;
-  --van-field-error-message-text-color: @field-error-message-text-color;
+  --van-field-error-message-font-size: @field-error-message-font-size;
   --van-field-text-area-min-height: @field-text-area-min-height;
   --van-field-word-limit-color: @field-word-limit-color;
   --van-field-word-limit-font-size: @field-word-limit-font-size;
@@ -78,6 +78,8 @@
     background-color: transparent;
     border: 0;
     resize: none;
+    // https://github.com/youzan/vant/pull/9418
+    user-select: auto;
 
     &::placeholder {
       color: var(--van-field-placeholder-text-color);
@@ -175,7 +177,7 @@
 
   &__error-message {
     color: var(--van-field-error-message-color);
-    font-size: var(--van-field-error-message-text-color);
+    font-size: var(--van-field-error-message-font-size);
     text-align: left;
 
     &--center {

package/es/field/var.less

@@ -12,7 +12,7 @@
 @field-clear-icon-color: var(--van-gray-5);
 @field-right-icon-color: var(--van-gray-6);
 @field-error-message-color: var(--van-danger-color);
-@field-error-message-text-color: 12px;
+@field-error-message-font-size: 12px;
 @field-text-area-min-height: 60px;
 @field-word-limit-color: var(--van-gray-7);
 @field-word-limit-font-size: var(--van-font-size-sm);

package/es/form/Form.d.ts

@@ -14,15 +14,15 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
+    validateTrigger: {
+        type: PropType<FieldValidateTrigger>;
+        default: FieldValidateTrigger;
+    };
     showErrorMessage: {
         type: BooleanConstructor;
         default: true;
     };
     errorMessageAlign: PropType<FieldTextAlign>;
-    validateTrigger: {
-        type: PropType<FieldValidateTrigger>;
-        default: string;
-    };
 };
 export declare type FormProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
@@ -39,15 +39,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    validateTrigger: {
+        type: PropType<FieldValidateTrigger>;
+        default: FieldValidateTrigger;
+    };
     showErrorMessage: {
         type: BooleanConstructor;
         default: true;
     };
     errorMessageAlign: PropType<FieldTextAlign>;
-    validateTrigger: {
-        type: PropType<FieldValidateTrigger>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     colon?: unknown;
     disabled?: unknown;
@@ -59,9 +59,9 @@ declare const _default: import("vue").DefineComponent<{
     scrollToError?: unknown;
     validateFirst?: unknown;
     submitOnEnter?: unknown;
+    validateTrigger?: unknown;
     showErrorMessage?: unknown;
     errorMessageAlign?: unknown;
-    validateTrigger?: unknown;
 } & {
     disabled: boolean;
     readonly: boolean;
@@ -70,8 +70,8 @@ declare const _default: import("vue").DefineComponent<{
     scrollToError: boolean;
     validateFirst: boolean;
     submitOnEnter: boolean;
-    showErrorMessage: boolean;
     validateTrigger: FieldValidateTrigger;
+    showErrorMessage: boolean;
 } & {
     inputAlign?: FieldTextAlign | undefined;
     labelWidth?: string | number | undefined;
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollToError: boolean;
     validateFirst: boolean;
     submitOnEnter: boolean;
-    showErrorMessage: boolean;
     validateTrigger: FieldValidateTrigger;
+    showErrorMessage: boolean;
 }>;
 export default _default;

package/es/form/Form.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { truthProp, FORM_KEY, createNamespace } from '../utils'; // Composables
+import { FORM_KEY, truthProp, numericProp, makeStringProp, createNamespace } from '../utils'; // Composables
 
 import { useChildren } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Types
@@ -12,18 +12,15 @@ var props = {
   disabled: Boolean,
   readonly: Boolean,
   showError: Boolean,
-  labelWidth: [Number, String],
+  labelWidth: numericProp,
   labelAlign: String,
   inputAlign: String,
   scrollToError: Boolean,
   validateFirst: Boolean,
   submitOnEnter: truthProp,
+  validateTrigger: makeStringProp('onBlur'),
   showErrorMessage: truthProp,
-  errorMessageAlign: String,
-  validateTrigger: {
-    type: String,
-    default: 'onBlur'
-  }
+  errorMessageAlign: String
 };
 export default defineComponent({
   name,

package/es/form/index.d.ts

@@ -1,4 +1,5 @@
-declare const Form: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { FormProps } from './Form';
+export declare const Form: import("../utils").WithInstall<import("vue").DefineComponent<{
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -12,15 +13,15 @@ declare const Form: import("../utils").WithInstall<import("vue").DefineComponent
         type: BooleanConstructor;
         default: true;
     };
+    validateTrigger: {
+        type: import("vue").PropType<import("..").FieldValidateTrigger>;
+        default: import("..").FieldValidateTrigger;
+    };
     showErrorMessage: {
         type: BooleanConstructor;
         default: true;
     };
     errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
-    validateTrigger: {
-        type: import("vue").PropType<import("..").FieldValidateTrigger>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     colon?: unknown;
     disabled?: unknown;
@@ -32,9 +33,9 @@ declare const Form: import("../utils").WithInstall<import("vue").DefineComponent
     scrollToError?: unknown;
     validateFirst?: unknown;
     submitOnEnter?: unknown;
+    validateTrigger?: unknown;
     showErrorMessage?: unknown;
     errorMessageAlign?: unknown;
-    validateTrigger?: unknown;
 } & {
     disabled: boolean;
     readonly: boolean;
@@ -43,8 +44,8 @@ declare const Form: import("../utils").WithInstall<import("vue").DefineComponent
     scrollToError: boolean;
     validateFirst: boolean;
     submitOnEnter: boolean;
-    showErrorMessage: boolean;
     validateTrigger: import("..").FieldValidateTrigger;
+    showErrorMessage: boolean;
 } & {
     inputAlign?: import("..").FieldTextAlign | undefined;
     labelWidth?: string | number | undefined;
@@ -61,9 +62,9 @@ declare const Form: import("../utils").WithInstall<import("vue").DefineComponent
     scrollToError: boolean;
     validateFirst: boolean;
     submitOnEnter: boolean;
-    showErrorMessage: boolean;
     validateTrigger: import("..").FieldValidateTrigger;
+    showErrorMessage: boolean;
 }>>;
 export default Form;
-export { Form };
+export type { FormProps };
 export type { FormInstance } from './types';

package/es/form/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Form from './Form';
-var Form = withInstall(_Form);
-export default Form;
-export { Form };
+export var Form = withInstall(_Form);
+export default Form;

package/es/grid/Grid.d.ts

@@ -54,21 +54,21 @@ declare const _default: import("vue").DefineComponent<{
     clickable?: unknown;
     columnNum?: unknown;
 } & {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 } & {
     iconSize?: string | number | undefined;
     direction?: GridDirection | undefined;
     gutter?: string | number | undefined;
-}> & {}, {
+}>, {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 }>;

package/es/grid/Grid.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { createNamespace, addUnit, truthProp } from '../utils';
+import { createNamespace, addUnit, truthProp, numericProp, makeNumericProp } from '../utils';
 import { BORDER_TOP } from '../utils/constant';
 import { useChildren } from '@vant/use';
 var [name, bem] = createNamespace('grid');
@@ -8,15 +8,12 @@ var props = {
   square: Boolean,
   center: truthProp,
   border: truthProp,
-  gutter: [Number, String],
+  gutter: numericProp,
   reverse: Boolean,
-  iconSize: [Number, String],
+  iconSize: numericProp,
   direction: String,
   clickable: Boolean,
-  columnNum: {
-    type: [Number, String],
-    default: 4
-  }
+  columnNum: makeNumericProp(4)
 };
 export var GRID_KEY = Symbol(name);
 export default defineComponent({

package/es/grid/index.d.ts

@@ -1,4 +1,4 @@
-declare const Grid: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Grid: import("../utils").WithInstall<import("vue").DefineComponent<{
     square: BooleanConstructor;
     center: {
         type: BooleanConstructor;
@@ -28,24 +28,23 @@ declare const Grid: import("../utils").WithInstall<import("vue").DefineComponent
     clickable?: unknown;
     columnNum?: unknown;
 } & {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 } & {
     iconSize?: string | number | undefined;
     direction?: import("./Grid").GridDirection | undefined;
     gutter?: string | number | undefined;
-}> & {}, {
+}>, {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 }>>;
 export default Grid;
-export { Grid };
 export type { GridDirection } from './Grid';

package/es/grid/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Grid from './Grid';
-var Grid = withInstall(_Grid);
-export default Grid;
-export { Grid };
+export var Grid = withInstall(_Grid);
+export default Grid;

package/es/grid-item/GridItem.d.ts

@@ -7,8 +7,8 @@ declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     icon: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
-    iconPrefix: StringConstructor;
     iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
     text?: unknown;
     icon?: unknown;
     badge?: unknown;
-    iconPrefix?: unknown;
     iconColor?: unknown;
+    iconPrefix?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     iconColor?: string | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
 }>;

package/es/grid-item/GridItem.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue'; // Utils
 
-import { createNamespace, BORDER, addUnit, extend } from '../utils';
+import { BORDER, extend, addUnit, numericProp, createNamespace } from '../utils';
 import { GRID_KEY } from '../grid/Grid'; // Composables
 
 import { useParent } from '@vant/use';
@@ -16,9 +16,9 @@ export default defineComponent({
     dot: Boolean,
     text: String,
     icon: String,
-    badge: [Number, String],
-    iconPrefix: String,
-    iconColor: String
+    badge: numericProp,
+    iconColor: String,
+    iconPrefix: String
   }),
 
   setup(props, {

package/es/grid-item/index.d.ts

@@ -1,4 +1,4 @@
-declare const GridItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const GridItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -7,8 +7,8 @@ declare const GridItem: import("../utils").WithInstall<import("vue").DefineCompo
     text: StringConstructor;
     icon: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
-    iconPrefix: StringConstructor;
     iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
@@ -17,8 +17,8 @@ declare const GridItem: import("../utils").WithInstall<import("vue").DefineCompo
     text?: unknown;
     icon?: unknown;
     badge?: unknown;
-    iconPrefix?: unknown;
     iconColor?: unknown;
+    iconPrefix?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
@@ -30,9 +30,8 @@ declare const GridItem: import("../utils").WithInstall<import("vue").DefineCompo
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     iconColor?: string | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
 }>>;
 export default GridItem;
-export { GridItem };

package/es/grid-item/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _GridItem from './GridItem';
-var GridItem = withInstall(_GridItem);
-export default GridItem;
-export { GridItem };
+export var GridItem = withInstall(_GridItem);
+export default GridItem;

package/es/icon/Icon.d.ts

@@ -1,23 +1,22 @@
-import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     dot: BooleanConstructor;
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     name: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
     color: StringConstructor;
     classPrefix: StringConstructor;
-    tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
 }, () => 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<{
     dot?: unknown;
+    tag?: unknown;
     name?: unknown;
     size?: unknown;
     badge?: unknown;
     color?: unknown;
     classPrefix?: unknown;
-    tag?: unknown;
 } & {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
@@ -27,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     color?: string | undefined;
     size?: string | number | undefined;
     classPrefix?: string | undefined;
-}> & {}, {
+}>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
 }>;