vant 3.2.1 → 3.2.5

package/es/image-preview/ImagePreview.d.ts

@@ -7,6 +7,18 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
+    images: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    minZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -17,26 +29,13 @@ declare const props: {
         default: true;
     };
     className: PropType<unknown>;
+    closeIcon: {
+        type: PropType<string>;
+        default: string;
+    };
     transition: StringConstructor;
     beforeClose: PropType<Interceptor>;
     overlayStyle: PropType<CSSProperties>;
-    showIndicators: BooleanConstructor;
-    closeOnPopstate: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    images: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    minZoom: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxZoom: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -45,13 +44,14 @@ declare const props: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    closeIcon: {
-        type: StringConstructor;
-        default: string;
+    showIndicators: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
     };
     closeIconPosition: {
         type: PropType<PopupCloseIconPosition>;
-        default: string;
+        default: PopupCloseIconPosition;
     };
 };
 export declare type ImagePreviewProps = ExtractPropTypes<typeof props>;
@@ -61,6 +61,18 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    images: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    minZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -71,26 +83,13 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     className: PropType<unknown>;
+    closeIcon: {
+        type: PropType<string>;
+        default: string;
+    };
     transition: StringConstructor;
     beforeClose: PropType<Interceptor>;
     overlayStyle: PropType<CSSProperties>;
-    showIndicators: BooleanConstructor;
-    closeOnPopstate: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    images: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    minZoom: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxZoom: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -99,48 +98,49 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    closeIcon: {
-        type: StringConstructor;
-        default: string;
+    showIndicators: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
     };
     closeIconPosition: {
         type: PropType<PopupCloseIconPosition>;
-        default: string;
+        default: PopupCloseIconPosition;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     loop?: unknown;
+    images?: unknown;
+    minZoom?: unknown;
+    maxZoom?: unknown;
     overlay?: unknown;
     closeable?: unknown;
     showIndex?: unknown;
     className?: unknown;
+    closeIcon?: unknown;
     transition?: unknown;
     beforeClose?: unknown;
     overlayStyle?: unknown;
-    showIndicators?: unknown;
-    closeOnPopstate?: unknown;
-    images?: unknown;
-    minZoom?: unknown;
-    maxZoom?: unknown;
     swipeDuration?: unknown;
     startPosition?: unknown;
-    closeIcon?: unknown;
+    showIndicators?: unknown;
+    closeOnPopstate?: unknown;
     closeIconPosition?: unknown;
 } & {
+    loop: boolean;
     overlay: boolean;
     show: boolean;
+    closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIcon: string;
     closeIconPosition: PopupCloseIconPosition;
     swipeDuration: string | number;
-    loop: boolean;
     showIndicators: boolean;
     startPosition: string | number;
     minZoom: string | number;
     maxZoom: string | number;
-    showIndex: boolean;
     images: string[];
+    showIndex: boolean;
 } & {
     beforeClose?: Interceptor | undefined;
     overlayStyle?: CSSProperties | undefined;
@@ -153,19 +153,19 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
 }, {
+    loop: boolean;
     overlay: boolean;
     show: boolean;
+    closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIcon: string;
     closeIconPosition: PopupCloseIconPosition;
     swipeDuration: string | number;
-    loop: boolean;
     showIndicators: boolean;
     startPosition: string | number;
     minZoom: string | number;
     maxZoom: string | number;
-    showIndex: boolean;
     images: string[];
+    showIndex: boolean;
 }>;
 export default _default;

package/es/image-preview/ImagePreview.js

@@ -1,9 +1,9 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
 
-import { pick, truthProp, unknownProp, callInterceptor, createNamespace } from '../utils'; // Composables
+import { pick, truthProp, unknownProp, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace } from '../utils'; // Composables
 
-import { useWindowSize } from '@vant/use';
+import { useRect, useWindowSize } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Components
 
 import { Icon } from '../icon';
