vant 3.2.4 → 3.2.5

package/es/pagination/Pagination.d.ts

@@ -1,51 +1,50 @@
-import { PropType } from 'vue';
 export declare type PaginationMode = 'simple' | 'multi';
 declare const _default: import("vue").DefineComponent<{
+    mode: {
+        type: import("vue").PropType<PaginationMode>;
+        default: PaginationMode;
+    };
     prevText: StringConstructor;
     nextText: StringConstructor;
-    forceEllipses: BooleanConstructor;
-    mode: {
-        type: PropType<PaginationMode>;
-        default: string;
+    pageCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
     };
     modelValue: {
         type: NumberConstructor;
         default: number;
     };
-    pageCount: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     totalItems: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    itemsPerPage: {
+    showPageSize: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    showPageSize: {
+    itemsPerPage: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    forceEllipses: BooleanConstructor;
 }, () => 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<{
+    mode?: unknown;
     prevText?: unknown;
     nextText?: unknown;
-    forceEllipses?: unknown;
-    mode?: unknown;
-    modelValue?: unknown;
     pageCount?: unknown;
+    modelValue?: unknown;
     totalItems?: unknown;
-    itemsPerPage?: unknown;
     showPageSize?: unknown;
+    itemsPerPage?: unknown;
+    forceEllipses?: unknown;
 } & {
     modelValue: number;
     mode: PaginationMode;
-    forceEllipses: boolean;
     pageCount: string | number;
     totalItems: string | number;
-    itemsPerPage: string | number;
     showPageSize: string | number;
+    itemsPerPage: string | number;
+    forceEllipses: boolean;
 } & {
     prevText?: string | undefined;
     nextText?: string | undefined;
@@ -55,10 +54,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     modelValue: number;
     mode: PaginationMode;
-    forceEllipses: boolean;
     pageCount: string | number;
     totalItems: string | number;
-    itemsPerPage: string | number;
     showPageSize: string | number;
+    itemsPerPage: string | number;
+    forceEllipses: boolean;
 }>;
 export default _default;

package/es/pagination/Pagination.js

@@ -1,46 +1,26 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, watch, defineComponent } from 'vue';
-import { BORDER, createNamespace } from '../utils';
+import { BORDER, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from '../utils';
 var [name, bem, t] = createNamespace('pagination');
 
-function makePage(number, text, active) {
-  return {
-    number,
-    text,
-    active
-  };
-}
+var makePage = (number, text, active) => ({
+  number,
+  text,
+  active
+});
 
 export default defineComponent({
   name,
   props: {
+    mode: makeStringProp('multi'),
     prevText: String,
     nextText: String,
-    forceEllipses: Boolean,
-    mode: {
-      type: String,
-      default: 'multi'
-    },
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    pageCount: {
-      type: [Number, String],
-      default: 0
-    },
-    totalItems: {
-      type: [Number, String],
-      default: 0
-    },
-    itemsPerPage: {
-      type: [Number, String],
-      default: 10
-    },
-    showPageSize: {
-      type: [Number, String],
-      default: 5
-    }
+    pageCount: makeNumericProp(0),
+    modelValue: makeNumberProp(0),
+    totalItems: makeNumericProp(0),
+    showPageSize: makeNumericProp(5),
+    itemsPerPage: makeNumericProp(10),
+    forceEllipses: Boolean
   },
   emits: ['change', 'update:modelValue'],
 

package/es/pagination/index.d.ts

@@ -1,49 +1,49 @@
 export declare const Pagination: import("../utils").WithInstall<import("vue").DefineComponent<{
-    prevText: StringConstructor;
-    nextText: StringConstructor;
-    forceEllipses: BooleanConstructor;
     mode: {
         type: import("vue").PropType<import("./Pagination").PaginationMode>;
-        default: string;
-    };
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
+        default: import("./Pagination").PaginationMode;
     };
+    prevText: StringConstructor;
+    nextText: StringConstructor;
     pageCount: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
     totalItems: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    itemsPerPage: {
+    showPageSize: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    showPageSize: {
+    itemsPerPage: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    forceEllipses: BooleanConstructor;
 }, () => 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<{
+    mode?: unknown;
     prevText?: unknown;
     nextText?: unknown;
-    forceEllipses?: unknown;
-    mode?: unknown;
-    modelValue?: unknown;
     pageCount?: unknown;
+    modelValue?: unknown;
     totalItems?: unknown;
-    itemsPerPage?: unknown;
     showPageSize?: unknown;
+    itemsPerPage?: unknown;
+    forceEllipses?: unknown;
 } & {
     modelValue: number;
     mode: import("./Pagination").PaginationMode;
-    forceEllipses: boolean;
     pageCount: string | number;
     totalItems: string | number;
-    itemsPerPage: string | number;
     showPageSize: string | number;
+    itemsPerPage: string | number;
+    forceEllipses: boolean;
 } & {
     prevText?: string | undefined;
     nextText?: string | undefined;
@@ -53,11 +53,11 @@ export declare const Pagination: import("../utils").WithInstall<import("vue").De
 }, {
     modelValue: number;
     mode: import("./Pagination").PaginationMode;
-    forceEllipses: boolean;
     pageCount: string | number;
     totalItems: string | number;
-    itemsPerPage: string | number;
     showPageSize: string | number;
+    itemsPerPage: string | number;
+    forceEllipses: boolean;
 }>>;
 export default Pagination;
 export type { PaginationMode } from './Pagination';

package/es/password-input/PasswordInput.d.ts

@@ -4,25 +4,25 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    gutter: (NumberConstructor | StringConstructor)[];
-    focused: BooleanConstructor;
-    errorInfo: StringConstructor;
     value: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    gutter: (NumberConstructor | StringConstructor)[];
     length: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    focused: BooleanConstructor;
+    errorInfo: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     info?: unknown;
     mask?: unknown;
+    value?: unknown;
     gutter?: unknown;
+    length?: unknown;
     focused?: unknown;
     errorInfo?: unknown;
-    value?: unknown;
-    length?: unknown;
 } & {
     length: string | number;
     mask: boolean;

package/es/password-input/PasswordInput.js

@@ -1,23 +1,17 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { addUnit, truthProp, BORDER_LEFT, BORDER_SURROUND, createNamespace } from '../utils';
+import { addUnit, truthProp, numericProp, BORDER_LEFT, makeStringProp, BORDER_SURROUND, createNamespace, makeNumericProp } from '../utils';
 var [name, bem] = createNamespace('password-input');
 export default defineComponent({
   name,
   props: {
     info: String,
     mask: truthProp,
-    gutter: [Number, String],
+    value: makeStringProp(''),
+    gutter: numericProp,
+    length: makeNumericProp(6),
     focused: Boolean,
-    errorInfo: String,
-    value: {
-      type: String,
-      default: ''
-    },
-    length: {
-      type: [Number, String],
-      default: 6
-    }
+    errorInfo: String
   },
   emits: ['focus'],
 

package/es/password-input/index.d.ts

@@ -4,25 +4,25 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
         type: BooleanConstructor;
         default: true;
     };
-    gutter: (NumberConstructor | StringConstructor)[];
-    focused: BooleanConstructor;
-    errorInfo: StringConstructor;
     value: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    gutter: (NumberConstructor | StringConstructor)[];
     length: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    focused: BooleanConstructor;
+    errorInfo: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     info?: unknown;
     mask?: unknown;
+    value?: unknown;
     gutter?: unknown;
+    length?: unknown;
     focused?: unknown;
     errorInfo?: unknown;
-    value?: unknown;
-    length?: unknown;
 } & {
     length: string | number;
     mask: boolean;

package/es/picker/Picker.d.ts

@@ -5,13 +5,15 @@ export declare const pickerProps: {
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-    itemHeight: {
+    swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -19,10 +21,8 @@ export declare const pickerProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 };
 export declare type PickerProps = ExtractPropTypes<typeof pickerProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -30,13 +30,15 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-    itemHeight: {
+    swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -44,51 +46,49 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
-    valueKey: StringConstructor;
-    columnsFieldNames: PropType<PickerFieldNames>;
     columns: {
-        type: PropType<PickerOption[] | PickerColumn[]>;
+        type: PropType<(PickerOption | PickerColumn)[]>;
         default: () => never[];
     };
+    valueKey: StringConstructor;
     defaultIndex: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     toolbarPosition: {
         type: PropType<PickerToolbarPosition>;
-        default: string;
+        default: PickerToolbarPosition;
     };
+    columnsFieldNames: PropType<PickerFieldNames>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
     loading?: unknown;
     readonly?: unknown;
     allowHtml?: unknown;
+    itemHeight?: unknown;
     showToolbar?: unknown;
+    swipeDuration?: unknown;
+    visibleItemCount?: unknown;
     cancelButtonText?: unknown;
     confirmButtonText?: unknown;
-    itemHeight?: unknown;
-    visibleItemCount?: unknown;
-    swipeDuration?: unknown;
-    valueKey?: unknown;
-    columnsFieldNames?: unknown;
     columns?: unknown;
+    valueKey?: unknown;
     defaultIndex?: unknown;
     toolbarPosition?: unknown;
+    columnsFieldNames?: unknown;
 } & {
     readonly: boolean;
     loading: boolean;
     defaultIndex: string | number;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    columns: PickerOption[] | PickerColumn[];
+    visibleItemCount: string | number;
+    columns: (PickerOption | PickerColumn)[];
     toolbarPosition: PickerToolbarPosition;
 } & {
     title?: string | undefined;
@@ -105,11 +105,11 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     defaultIndex: string | number;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    columns: PickerOption[] | PickerColumn[];
+    visibleItemCount: string | number;
+    columns: (PickerOption | PickerColumn)[];
     toolbarPosition: PickerToolbarPosition;
 }>;
 export default _default;

package/es/picker/Picker.js

@@ -1,7 +1,7 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, watch, computed, defineComponent } from 'vue'; // Utils
 
-import { extend, unitToPx, truthProp, preventDefault, createNamespace, BORDER_UNSET_TOP_BOTTOM } from '../utils'; // Composables
+import { extend, unitToPx, truthProp, makeArrayProp, preventDefault, makeStringProp, makeNumericProp, createNamespace, BORDER_UNSET_TOP_BOTTOM } from '../utils'; // Composables
 
 import { useChildren } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Components
@@ -15,41 +15,23 @@ export var pickerProps = {
   loading: Boolean,
   readonly: Boolean,
   allowHtml: Boolean,
+  itemHeight: makeNumericProp(44),
   showToolbar: truthProp,
+  swipeDuration: makeNumericProp(1000),
+  visibleItemCount: makeNumericProp(6),
   cancelButtonText: String,
-  confirmButtonText: String,
-  itemHeight: {
-    type: [Number, String],
-    default: 44
-  },
-  visibleItemCount: {
-    type: [Number, String],
-    default: 6
-  },
-  swipeDuration: {
-    type: [Number, String],
-    default: 1000
-  }
+  confirmButtonText: String
 };
 export default defineComponent({
   name,
   props: extend({}, pickerProps, {
+    columns: makeArrayProp(),
     // @deprecated
     // should be removed in next major version
     valueKey: String,
-    columnsFieldNames: Object,
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    defaultIndex: {
-      type: [Number, String],
-      default: 0
-    },
-    toolbarPosition: {
-      type: String,
-      default: 'top'
-    }
+    defaultIndex: makeNumericProp(0),
+    toolbarPosition: makeStringProp('top'),
+    columnsFieldNames: Object
   }),
   emits: ['confirm', 'cancel', 'change'],
 

package/es/picker/PickerColumn.d.ts

@@ -1,51 +1,50 @@
-import { PropType } from 'vue';
 import type { PickerOption } from './types';
 export declare const PICKER_KEY: unique symbol;
 declare const _default: import("vue").DefineComponent<{
-    readonly: BooleanConstructor;
-    allowHtml: BooleanConstructor;
-    className: PropType<unknown>;
     textKey: {
         type: StringConstructor;
         required: true;
     };
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    className: import("vue").PropType<unknown>;
     itemHeight: {
         type: NumberConstructor;
         required: true;
     };
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
+    initialOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => never[];
+    };
     visibleItemCount: {
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-    defaultIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    initialOptions: {
-        type: PropType<PickerOption[]>;
-        default: () => never[];
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    textKey?: unknown;
     readonly?: unknown;
     allowHtml?: unknown;
     className?: unknown;
-    textKey?: unknown;
     itemHeight?: unknown;
-    swipeDuration?: unknown;
-    visibleItemCount?: unknown;
     defaultIndex?: unknown;
+    swipeDuration?: unknown;
     initialOptions?: unknown;
+    visibleItemCount?: unknown;
 } & {
     readonly: boolean;
     defaultIndex: number;
     allowHtml: boolean;
     itemHeight: number;
-    visibleItemCount: string | number;
     swipeDuration: string | number;
+    visibleItemCount: string | number;
     textKey: string;
     initialOptions: PickerOption[];
 } & {

package/es/picker/PickerColumn.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { ref, watch, reactive, defineComponent } from 'vue'; // Utils
 
 import { deepClone } from '../utils/deep-clone';
-import { clamp, isObject, unknownProp, preventDefault, createNamespace } from '../utils'; // Composables
+import { clamp, isObject, unknownProp, numericProp, makeArrayProp, makeNumberProp, preventDefault, createNamespace, makeRequiredProp } from '../utils'; // Composables
 
 import { useParent } from '@vant/use';
 import { useTouch } from '../composables/use-touch';
@@ -17,48 +17,29 @@ var MOMENTUM_LIMIT_DISTANCE = 15;
 var [name, bem] = createNamespace('picker-column');
 
 function getElementTranslateY(element) {
-  var style = window.getComputedStyle(element);
-  var transform = style.transform || style.webkitTransform;
+  var {
+    transform
+  } = window.getComputedStyle(element);
   var translateY = transform.slice(7, transform.length - 1).split(', ')[5];
   return Number(translateY);
 }
 
 export var PICKER_KEY = Symbol(name);
 
-function isOptionDisabled(option) {
-  return isObject(option) && option.disabled;
-}
+var isOptionDisabled = option => isObject(option) && option.disabled;
 
 export default defineComponent({
   name,
   props: {
+    textKey: makeRequiredProp(String),
     readonly: Boolean,
     allowHtml: Boolean,
     className: unknownProp,
-    textKey: {
-      type: String,
-      required: true
-    },
-    itemHeight: {
-      type: Number,
-      required: true
-    },
-    swipeDuration: {
-      type: [Number, String],
-      required: true
-    },
-    visibleItemCount: {
-      type: [Number, String],
-      required: true
-    },
-    defaultIndex: {
-      type: Number,
-      default: 0
-    },
-    initialOptions: {
-      type: Array,
-      default: () => []
-    }
+    itemHeight: makeRequiredProp(Number),
+    defaultIndex: makeNumberProp(0),
+    swipeDuration: makeRequiredProp(numericProp),
+    initialOptions: makeArrayProp(),
+    visibleItemCount: makeRequiredProp(numericProp)
   },
   emits: ['change'],
 
@@ -281,28 +262,23 @@ export default defineComponent({
       stopMomentum
     });
     watch(() => props.initialOptions, setOptions);
-    watch(() => props.defaultIndex, value => {
-      setIndex(value);
-    });
-    return () => {
-      var wrapperStyle = {
+    watch(() => props.defaultIndex, value => setIndex(value));
+    return () => _createVNode("div", {
+      "class": [bem(), props.className],
+      "onTouchstart": onTouchStart,
+      "onTouchmove": onTouchMove,
+      "onTouchend": onTouchEnd,
+      "onTouchcancel": onTouchEnd
+    }, [_createVNode("ul", {
+      "ref": wrapper,
+      "style": {
         transform: "translate3d(0, " + (state.offset + baseOffset()) + "px, 0)",
         transitionDuration: state.duration + "ms",
         transitionProperty: state.duration ? 'all' : 'none'
-      };
-      return _createVNode("div", {
-        "class": [bem(), props.className],
-        "onTouchstart": onTouchStart,
-        "onTouchmove": onTouchMove,
-        "onTouchend": onTouchEnd,
-        "onTouchcancel": onTouchEnd
-      }, [_createVNode("ul", {
-        "ref": wrapper,
-        "style": wrapperStyle,
-        "class": bem('wrapper'),
-        "onTransitionend": stopMomentum
-      }, [renderOptions()])]);
-    };
+      },
+      "class": bem('wrapper'),
+      "onTransitionend": stopMomentum
+    }, [renderOptions()])]);
   }
 
 });