vant 3.2.4 → 3.2.5

package/es/dropdown-menu/DropdownMenu.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { InjectionKey, ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
 declare const props: {
     overlay: {
@@ -6,6 +6,14 @@ declare const props: {
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -15,14 +23,6 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<DropdownMenuDirection>;
-        default: string;
-    };
 };
 export declare type DropdownMenuProps = ExtractPropTypes<typeof props>;
 export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
@@ -32,6 +32,14 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -41,22 +49,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<DropdownMenuDirection>;
-        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<{
     overlay?: unknown;
     zIndex?: unknown;
+    duration?: unknown;
+    direction?: unknown;
     activeColor?: unknown;
     closeOnClickOutside?: unknown;
     closeOnClickOverlay?: unknown;
-    duration?: unknown;
-    direction?: unknown;
 } & {
     overlay: boolean;
     duration: string | number;

package/es/dropdown-menu/DropdownMenu.js

@@ -1,25 +1,19 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from 'vue'; // Utils
 
-import { isDef, truthProp, createNamespace } from '../utils'; // Composables
+import { isDef, truthProp, numericProp, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Composables
 
 import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from '@vant/use'; // Types
 
 var [name, bem] = createNamespace('dropdown-menu');
 var props = {
   overlay: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
+  duration: makeNumericProp(0.2),
+  direction: makeStringProp('down'),
   activeColor: String,
   closeOnClickOutside: truthProp,
-  closeOnClickOverlay: truthProp,
-  duration: {
-    type: [Number, String],
-    default: 0.2
-  },
-  direction: {
-    type: String,
-    default: 'down'
-  }
+  closeOnClickOverlay: truthProp
 };
 export var DROPDOWN_KEY = Symbol(name);
 export default defineComponent({

package/es/dropdown-menu/index.d.ts

@@ -5,6 +5,14 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
+        default: import("./types").DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -14,22 +22,14 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
-        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<{
     overlay?: unknown;
     zIndex?: unknown;
+    duration?: unknown;
+    direction?: unknown;
     activeColor?: unknown;
     closeOnClickOutside?: unknown;
     closeOnClickOverlay?: unknown;
-    duration?: unknown;
-    direction?: unknown;
 } & {
     overlay: boolean;
     duration: string | number;

package/es/empty/Empty.d.ts

@@ -1,14 +1,14 @@
 declare const _default: import("vue").DefineComponent<{
-    imageSize: (NumberConstructor | StringConstructor)[];
-    description: StringConstructor;
     image: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    imageSize: (NumberConstructor | StringConstructor)[];
+    description: StringConstructor;
 }, () => 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<{
+    image?: unknown;
     imageSize?: unknown;
     description?: unknown;
-    image?: unknown;
 } & {
     image: string;
 } & {

package/es/empty/Empty.js

@@ -1,18 +1,15 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { createNamespace, getSizeStyle } from '../utils';
+import { numericProp, getSizeStyle, makeStringProp, createNamespace } from '../utils';
 import { Network } from './Network';
 var [name, bem] = createNamespace('empty');
 var PRESET_IMAGES = ['error', 'search', 'default'];
 export default defineComponent({
   name,
   props: {
-    imageSize: [Number, String],
-    description: String,
-    image: {
-      type: String,
-      default: 'default'
-    }
+    image: makeStringProp('default'),
+    imageSize: numericProp,
+    description: String
   },
 
   setup(props, {

package/es/empty/index.d.ts

@@ -1,14 +1,14 @@
 export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
-    imageSize: (NumberConstructor | StringConstructor)[];
-    description: StringConstructor;
     image: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    imageSize: (NumberConstructor | StringConstructor)[];
+    description: StringConstructor;
 }, () => 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<{
+    image?: unknown;
     imageSize?: unknown;
     description?: unknown;
-    image?: unknown;
 } & {
     image: string;
 } & {

package/es/field/Field.d.ts

@@ -3,16 +3,32 @@ import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldForm
 export declare const fieldSharedProps: {
     id: StringConstructor;
     name: StringConstructor;
-    formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -25,22 +41,6 @@ export declare const fieldSharedProps: {
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 };
 declare const props: {
     icon: StringConstructor;
@@ -68,16 +68,32 @@ declare const props: {
 } & {
     id: StringConstructor;
     name: StringConstructor;
-    formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -90,24 +106,12 @@ declare const props: {
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
     rules: PropType<FieldRule[]>;
     autosize: PropType<boolean | FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
@@ -115,10 +119,6 @@ declare const props: {
     labelAlign: PropType<FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
-    type: {
-        type: PropType<FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -151,16 +151,32 @@ 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)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -173,24 +189,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
     rules: PropType<FieldRule[]>;
     autosize: PropType<boolean | FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
@@ -198,10 +202,6 @@ declare const _default: import("vue").DefineComponent<{
     labelAlign: PropType<FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
-    type: {
-        type: PropType<FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -225,31 +225,31 @@ declare const _default: import("vue").DefineComponent<{
     clickable?: unknown;
     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;
     rows?: unknown;
+    type?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
-    type?: unknown;
     colon?: unknown;
 } & {
     type: FieldType;
@@ -261,12 +261,12 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 } & {
@@ -284,10 +284,10 @@ declare const _default: import("vue").DefineComponent<{
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("../cell").CellArrowDirection | undefined;
     id?: string | undefined;
-    formatter?: ((value: string) => string) | undefined;
     leftIcon?: string | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -316,12 +316,12 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 }>;

package/es/field/Field.js

@@ -1,7 +1,7 @@
 import { resolveDirective as _resolveDirective, createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { ref, watch, provide, computed, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
 
-import { isDef, extend, addUnit, FORM_KEY, unknownProp, resetScroll, formatNumber, preventDefault, createNamespace } from '../utils';
+import { isDef, extend, addUnit, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace } from '../utils';
 import { runSyncRule, endComposing, mapInputType, startComposing, getRuleMessage, resizeTextarea, runRuleValidator } from './utils';
 import { cellProps } from '../cell/Cell'; // Composables
 
@@ -16,16 +16,20 @@ var [name, bem] = createNamespace('field'); // provide to Search component to in
 export var fieldSharedProps = {
   id: String,
   name: String,
-  formatter: Function,
   leftIcon: String,
   rightIcon: String,
   autofocus: Boolean,
   clearable: Boolean,
-  maxlength: [Number, String],
+  maxlength: numericProp,
+  formatter: Function,
+  clearIcon: makeStringProp('clear'),
+  modelValue: makeNumericProp(''),
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
+  clearTrigger: makeStringProp('focus'),
+  formatTrigger: makeStringProp('onChange'),
   error: {
     type: Boolean,
     default: null
@@ -37,37 +41,18 @@ export var fieldSharedProps = {
   readonly: {
     type: Boolean,
     default: null
-  },
-  clearIcon: {
-    type: String,
-    default: 'clear'
-  },
-  modelValue: {
-    type: [Number, String],
-    default: ''
-  },
-  clearTrigger: {
-    type: String,
-    default: 'focus'
-  },
-  formatTrigger: {
-    type: String,
-    default: 'onChange'
   }
 };
 var props = extend({}, cellProps, fieldSharedProps, {
-  rows: [Number, String],
+  rows: numericProp,
+  type: makeStringProp('text'),
   rules: Array,
   autosize: [Boolean, Object],
-  labelWidth: [Number, String],
+  labelWidth: numericProp,
   labelClass: unknownProp,
   labelAlign: String,
   showWordLimit: Boolean,
   errorMessageAlign: String,
-  type: {
-    type: String,
-    default: 'text'
-  },
   colon: {
     type: Boolean,
     default: null
@@ -430,10 +415,13 @@ export default defineComponent({
       var message = props.errorMessage || state.validateMessage;
 
       if (message) {
+        var slot = slots['error-message'];
         var errorMessageAlign = getProp('errorMessageAlign');
         return _createVNode("div", {
           "class": bem('error-message', errorMessageAlign)
-        }, [message]);
+        }, [slot ? slot({
+          message
+        }) : message]);
       }
     };