@@ -15,43 +15,22 @@ var [name, bem] = createNamespace('image-preview');
 var props = {
   show: Boolean,
   loop: truthProp,
+  images: makeArrayProp(),
+  minZoom: makeNumericProp(1 / 3),
+  maxZoom: makeNumericProp(3),
   overlay: truthProp,
   closeable: Boolean,
   showIndex: truthProp,
   className: unknownProp,
+  closeIcon: makeStringProp('clear'),
   transition: String,
   beforeClose: Function,
   overlayStyle: Object,
+  swipeDuration: makeNumericProp(300),
+  startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
-  images: {
-    type: Array,
-    default: () => []
-  },
-  minZoom: {
-    type: [Number, String],
-    default: 1 / 3
-  },
-  maxZoom: {
-    type: [Number, String],
-    default: 3
-  },
-  swipeDuration: {
-    type: [Number, String],
-    default: 300
-  },
-  startPosition: {
-    type: [Number, String],
-    default: 0
-  },
-  closeIcon: {
-    type: String,
-    default: 'clear'
-  },
-  closeIconPosition: {
-    type: String,
-    default: 'top-right'
-  }
+  closeIconPosition: makeStringProp('top-right')
 };
 export default defineComponent({
   name,
@@ -72,7 +51,7 @@ export default defineComponent({
 
     var resize = () => {
       if (swipeRef.value) {
-        var rect = swipeRef.value.$el.getBoundingClientRect();
+        var rect = useRect(swipeRef.value.$el);
         state.rootWidth = rect.width;
         state.rootHeight = rect.height;
         swipeRef.value.resize();

package/es/image-preview/ImagePreviewItem.d.ts

@@ -33,8 +33,8 @@ declare const _default: import("vue").DefineComponent<{
     rootWidth: number;
     rootHeight: number;
 } & {
-    active?: number | undefined;
     src?: string | undefined;
+    active?: number | undefined;
 }> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;

package/es/image-preview/ImagePreviewItem.js

@@ -1,7 +1,7 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { watch, computed, reactive, defineComponent } from 'vue'; // Utils
 
-import { clamp, preventDefault, createNamespace } from '../utils'; // Composables
+import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp } from '../utils'; // Composables
 
 import { useTouch } from '../composables/use-touch'; // Components
 
@@ -9,9 +9,7 @@ import { Image } from '../image';
 import { Loading } from '../loading';
 import { SwipeItem } from '../swipe-item';
 
-function getDistance(touches) {
-  return Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
-}
+var getDistance = touches => Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
 
 var bem = createNamespace('image-preview')[1];
 export default defineComponent({
@@ -19,22 +17,10 @@ export default defineComponent({
     src: String,
     show: Boolean,
     active: Number,
-    minZoom: {
-      type: [Number, String],
-      required: true
-    },
-    maxZoom: {
-      type: [Number, String],
-      required: true
-    },
-    rootWidth: {
-      type: Number,
-      required: true
-    },
-    rootHeight: {
-      type: Number,
-      required: true
-    }
+    minZoom: makeRequiredProp(numericProp),
+    maxZoom: makeRequiredProp(numericProp),
+    rootWidth: makeRequiredProp(Number),
+    rootHeight: makeRequiredProp(Number)
   },
   emits: ['scale', 'close'],
 

package/es/image-preview/function-call.d.ts

@@ -2,13 +2,25 @@ import { ComponentInstance } from '../utils';
 import type { App } from 'vue';
 import type { ImagePreviewOptions } from './types';
 declare const ImagePreview: {
-    (images: string[] | ImagePreviewOptions, startPosition?: number): ComponentInstance | undefined;
+    (options: string[] | ImagePreviewOptions, startPosition?: number): ComponentInstance | undefined;
     Component: import("../utils").WithInstall<import("vue").DefineComponent<{
         show: BooleanConstructor;
         loop: {
             type: BooleanConstructor;
             default: true;
         };
+        images: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
+        minZoom: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        maxZoom: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
         overlay: {
             type: BooleanConstructor;
             default: true;
@@ -19,26 +31,13 @@ declare const ImagePreview: {
             default: true;
         };
         className: import("vue").PropType<unknown>;
+        closeIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         transition: StringConstructor;
         beforeClose: import("vue").PropType<import("../utils").Interceptor>;
         overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-        showIndicators: BooleanConstructor;
-        closeOnPopstate: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        images: {
-            type: import("vue").PropType<string[]>;
-            default: () => never[];
-        };
-        minZoom: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        maxZoom: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
         swipeDuration: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
@@ -47,48 +46,49 @@ declare const ImagePreview: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
-        closeIcon: {
-            type: StringConstructor;
-            default: string;
+        showIndicators: BooleanConstructor;
+        closeOnPopstate: {
+            type: BooleanConstructor;
+            default: true;
         };
         closeIconPosition: {
             type: import("vue").PropType<import("..").PopupCloseIconPosition>;
-            default: string;
+            default: import("..").PopupCloseIconPosition;
         };
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
         show?: unknown;
         loop?: unknown;
+        images?: unknown;
+        minZoom?: unknown;
+        maxZoom?: unknown;
         overlay?: unknown;
         closeable?: unknown;
         showIndex?: unknown;
         className?: unknown;
+        closeIcon?: unknown;
         transition?: unknown;
         beforeClose?: unknown;
         overlayStyle?: unknown;
-        showIndicators?: unknown;
-        closeOnPopstate?: unknown;
-        images?: unknown;
-        minZoom?: unknown;
-        maxZoom?: unknown;
         swipeDuration?: unknown;
         startPosition?: unknown;
-        closeIcon?: unknown;
+        showIndicators?: unknown;
+        closeOnPopstate?: unknown;
         closeIconPosition?: unknown;
     } & {
+        loop: boolean;
         overlay: boolean;
         show: boolean;
+        closeIcon: string;
         closeable: boolean;
         closeOnPopstate: boolean;
-        closeIcon: string;
         closeIconPosition: import("..").PopupCloseIconPosition;
         swipeDuration: string | number;
-        loop: boolean;
         showIndicators: boolean;
         startPosition: string | number;
         minZoom: string | number;
         maxZoom: string | number;
-        showIndex: boolean;
         images: string[];
+        showIndex: boolean;
     } & {
         beforeClose?: import("../utils").Interceptor | undefined;
         overlayStyle?: import("vue").CSSProperties | undefined;
@@ -101,20 +101,20 @@ declare const ImagePreview: {
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
         onScale?: ((...args: any[]) => any) | undefined;
     }, {
+        loop: boolean;
         overlay: boolean;
         show: boolean;
+        closeIcon: string;
         closeable: boolean;
         closeOnPopstate: boolean;
-        closeIcon: string;
         closeIconPosition: import("..").PopupCloseIconPosition;
         swipeDuration: string | number;
-        loop: boolean;
         showIndicators: boolean;
         startPosition: string | number;
         minZoom: string | number;
         maxZoom: string | number;
-        showIndex: boolean;
         images: string[];
+        showIndex: boolean;
     }>>;
     install(app: App): void;
 };

package/es/image-preview/function-call.js

@@ -49,7 +49,7 @@ function initInstance() {
   }));
 }
 
-var ImagePreview = (images, startPosition = 0) => {
+var ImagePreview = (options, startPosition = 0) => {
   /* istanbul ignore if */
   if (!inBrowser) {
     return;
@@ -59,10 +59,10 @@ var ImagePreview = (images, startPosition = 0) => {
     initInstance();
   }
 
-  var options = Array.isArray(images) ? {
-    images,
+  options = Array.isArray(options) ? {
+    images: options,
     startPosition
-  } : images;
+  } : options;
   instance.open(extend({}, defaultConfig, options));
   return instance;
 };
@@ -70,7 +70,7 @@ var ImagePreview = (images, startPosition = 0) => {
 ImagePreview.Component = withInstall(VanImagePreview);
 
 ImagePreview.install = app => {
-  app.use(withInstall(VanImagePreview));
+  app.use(ImagePreview.Component);
 };
 
 export { ImagePreview };

package/es/image-preview/index.d.ts

@@ -1,4 +1,6 @@
 import { ImagePreview } from './function-call';
+import type { ImagePreviewProps } from './ImagePreview';
 export default ImagePreview;
 export { ImagePreview };
+export type { ImagePreviewProps };
 export type { ImagePreviewOptions, ImagePreviewInstance, ImagePreviewScaleEventParams, } from './types';

package/es/index-anchor/IndexAnchor.d.ts

@@ -4,5 +4,5 @@ declare const _default: import("vue").DefineComponent<{
     index?: unknown;
 } & {} & {
     index?: string | number | undefined;
-}> & {}, {}>;
+}>, {}>;
 export default _default;

package/es/index-anchor/IndexAnchor.js

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, reactive, computed, defineComponent } from 'vue'; // Utils
 
-import { extend, BORDER_BOTTOM, getZIndexStyle, createNamespace } from '../utils';
+import { extend, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace } from '../utils';
 import { INDEX_BAR_KEY } from '../index-bar/IndexBar';
-import { getScrollTop, getRootScrollTop } from '../utils/dom/scroll'; // Composables
+import { getScrollTop, getRootScrollTop } from '../utils/dom'; // Composables
 
 import { useRect, useParent } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
@@ -11,7 +11,7 @@ var [name, bem] = createNamespace('index-anchor');
 export default defineComponent({
   name,
   props: {
-    index: [Number, String]
+    index: numericProp
   },
 
   setup(props, {

package/es/index-anchor/index.d.ts

@@ -1,9 +1,8 @@
-declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<{
     index: (NumberConstructor | 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<{
     index?: unknown;
 } & {} & {
     index?: string | number | undefined;
-}> & {}, {}>>;
+}>, {}>>;
 export default IndexAnchor;
-export { IndexAnchor };

package/es/index-anchor/index.js

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

package/es/index-bar/IndexBar.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, nextTick, Teleport, onMounted, defineComponent } from 'vue'; // Utils
 
-import { isDef, isHidden, truthProp, getScrollTop, preventDefault, createNamespace, getRootScrollTop, setRootScrollTop } from '../utils'; // Composables
+import { isDef, isHidden, truthProp, numericProp, getScrollTop, preventDefault, makeNumberProp, createNamespace, getRootScrollTop, setRootScrollTop } from '../utils'; // Composables
 
 import { useRect, useChildren, useScrollParent, useEventListener } from '@vant/use';
 import { useTouch } from '../composables/use-touch';
@@ -16,13 +16,10 @@ function genAlphabet() {
 var [name, bem] = createNamespace('index-bar');
 var props = {
   sticky: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
   teleport: [String, Object],
   highlightColor: String,
-  stickyOffsetTop: {
-    type: Number,
-    default: 0
-  },
+  stickyOffsetTop: makeNumberProp(0),
   indexList: {
     type: Array,
     default: genAlphabet

package/es/index-bar/index.d.ts

@@ -1,4 +1,5 @@
-declare const IndexBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { IndexBarProps } from './IndexBar';
+export declare const IndexBar: import("../utils").WithInstall<import("vue").DefineComponent<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -38,5 +39,5 @@ declare const IndexBar: import("../utils").WithInstall<import("vue").DefineCompo
     indexList: string[];
 }>>;
 export default IndexBar;
-export { IndexBar };
+export type { IndexBarProps };
 export type { IndexBarInstance } from './types';

package/es/index-bar/index.js

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

package/es/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.2.1";
+export const version: "3.2.5";

package/es/index.js

@@ -84,7 +84,7 @@ import { Tag } from './tag';
 import { Toast } from './toast';
 import { TreeSelect } from './tree-select';
 import { Uploader } from './uploader';
-var version = '3.2.1';
+var version = '3.2.5';
 
 function install(app) {
   var components = [ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image, ImagePreview, IndexAnchor, IndexBar, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];