vant 4.7.3 → 4.8.0

package/lib/image-preview/ImagePreview.js

@@ -75,6 +75,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const swipeRef = (0, import_vue2.ref)();
+    const activedPreviewItemRef = (0, import_vue2.ref)();
     const state = (0, import_vue2.reactive)({
       active: 0,
       rootWidth: 0,
@@ -139,6 +140,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "onDragStart": onDragStart
     }, {
       default: () => [props.images.map((image, index) => (0, import_vue.createVNode)(import_ImagePreviewItem.default, {
+        "ref": (item) => {
+          if (index === state.active) {
+            activedPreviewItemRef.value = item;
+          }
+        },
         "src": image,
         "show": props.show,
         "active": state.active,
@@ -174,6 +180,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index, options);
     };
     (0, import_use_expose.useExpose)({
+      resetScale: () => {
+        var _a;
+        (_a = activedPreviewItemRef.value) == null ? void 0 : _a.resetScale();
+      },
       swipeTo
     });
     (0, import_vue2.onMounted)(resize);

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

@@ -1,3 +1,29 @@
+import { type ExtractPropTypes } from 'vue';
+declare const imagePreviewItemProps: {
+    src: StringConstructor;
+    show: BooleanConstructor;
+    active: NumberConstructor;
+    minZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    maxZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    rootWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    rootHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+    disableZoom: BooleanConstructor;
+    doubleScale: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+};
+export type ImagePreviewItemProps = ExtractPropTypes<typeof imagePreviewItemProps>;
 declare const _default: import("vue").DefineComponent<{
     src: StringConstructor;
     show: BooleanConstructor;
@@ -21,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     disableZoom: BooleanConstructor;
     doubleScale: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     src: StringConstructor;
     show: BooleanConstructor;
     active: NumberConstructor;

package/lib/image-preview/ImagePreviewItem.js

@@ -23,6 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_use_expose = require("../composables/use-expose");
 var import_use_touch = require("../composables/use-touch");
 var import_use = require("@vant/use");
 var import_image = require("../image");
@@ -35,19 +36,20 @@ const getCenter = (touches) => ({
 });
 const bem = (0, import_utils.createNamespace)("image-preview")[1];
 const longImageRatio = 2.6;
+const imagePreviewItemProps = {
+  src: String,
+  show: Boolean,
+  active: Number,
+  minZoom: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
+  maxZoom: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
+  rootWidth: (0, import_utils.makeRequiredProp)(Number),
+  rootHeight: (0, import_utils.makeRequiredProp)(Number),
+  disableZoom: Boolean,
+  doubleScale: Boolean,
+  closeOnClickOverlay: Boolean
+};
 var stdin_default = (0, import_vue2.defineComponent)({
-  props: {
-    src: String,
-    show: Boolean,
-    active: Number,
-    minZoom: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
-    maxZoom: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
-    rootWidth: (0, import_utils.makeRequiredProp)(Number),
-    rootHeight: (0, import_utils.makeRequiredProp)(Number),
-    disableZoom: Boolean,
-    doubleScale: Boolean,
-    closeOnClickOverlay: Boolean
-  },
+  props: imagePreviewItemProps,
   emits: ["scale", "close", "longPress"],
   setup(props, {
     emit,
@@ -313,6 +315,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return (_a = swipeItem.value) == null ? void 0 : _a.$el;
       })
     });
+    (0, import_use_expose.useExpose)({
+      resetScale
+    });
     return () => {
       const imageSlots = {
         loading: () => (0, import_vue.createVNode)(import_loading.Loading, {

package/lib/image-preview/types.d.ts

@@ -3,6 +3,7 @@ import type { Interceptor } from '../utils';
 import type { SwipeToOptions } from '../swipe';
 import type { PopupCloseIconPosition } from '../popup';
 import type { ImagePreviewProps } from './ImagePreview';
+import type { ImagePreviewItemProps } from './ImagePreviewItem';
 export type ImagePreviewOptions = {
     loop?: boolean;
     images: string[];
@@ -35,7 +36,12 @@ export type ImagePreviewScaleEventParams = {
     scale: number;
     index: number;
 };
+type ImagePreviewItemExpose = {
+    resetScale: () => void;
+};
+export type ImagePreviewItemInstance = ComponentPublicInstance<ImagePreviewItemProps, ImagePreviewItemExpose>;
 export type ImagePreviewExpose = {
+    resetScale: () => void;
     swipeTo: (index: number, options?: SwipeToOptions) => void;
 };
 export type ImagePreviewInstance = ComponentPublicInstance<ImagePreviewProps, ImagePreviewExpose>;
@@ -50,3 +56,4 @@ export type ImagePreviewThemeVars = {
     imagePreviewCloseIconMargin?: string;
     imagePreviewCloseIconZIndex?: number | string;
 };
+export {};