vant 3.3.5 → 3.4.1

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

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 import { PopupCloseIconPosition } from '../popup';
 declare const imagePreviewProps: {
@@ -35,6 +35,7 @@ declare const imagePreviewProps: {
     };
     transition: StringConstructor;
     beforeClose: PropType<Interceptor>;
+    overlayClass: PropType<unknown>;
     overlayStyle: PropType<CSSProperties>;
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
@@ -89,6 +90,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     transition: StringConstructor;
     beforeClose: PropType<Interceptor>;
+    overlayClass: PropType<unknown>;
     overlayStyle: PropType<CSSProperties>;
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
@@ -107,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopupCloseIconPosition>;
         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<{
+}, () => 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").ComponentCustomProps, Readonly<{
     show?: unknown;
     loop?: unknown;
     images?: unknown;
@@ -120,6 +122,7 @@ declare const _default: import("vue").DefineComponent<{
     closeIcon?: unknown;
     transition?: unknown;
     beforeClose?: unknown;
+    overlayClass?: unknown;
     overlayStyle?: unknown;
     swipeDuration?: unknown;
     startPosition?: unknown;
@@ -144,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     beforeClose?: Interceptor | undefined;
     overlayStyle?: CSSProperties | undefined;
+    overlayClass?: unknown;
     className?: unknown;
     transition?: string | undefined;
 }> & {

package/es/image-preview/ImagePreview.js

@@ -1,19 +1,15 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { ref, watch, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
-
-import { pick, truthProp, unknownProp, windowWidth, windowHeight, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
-
-import { useRect } from '@vant/use';
-import { useExpose } from '../composables/use-expose'; // Components
-
-import { Icon } from '../icon';
-import { Swipe } from '../swipe';
-import { Popup } from '../popup';
-import ImagePreviewItem from './ImagePreviewItem'; // Types
-
-var [name, bem] = createNamespace('image-preview');
-var popupProps = ['show', 'transition', 'overlayStyle', 'closeOnPopstate'];
-var imagePreviewProps = {
+import { ref, watch, nextTick, reactive, onMounted, defineComponent } from "vue";
+import { pick, truthProp, unknownProp, windowWidth, windowHeight, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { useRect } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { Icon } from "../icon";
+import { Swipe } from "../swipe";
+import { Popup } from "../popup";
+import ImagePreviewItem from "./ImagePreviewItem";
+const [name, bem] = createNamespace("image-preview");
+const popupProps = ["show", "transition", "overlayStyle", "closeOnPopstate"];
+const imagePreviewProps = {
   show: Boolean,
   loop: truthProp,
   images: makeArrayProp(),
@@ -23,90 +19,81 @@ var imagePreviewProps = {
   closeable: Boolean,
   showIndex: truthProp,
   className: unknownProp,
-  closeIcon: makeStringProp('clear'),
+  closeIcon: makeStringProp("clear"),
   transition: String,
   beforeClose: Function,
+  overlayClass: unknownProp,
   overlayStyle: Object,
   swipeDuration: makeNumericProp(300),
   startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
-  closeIconPosition: makeStringProp('top-right')
+  closeIconPosition: makeStringProp("top-right")
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: imagePreviewProps,
-  emits: ['scale', 'close', 'closed', 'change', 'update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var swipeRef = ref();
-    var state = reactive({
+  emits: ["scale", "close", "closed", "change", "update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const swipeRef = ref();
+    const state = reactive({
       active: 0,
       rootWidth: 0,
       rootHeight: 0
     });
-
-    var resize = () => {
+    const resize = () => {
       if (swipeRef.value) {
-        var rect = useRect(swipeRef.value.$el);
+        const rect = useRect(swipeRef.value.$el);
         state.rootWidth = rect.width;
         state.rootHeight = rect.height;
         swipeRef.value.resize();
       }
     };
-
-    var emitScale = args => emit('scale', args);
-
-    var updateShow = show => emit('update:show', show);
-
-    var emitClose = () => {
+    const emitScale = (args) => emit("scale", args);
+    const updateShow = (show) => emit("update:show", show);
+    const emitClose = () => {
       callInterceptor(props.beforeClose, {
         args: [state.active],
         done: () => updateShow(false)
       });
     };
-
-    var setActive = active => {
+    const setActive = (active) => {
       if (active !== state.active) {
         state.active = active;
-        emit('change', active);
+        emit("change", active);
       }
     };
-
-    var renderIndex = () => {
+    const renderIndex = () => {
       if (props.showIndex) {
         return _createVNode("div", {
-          "class": bem('index')
+          "class": bem("index")
         }, [slots.index ? slots.index({
           index: state.active
-        }) : state.active + 1 + " / " + props.images.length]);
+        }) : `${state.active + 1} / ${props.images.length}`]);
       }
     };
-
-    var renderCover = () => {
+    const renderCover = () => {
       if (slots.cover) {
         return _createVNode("div", {
-          "class": bem('cover')
+          "class": bem("cover")
         }, [slots.cover()]);
       }
     };
-
-    var renderImages = () => _createVNode(Swipe, {
+    const renderImages = () => _createVNode(Swipe, {
       "ref": swipeRef,
       "lazyRender": true,
       "loop": props.loop,
-      "class": bem('swipe'),
+      "class": bem("swipe"),
       "duration": props.swipeDuration,
       "initialSwipe": props.startPosition,
       "showIndicators": props.showIndicators,
       "indicatorColor": "white",
       "onChange": setActive
     }, {
-      default: () => [props.images.map(image => _createVNode(ImagePreviewItem, {
+      default: () => [props.images.map((image) => _createVNode(ImagePreviewItem, {
         "src": image,
         "show": props.show,
         "active": state.active,
@@ -118,38 +105,32 @@ export default defineComponent({
         "onClose": emitClose
       }, null))]
     });
-
-    var renderClose = () => {
+    const renderClose = () => {
       if (props.closeable) {
         return _createVNode(Icon, {
           "role": "button",
           "name": props.closeIcon,
-          "class": [bem('close-icon', props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "onClick": emitClose
         }, null);
       }
     };
-
-    var onClosed = () => emit('closed');
-
-    var swipeTo = (index, options) => {
-      var _swipeRef$value;
-
-      return (_swipeRef$value = swipeRef.value) == null ? void 0 : _swipeRef$value.swipeTo(index, options);
+    const onClosed = () => emit("closed");
+    const swipeTo = (index, options) => {
+      var _a;
+      return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index, options);
     };
-
     useExpose({
       swipeTo
     });
     onMounted(resize);
     watch([windowWidth, windowHeight], resize);
-    watch(() => props.startPosition, value => setActive(+value));
-    watch(() => props.show, value => {
-      var {
+    watch(() => props.startPosition, (value) => setActive(+value));
+    watch(() => props.show, (value) => {
+      const {
         images,
         startPosition
       } = props;
-
       if (value) {
         setActive(+startPosition);
         nextTick(() => {
@@ -159,7 +140,7 @@ export default defineComponent({
           });
         });
       } else {
-        emit('close', {
+        emit("close", {
           index: state.active,
           url: images[state.active]
         });
@@ -167,12 +148,14 @@ export default defineComponent({
     });
     return () => _createVNode(Popup, _mergeProps({
       "class": [bem(), props.className],
-      "overlayClass": bem('overlay'),
+      "overlayClass": [bem("overlay"), props.overlayClass],
       "onClosed": onClosed,
       "onUpdate:show": updateShow
     }, pick(props, popupProps)), {
       default: () => [renderClose(), renderImages(), renderIndex(), renderCover()]
     });
   }
-
-});
+});
+export {
+  stdin_default as default
+};

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

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale")[], "close" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale")[], "close" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     src?: unknown;
     show?: unknown;
     active?: unknown;

package/es/image-preview/ImagePreviewItem.js

@@ -1,18 +1,13 @@
-import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
-import { watch, computed, reactive, defineComponent } from 'vue'; // Utils
-
-import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp } from '../utils'; // Composables
-
-import { useTouch } from '../composables/use-touch'; // Components
-
-import { Image } from '../image';
-import { Loading } from '../loading';
-import { SwipeItem } from '../swipe-item';
-
-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({
+import { createVNode as _createVNode } from "vue";
+import { watch, computed, reactive, defineComponent } from "vue";
+import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp } from "../utils";
+import { useTouch } from "../composables/use-touch";
+import { Image } from "../image";
+import { Loading } from "../loading";
+import { SwipeItem } from "../swipe-item";
+const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
+const bem = createNamespace("image-preview")[1];
+var stdin_default = defineComponent({
   props: {
     src: String,
     show: Boolean,
@@ -22,13 +17,11 @@ export default defineComponent({
     rootWidth: makeRequiredProp(Number),
     rootHeight: makeRequiredProp(Number)
   },
-  emits: ['scale', 'close'],
-
-  setup(props, _ref) {
-    var {
-      emit
-    } = _ref;
-    var state = reactive({
+  emits: ["scale", "close"],
+  setup(props, {
+    emit
+  }) {
+    const state = reactive({
       scale: 1,
       moveX: 0,
       moveY: 0,
@@ -38,97 +31,87 @@ export default defineComponent({
       displayWidth: 0,
       displayHeight: 0
     });
-    var touch = useTouch();
-    var vertical = computed(() => {
-      var {
+    const touch = useTouch();
+    const vertical = computed(() => {
+      const {
         rootWidth,
         rootHeight
       } = props;
-      var rootRatio = rootHeight / rootWidth;
+      const rootRatio = rootHeight / rootWidth;
       return state.imageRatio > rootRatio;
     });
-    var imageStyle = computed(() => {
-      var {
+    const imageStyle = computed(() => {
+      const {
         scale,
         moveX,
         moveY,
         moving,
         zooming
       } = state;
-      var style = {
-        transitionDuration: zooming || moving ? '0s' : '.3s'
+      const style = {
+        transitionDuration: zooming || moving ? "0s" : ".3s"
       };
-
       if (scale !== 1) {
-        var offsetX = moveX / scale;
-        var offsetY = moveY / scale;
-        style.transform = "scale(" + scale + ", " + scale + ") translate(" + offsetX + "px, " + offsetY + "px)";
+        const offsetX = moveX / scale;
+        const offsetY = moveY / scale;
+        style.transform = `scale(${scale}, ${scale}) translate(${offsetX}px, ${offsetY}px)`;
       }
-
       return style;
     });
-    var maxMoveX = computed(() => {
+    const maxMoveX = computed(() => {
       if (state.imageRatio) {
-        var {
+        const {
           rootWidth,
           rootHeight
         } = props;
-        var displayWidth = vertical.value ? rootHeight / state.imageRatio : rootWidth;
+        const displayWidth = vertical.value ? rootHeight / state.imageRatio : rootWidth;
         return Math.max(0, (state.scale * displayWidth - rootWidth) / 2);
       }
-
       return 0;
     });
-    var maxMoveY = computed(() => {
+    const maxMoveY = computed(() => {
       if (state.imageRatio) {
-        var {
+        const {
           rootWidth,
           rootHeight
         } = props;
-        var displayHeight = vertical.value ? rootHeight : rootWidth * state.imageRatio;
+        const displayHeight = vertical.value ? rootHeight : rootWidth * state.imageRatio;
         return Math.max(0, (state.scale * displayHeight - rootHeight) / 2);
       }
-
       return 0;
     });
-
-    var setScale = scale => {
+    const setScale = (scale) => {
       scale = clamp(scale, +props.minZoom, +props.maxZoom);
-
       if (scale !== state.scale) {
         state.scale = scale;
-        emit('scale', {
+        emit("scale", {
           scale,
           index: props.active
         });
       }
     };
-
-    var resetScale = () => {
+    const resetScale = () => {
       setScale(1);
       state.moveX = 0;
       state.moveY = 0;
     };
-
-    var toggleScale = () => {
-      var scale = state.scale > 1 ? 1 : 2;
+    const toggleScale = () => {
+      const scale = state.scale > 1 ? 1 : 2;
       setScale(scale);
       state.moveX = 0;
       state.moveY = 0;
     };
-
-    var startMoveX;
-    var startMoveY;
-    var startScale;
-    var startDistance;
-    var doubleTapTimer;
-    var touchStartTime;
-
-    var onTouchStart = event => {
-      var {
+    let startMoveX;
+    let startMoveY;
+    let startScale;
+    let startDistance;
+    let doubleTapTimer;
+    let touchStartTime;
+    const onTouchStart = (event) => {
+      const {
         touches
       } = event;
-      var {
+      const {
         offsetX
       } = touch;
       touch.start(event);
@@ -137,50 +120,43 @@ export default defineComponent({
       touchStartTime = Date.now();
       state.moving = touches.length === 1 && state.scale !== 1;
       state.zooming = touches.length === 2 && !offsetX.value;
-
       if (state.zooming) {
         startScale = state.scale;
         startDistance = getDistance(event.touches);
       }
     };
-
-    var onTouchMove = event => {
-      var {
+    const onTouchMove = (event) => {
+      const {
         touches
       } = event;
       touch.move(event);
-
       if (state.moving || state.zooming) {
         preventDefault(event, true);
       }
-
       if (state.moving) {
-        var {
+        const {
           deltaX,
           deltaY
         } = touch;
-        var moveX = deltaX.value + startMoveX;
-        var moveY = deltaY.value + startMoveY;
+        const moveX = deltaX.value + startMoveX;
+        const moveY = deltaY.value + startMoveY;
         state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
         state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
       }
-
       if (state.zooming && touches.length === 2) {
-        var distance = getDistance(touches);
-        var scale = startScale * distance / startDistance;
+        const distance = getDistance(touches);
+        const scale = startScale * distance / startDistance;
         setScale(scale);
       }
     };
-
-    var checkTap = () => {
-      var {
+    const checkTap = () => {
+      const {
         offsetX,
         offsetY
       } = touch;
-      var deltaTime = Date.now() - touchStartTime;
-      var TAP_TIME = 250;
-      var TAP_OFFSET = 10;
-
+      const deltaTime = Date.now() - touchStartTime;
+      const TAP_TIME = 250;
+      const TAP_OFFSET = 10;
       if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET && deltaTime < TAP_TIME) {
         if (doubleTapTimer) {
           clearTimeout(doubleTapTimer);
@@ -188,70 +164,59 @@ export default defineComponent({
           toggleScale();
         } else {
           doubleTapTimer = setTimeout(() => {
-            emit('close');
+            emit("close");
             doubleTapTimer = null;
           }, TAP_TIME);
         }
       }
     };
-
-    var onTouchEnd = event => {
-      var stopPropagation = false;
-      /* istanbul ignore else */
-
+    const onTouchEnd = (event) => {
+      let stopPropagation = false;
       if (state.moving || state.zooming) {
         stopPropagation = true;
-
         if (state.moving && startMoveX === state.moveX && startMoveY === state.moveY) {
           stopPropagation = false;
         }
-
         if (!event.touches.length) {
           if (state.zooming) {
             state.moveX = clamp(state.moveX, -maxMoveX.value, maxMoveX.value);
             state.moveY = clamp(state.moveY, -maxMoveY.value, maxMoveY.value);
             state.zooming = false;
           }
-
           state.moving = false;
           startMoveX = 0;
           startMoveY = 0;
           startScale = 1;
-
           if (state.scale < 1) {
             resetScale();
           }
         }
-      } // eliminate tap delay on safari
-
-
+      }
       preventDefault(event, stopPropagation);
       checkTap();
       touch.reset();
     };
-
-    var onLoad = event => {
-      var {
+    const onLoad = (event) => {
+      const {
         naturalWidth,
         naturalHeight
       } = event.target;
       state.imageRatio = naturalHeight / naturalWidth;
     };
-
     watch(() => props.active, resetScale);
-    watch(() => props.show, value => {
+    watch(() => props.show, (value) => {
       if (!value) {
         resetScale();
       }
     });
     return () => {
-      var imageSlots = {
+      const imageSlots = {
         loading: () => _createVNode(Loading, {
           "type": "spinner"
         }, null)
       };
       return _createVNode(SwipeItem, {
-        "class": bem('swipe-item'),
+        "class": bem("swipe-item"),
         "onTouchstart": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
@@ -260,7 +225,7 @@ export default defineComponent({
         default: () => [_createVNode(Image, {
           "src": props.src,
           "fit": "contain",
-          "class": bem('image', {
+          "class": bem("image", {
             vertical: vertical.value
           }),
           "style": imageStyle.value,
@@ -269,5 +234,7 @@ export default defineComponent({
       });
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

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

@@ -37,6 +37,7 @@ declare const ImagePreview: {
         };
         transition: StringConstructor;
         beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+        overlayClass: import("vue").PropType<unknown>;
         overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
         swipeDuration: {
             type: (NumberConstructor | StringConstructor)[];
@@ -55,7 +56,7 @@ declare const ImagePreview: {
             type: import("vue").PropType<import("..").PopupCloseIconPosition>;
             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<{
+    }, () => 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").ComponentCustomProps, Readonly<{
         show?: unknown;
         loop?: unknown;
         images?: unknown;
@@ -68,6 +69,7 @@ declare const ImagePreview: {
         closeIcon?: unknown;
         transition?: unknown;
         beforeClose?: unknown;
+        overlayClass?: unknown;
         overlayStyle?: unknown;
         swipeDuration?: unknown;
         startPosition?: unknown;
@@ -92,6 +94,7 @@ declare const ImagePreview: {
     } & {
         beforeClose?: import("../utils").Interceptor | undefined;
         overlayStyle?: import("vue").CSSProperties | undefined;
+        overlayClass?: unknown;
         className?: unknown;
         transition?: string | undefined;
     }> & {