vant 3.2.2 → 3.2.6

package/es/pull-refresh/PullRefresh.d.ts

@@ -1,14 +1,15 @@
 declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     successText: StringConstructor;
     pullingText: StringConstructor;
     loosingText: StringConstructor;
     loadingText: StringConstructor;
     pullDistance: (NumberConstructor | StringConstructor)[];
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     successDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -17,27 +18,23 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    headHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     disabled?: unknown;
+    modelValue?: unknown;
+    headHeight?: unknown;
     successText?: unknown;
     pullingText?: unknown;
     loosingText?: unknown;
     loadingText?: unknown;
     pullDistance?: unknown;
-    modelValue?: unknown;
     successDuration?: unknown;
     animationDuration?: unknown;
-    headHeight?: unknown;
 } & {
     disabled: boolean;
     modelValue: boolean;
     animationDuration: string | number;
-    successDuration: string | number;
     headHeight: string | number;
+    successDuration: string | number;
 } & {
     loadingText?: string | undefined;
     successText?: string | undefined;
@@ -51,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: boolean;
     animationDuration: string | number;
-    successDuration: string | number;
     headHeight: string | number;
+    successDuration: string | number;
 }>;
 export default _default;

package/es/pull-refresh/PullRefresh.js

@@ -1,7 +1,7 @@
-import { createVNode as _createVNode } from "vue";
+import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, watch, reactive, nextTick, defineComponent } from 'vue'; // Utils
 
-import { preventDefault, getScrollTop, createNamespace } from '../utils'; // Composables
+import { numericProp, getScrollTop, preventDefault, createNamespace, makeNumericProp } from '../utils'; // Composables
 
 import { useScrollParent } from '@vant/use';
 import { useTouch } from '../composables/use-touch'; // Components
@@ -14,27 +14,15 @@ export default defineComponent({
   name,
   props: {
     disabled: Boolean,
+    modelValue: Boolean,
+    headHeight: makeNumericProp(DEFAULT_HEAD_HEIGHT),
     successText: String,
     pullingText: String,
     loosingText: String,
     loadingText: String,
-    pullDistance: [Number, String],
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    successDuration: {
-      type: [Number, String],
-      default: 500
-    },
-    animationDuration: {
-      type: [Number, String],
-      default: 300
-    },
-    headHeight: {
-      type: [Number, String],
-      default: DEFAULT_HEAD_HEIGHT
-    }
+    pullDistance: numericProp,
+    successDuration: makeNumericProp(500),
+    animationDuration: makeNumericProp(300)
   },
   emits: ['refresh', 'update:modelValue'],
 
@@ -127,7 +115,7 @@ export default defineComponent({
         nodes.push(_createVNode(Loading, {
           "class": bem('loading')
         }, {
-          default: () => [getStatusText()]
+          default: getStatusText
         }));
       }
 

package/es/pull-refresh/index.d.ts

@@ -1,14 +1,15 @@
 export declare const PullRefresh: import("../utils").WithInstall<import("vue").DefineComponent<{
     disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     successText: StringConstructor;
     pullingText: StringConstructor;
     loosingText: StringConstructor;
     loadingText: StringConstructor;
     pullDistance: (NumberConstructor | StringConstructor)[];
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     successDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -17,27 +18,23 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    headHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     disabled?: unknown;
+    modelValue?: unknown;
+    headHeight?: unknown;
     successText?: unknown;
     pullingText?: unknown;
     loosingText?: unknown;
     loadingText?: unknown;
     pullDistance?: unknown;
-    modelValue?: unknown;
     successDuration?: unknown;
     animationDuration?: unknown;
-    headHeight?: unknown;
 } & {
     disabled: boolean;
     modelValue: boolean;
     animationDuration: string | number;
-    successDuration: string | number;
     headHeight: string | number;
+    successDuration: string | number;
 } & {
     loadingText?: string | undefined;
     successText?: string | undefined;
@@ -51,7 +48,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
     disabled: boolean;
     modelValue: boolean;
     animationDuration: string | number;
-    successDuration: string | number;
     headHeight: string | number;
+    successDuration: string | number;
 }>>;
 export default PullRefresh;

package/es/radio/Radio.d.ts

@@ -1,39 +1,42 @@
+import { CheckerShape, CheckerLabelPosition } from '../checkbox/Checker';
+export declare type RadioShape = CheckerShape;
+export declare type RadioLabelPosition = CheckerLabelPosition;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
+    labelPosition: import("vue").PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     name?: unknown;
+    shape?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
     modelValue?: unknown;
     checkedColor?: unknown;
     labelPosition?: unknown;
     labelDisabled?: unknown;
-    shape?: unknown;
 } & {
     disabled: boolean;
+    shape: CheckerShape;
     labelDisabled: boolean;
-    shape: import("../checkbox/Checker").CheckerShape;
 } & {
     name?: unknown;
     modelValue?: unknown;
     iconSize?: string | number | undefined;
     checkedColor?: string | undefined;
-    labelPosition?: import("../checkbox/Checker").CheckerLabelPosition | undefined;
+    labelPosition?: CheckerLabelPosition | undefined;
 }> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    shape: CheckerShape;
     labelDisabled: boolean;
-    shape: import("../checkbox/Checker").CheckerShape;
 }>;
 export default _default;

package/es/radio/index.d.ts

@@ -1,28 +1,29 @@
+import { RadioShape, RadioLabelPosition } from './Radio';
 export declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     name?: unknown;
+    shape?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
     modelValue?: unknown;
     checkedColor?: unknown;
     labelPosition?: unknown;
     labelDisabled?: unknown;
-    shape?: unknown;
 } & {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
 } & {
     name?: unknown;
     modelValue?: unknown;
@@ -33,7 +34,8 @@ export declare const Radio: import("../utils").WithInstall<import("vue").DefineC
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
 }>>;
 export default Radio;
