vant 3.3.5 → 3.4.1

package/lib/image-preview/ImagePreviewItem.js

@@ -1,44 +1,53 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _useTouch = require("../composables/use-touch");
-
-var _image = require("../image");
-
-var _loading = require("../loading");
-
-var _swipeItem = require("../swipe-item");
-
-// Utils
-// Composables
-// Components
-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 = (0, _utils.createNamespace)('image-preview')[1];
-
-var _default = (0, _vue.defineComponent)({
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use_touch = __toModule(require("../composables/use-touch"));
+var import_image = __toModule(require("../image"));
+var import_loading = __toModule(require("../loading"));
+var import_swipe_item = __toModule(require("../swipe-item"));
+const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
+const bem = (0, import_utils.createNamespace)("image-preview")[1];
+var stdin_default = (0, import_vue2.defineComponent)({
   props: {
     src: String,
     show: Boolean,
     active: Number,
-    minZoom: (0, _utils.makeRequiredProp)(_utils.numericProp),
-    maxZoom: (0, _utils.makeRequiredProp)(_utils.numericProp),
-    rootWidth: (0, _utils.makeRequiredProp)(Number),
-    rootHeight: (0, _utils.makeRequiredProp)(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)
   },
-  emits: ['scale', 'close'],
-
-  setup(props, _ref) {
-    var {
-      emit
-    } = _ref;
-    var state = (0, _vue.reactive)({
+  emits: ["scale", "close"],
+  setup(props, {
+    emit
+  }) {
+    const state = (0, import_vue2.reactive)({
       scale: 1,
       moveX: 0,
       moveY: 0,
@@ -48,97 +57,87 @@ var _default = (0, _vue.defineComponent)({
       displayWidth: 0,
       displayHeight: 0
     });
-    var touch = (0, _useTouch.useTouch)();
-    var vertical = (0, _vue.computed)(() => {
-      var {
+    const touch = (0, import_use_touch.useTouch)();
+    const vertical = (0, import_vue2.computed)(() => {
+      const {
         rootWidth,
         rootHeight
       } = props;
-      var rootRatio = rootHeight / rootWidth;
+      const rootRatio = rootHeight / rootWidth;
       return state.imageRatio > rootRatio;
     });
-    var imageStyle = (0, _vue.computed)(() => {
-      var {
+    const imageStyle = (0, import_vue2.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 = (0, _vue.computed)(() => {
+    const maxMoveX = (0, import_vue2.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 = (0, _vue.computed)(() => {
+    const maxMoveY = (0, import_vue2.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 => {
-      scale = (0, _utils.clamp)(scale, +props.minZoom, +props.maxZoom);
-
+    const setScale = (scale) => {
+      scale = (0, import_utils.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);
@@ -147,50 +146,43 @@ var _default = (0, _vue.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) {
-        (0, _utils.preventDefault)(event, true);
+        (0, import_utils.preventDefault)(event, true);
       }
-
       if (state.moving) {
-        var {
+        const {
           deltaX,
           deltaY
         } = touch;
-        var moveX = deltaX.value + startMoveX;
-        var moveY = deltaY.value + startMoveY;
-        state.moveX = (0, _utils.clamp)(moveX, -maxMoveX.value, maxMoveX.value);
-        state.moveY = (0, _utils.clamp)(moveY, -maxMoveY.value, maxMoveY.value);
+        const moveX = deltaX.value + startMoveX;
+        const moveY = deltaY.value + startMoveY;
+        state.moveX = (0, import_utils.clamp)(moveX, -maxMoveX.value, maxMoveX.value);
+        state.moveY = (0, import_utils.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);
@@ -198,79 +190,68 @@ var _default = (0, _vue.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 = (0, _utils.clamp)(state.moveX, -maxMoveX.value, maxMoveX.value);
-            state.moveY = (0, _utils.clamp)(state.moveY, -maxMoveY.value, maxMoveY.value);
+            state.moveX = (0, import_utils.clamp)(state.moveX, -maxMoveX.value, maxMoveX.value);
+            state.moveY = (0, import_utils.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
-
-
-      (0, _utils.preventDefault)(event, stopPropagation);
+      }
+      (0, import_utils.preventDefault)(event, stopPropagation);
       checkTap();
       touch.reset();
     };
-
-    var onLoad = event => {
-      var {
+    const onLoad = (event) => {
+      const {
         naturalWidth,
         naturalHeight
       } = event.target;
       state.imageRatio = naturalHeight / naturalWidth;
     };
-
-    (0, _vue.watch)(() => props.active, resetScale);
-    (0, _vue.watch)(() => props.show, value => {
+    (0, import_vue2.watch)(() => props.active, resetScale);
+    (0, import_vue2.watch)(() => props.show, (value) => {
       if (!value) {
         resetScale();
       }
     });
     return () => {
-      var imageSlots = {
-        loading: () => (0, _vue.createVNode)(_loading.Loading, {
+      const imageSlots = {
+        loading: () => (0, import_vue.createVNode)(import_loading.Loading, {
           "type": "spinner"
         }, null)
       };
-      return (0, _vue.createVNode)(_swipeItem.SwipeItem, {
-        "class": bem('swipe-item'),
+      return (0, import_vue.createVNode)(import_swipe_item.SwipeItem, {
+        "class": bem("swipe-item"),
         "onTouchstart": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
-        default: () => [(0, _vue.createVNode)(_image.Image, {
+        default: () => [(0, import_vue.createVNode)(import_image.Image, {
           "src": props.src,
           "fit": "contain",
-          "class": bem('image', {
+          "class": bem("image", {
             vertical: vertical.value
           }),
           "style": imageStyle.value,
@@ -279,7 +260,4 @@ var _default = (0, _vue.defineComponent)({
       });
     };
   }
-
 });
-
-exports.default = _default;

package/lib/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;
     }> & {

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

@@ -1,90 +1,91 @@
-"use strict";
-
-exports.__esModule = true;
-exports.ImagePreview = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _mountComponent = require("../utils/mount-component");
-
-var _ImagePreview = _interopRequireDefault(require("./ImagePreview"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var instance;
-var defaultConfig = {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  ImagePreview: () => ImagePreview
+});
+var import_vue = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_mount_component = __toModule(require("../utils/mount-component"));
+var import_ImagePreview = __toModule(require("./ImagePreview"));
+let instance;
+const defaultConfig = {
   loop: true,
   images: [],
   maxZoom: 3,
   minZoom: 1 / 3,
-  onScale: undefined,
-  onClose: undefined,
-  onChange: undefined,
-  teleport: 'body',
-  className: '',
+  onScale: void 0,
+  onClose: void 0,
+  onChange: void 0,
+  teleport: "body",
+  className: "",
   showIndex: true,
   closeable: false,
-  closeIcon: 'clear',
-  transition: undefined,
-  beforeClose: undefined,
-  overlayStyle: undefined,
+  closeIcon: "clear",
+  transition: void 0,
+  beforeClose: void 0,
+  overlayStyle: void 0,
+  overlayClass: void 0,
   startPosition: 0,
   swipeDuration: 300,
   showIndicators: false,
   closeOnPopstate: true,
-  closeIconPosition: 'top-right'
+  closeIconPosition: "top-right"
 };
-
 function initInstance() {
   ({
     instance
-  } = (0, _mountComponent.mountComponent)({
+  } = (0, import_mount_component.mountComponent)({
     setup() {
-      var {
+      const {
         state,
         toggle
-      } = (0, _mountComponent.usePopupState)();
-
-      var onClosed = () => {
+      } = (0, import_mount_component.usePopupState)();
+      const onClosed = () => {
         state.images = [];
       };
-
-      return () => (0, _vue.createVNode)(_ImagePreview.default, (0, _vue.mergeProps)(state, {
+      return () => (0, import_vue.createVNode)(import_ImagePreview.default, (0, import_vue.mergeProps)(state, {
         "onClosed": onClosed,
         "onUpdate:show": toggle
       }), null);
     }
-
   }));
 }
-
-var ImagePreview = function (options, startPosition) {
-  if (startPosition === void 0) {
-    startPosition = 0;
-  }
-
-  /* istanbul ignore if */
-  if (!_utils.inBrowser) {
+const ImagePreview = (options, startPosition = 0) => {
+  if (!import_utils.inBrowser) {
     return;
   }
-
   if (!instance) {
     initInstance();
   }
-
   options = Array.isArray(options) ? {
     images: options,
     startPosition
   } : options;
-  instance.open((0, _utils.extend)({}, defaultConfig, options));
+  instance.open((0, import_utils.extend)({}, defaultConfig, options));
   return instance;
 };
-
-exports.ImagePreview = ImagePreview;
-ImagePreview.Component = (0, _utils.withInstall)(_ImagePreview.default);
-
-ImagePreview.install = app => {
+ImagePreview.Component = (0, import_utils.withInstall)(import_ImagePreview.default);
+ImagePreview.install = (app) => {
   app.use(ImagePreview.Component);
-};
+};

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

@@ -4,3 +4,8 @@ export default ImagePreview;
 export { ImagePreview };
 export type { ImagePreviewProps };
 export type { ImagePreviewOptions, ImagePreviewInstance, ImagePreviewScaleEventParams, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanImagePreview: typeof ImagePreview.Component;
+    }
+}

package/lib/image-preview/index.js

@@ -1,10 +1,29 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _functionCall = require("./function-call");
-
-exports.ImagePreview = _functionCall.ImagePreview;
-var _default = _functionCall.ImagePreview;
-exports.default = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  ImagePreview: () => import_function_call.ImagePreview,
+  default: () => stdin_default
+});
+var import_function_call = __toModule(require("./function-call"));
+var stdin_default = import_function_call.ImagePreview;

package/lib/image-preview/style/index.js

@@ -1,21 +1,10 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../badge/index.css');
-
-require('../../icon/index.css');
-
-require('../../image/index.css');
-
-require('../../loading/index.css');
-
-require('../../overlay/index.css');
-
-require('../../popup/index.css');
-
-require('../../swipe/index.css');
-
-require('../../swipe-item/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../image/index.css");
+require("../../loading/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../swipe/index.css");
+require("../../swipe-item/index.css");
+require("../index.css");