+export type { RadioShape, RadioLabelPosition };

package/es/radio-group/RadioGroup.d.ts

@@ -1,5 +1,6 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import type { CheckerDirection } from '../checkbox/Checker';
+export declare type RadioGroupDirection = CheckerDirection;
 declare const props: {
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/es/radio-group/RadioGroup.js

@@ -1,11 +1,11 @@
 import { createVNode as _createVNode } from "vue";
 import { watch, defineComponent } from 'vue';
-import { unknownProp, createNamespace } from '../utils';
+import { unknownProp, numericProp, createNamespace } from '../utils';
 import { useChildren, useCustomFieldValue } from '@vant/use';
 var [name, bem] = createNamespace('radio-group');
 var props = {
   disabled: Boolean,
-  iconSize: [Number, String],
+  iconSize: numericProp,
   direction: String,
   modelValue: unknownProp,
   checkedColor: String

package/es/radio-group/index.d.ts

@@ -1,3 +1,4 @@
+import { RadioGroupDirection } from './RadioGroup';
 export declare const RadioGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
@@ -24,3 +25,4 @@ export declare const RadioGroup: import("../utils").WithInstall<import("vue").De
     disabled: boolean;
 }>>;
 export default RadioGroup;
+export type { RadioGroupDirection };

package/es/rate/Rate.d.ts

@@ -1,9 +1,21 @@
 declare const _default: 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 @@ declare const _default: import("vue").DefineComponent<{
         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;
 } & {
-    icon: string;
     disabled: boolean;
-    readonly: boolean;
+    icon: string;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 } & {
     color?: string | undefined;
     iconPrefix?: string | undefined;
@@ -63,13 +63,13 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    icon: string;
     disabled: boolean;
-    readonly: boolean;
+    icon: string;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 }>;
 export default _default;

package/es/rate/Rate.js

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue'; // Utils
 
-import { addUnit, truthProp, createNamespace, preventDefault } from '../utils'; // Composables
+import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from '../utils'; // Composables
 
-import { useCustomFieldValue } from '@vant/use';
+import { useRect, useCustomFieldValue } from '@vant/use';
 import { useRefs } from '../composables/use-refs';
 import { useTouch } from '../composables/use-touch'; // Components
 
@@ -42,32 +42,20 @@ function getRateStatus(value, index, allowHalf, readonly) {
 export default defineComponent({
   name,
   props: {
-    size: [Number, String],
+    size: numericProp,
+    icon: makeStringProp('star'),
     color: String,
-    gutter: [Number, String],
+    count: makeNumericProp(5),
+    gutter: numericProp,
     readonly: Boolean,
     disabled: Boolean,
+    voidIcon: makeStringProp('star-o'),
     allowHalf: Boolean,
     voidColor: String,
     touchable: truthProp,
     iconPrefix: String,
-    disabledColor: String,
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    icon: {
-      type: String,
-      default: 'star'
-    },
-    voidIcon: {
-      type: String,
-      default: 'star-o'
-    },
-    count: {
-      type: [Number, String],
-      default: 5
-    }
+    modelValue: makeNumberProp(0),
+    disabledColor: String
   },
   emits: ['change', 'update:modelValue'],
 
@@ -83,7 +71,7 @@ export default defineComponent({
     var ranges;
 
     var updateRanges = () => {
-      var rects = itemRefs.value.map(item => item.getBoundingClientRect());
+      var rects = itemRefs.value.map(useRect);
       ranges = [];
       rects.forEach((rect, index) => {
         if (props.allowHalf) {

package/es/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;
 } & {
-    icon: string;
     disabled: boolean;
-    readonly: boolean;
+    icon: string;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 } & {
     color?: string | undefined;
     iconPrefix?: string | undefined;
@@ -63,13 +63,13 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    icon: string;
     disabled: boolean;
-    readonly: boolean;
+    icon: string;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 }>>;
 export default Rate;

package/es/row/Row.d.ts

@@ -10,34 +10,34 @@ 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<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     wrap: {
         type: BooleanConstructor;
         default: true;
     };
     align: PropType<RowAlign>;
-    justify: PropType<RowJustify>;
-    tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
     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;
     gutter: string | number;
 } & {
-    justify?: RowJustify | undefined;
     align?: RowAlign | undefined;
-}> & {}, {
+    justify?: RowJustify | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;

package/es/row/Row.js

@@ -1,23 +1,17 @@
 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);
 export default defineComponent({
   name,
   props: {
+    tag: makeStringProp('div'),
     wrap: truthProp,
     align: String,
-    justify: String,
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    gutter: {
-      type: [Number, String],
-      default: 0
-    }
+    gutter: makeNumericProp(0),
+    justify: String
   },
 
   setup(props, {

package/es/row/index.d.ts

@@ -1,32 +1,32 @@
 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;
     gutter: string | number;
 } & {
-    justify?: import("./Row").RowJustify | undefined;
     align?: import("./Row").RowAlign | undefined;
-}> & {}, {
+    justify?: import("./Row").RowJustify | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;