@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/image-preview/ImagePreview.mjs

@@ -1,35 +1,31 @@
-import VarSwipe from '../swipe/index.mjs';
-import VarSwipeItem from '../swipe-item/index.mjs';
-import VarIcon from '../icon/index.mjs';
-import VarPopup from '../popup/index.mjs';
-import { defineComponent, ref, computed, watch } from 'vue';
-import { toNumber, clamp } from '@varlet/shared';
-import { useEventListener, useTouch } from '@varlet/use';
-import { props } from './props.mjs';
-import { call, createNamespace } from '../utils/components.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('image-preview');
-var DISTANCE_OFFSET = 12;
-var EVENT_DELAY = 200;
-var TAP_DELAY = 350;
-var ANIMATION_DURATION = 200;
-var LONG_PRESS_DELAY = 500;
+import VarSwipe from "../swipe/index.mjs";
+import VarSwipeItem from "../swipe-item/index.mjs";
+import VarIcon from "../icon/index.mjs";
+import VarPopup from "../popup/index.mjs";
+import { defineComponent, ref, computed, watch } from "vue";
+import { toNumber, clamp } from "@varlet/shared";
+import { useEventListener, useTouch } from "@varlet/use";
+import { props } from "./props.mjs";
+import { call, createNamespace } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("image-preview");
+const DISTANCE_OFFSET = 12;
+const EVENT_DELAY = 200;
+const TAP_DELAY = 350;
+const ANIMATION_DURATION = 200;
+const LONG_PRESS_DELAY = 500;
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, createVNode as _createVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["onTouchstart"];
-var _hoisted_2 = ["src", "alt"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["onTouchstart"];
+const _hoisted_2 = ["src", "alt"];
 function __render__(_ctx, _cache) {
-  var _component_var_swipe_item = _resolveComponent("var-swipe-item");
-  var _component_var_swipe = _resolveComponent("var-swipe");
-  var _component_var_icon = _resolveComponent("var-icon");
-  var _component_var_popup = _resolveComponent("var-popup");
+  const _component_var_swipe_item = _resolveComponent("var-swipe-item");
+  const _component_var_swipe = _resolveComponent("var-swipe");
+  const _component_var_icon = _resolveComponent("var-icon");
+  const _component_var_popup = _resolveComponent("var-popup");
   return _openBlock(), _createBlock(_component_var_popup, {
-    class: _normalizeClass(_ctx.n('popup')),
+    class: _normalizeClass(_ctx.n("popup")),
     "var-image-preview-cover": "",
-    transition: _ctx.n('$-fade'),
+    transition: _ctx.n("$-fade"),
     show: _ctx.popupShow,
     overlay: false,
     "close-on-click-overlay": false,
@@ -41,76 +37,101 @@ function __render__(_ctx, _cache) {
     onOpened: _ctx.onOpened,
     onRouteChange: _ctx.onRouteChange
   }, {
-    default: _withCtx(() => [_createVNode(_component_var_swipe, _mergeProps({
-      ref: "swipeRef",
-      class: _ctx.n('swipe'),
-      "var-image-preview-cover": "",
-      touchable: _ctx.canSwipe,
-      indicator: _ctx.indicator && _ctx.images.length > 1,
-      "initial-index": _ctx.initialIndex,
-      loop: _ctx.loop,
-      onChange: _ctx.onChange
-    }, _ctx.$attrs), {
-      default: _withCtx(() => [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.images, (image, idx) => {
-        return _openBlock(), _createBlock(_component_var_swipe_item, {
-          class: _normalizeClass(_ctx.n('swipe-item')),
-          "var-image-preview-cover": "",
-          key: image
-        }, {
-          default: _withCtx(() => [_createElementVNode("div", {
-            class: _normalizeClass(_ctx.n('zoom-container')),
-            style: _normalizeStyle({
-              transform: "scale(" + _ctx.scale + ") translate(" + _ctx.translateX + "px, " + _ctx.translateY + "px)",
-              transitionTimingFunction: _ctx.transitionTimingFunction,
-              transitionDuration: _ctx.transitionDuration
-            }),
-            onTouchstart: $event => _ctx.handleTouchstart($event, idx),
-            onTouchmove: _cache[0] || (_cache[0] = function () {
-              return _ctx.handleTouchmove && _ctx.handleTouchmove(...arguments);
+    default: _withCtx(() => [
+      _createVNode(_component_var_swipe, _mergeProps({
+        ref: "swipeRef",
+        class: _ctx.n("swipe"),
+        "var-image-preview-cover": "",
+        touchable: _ctx.canSwipe,
+        indicator: _ctx.indicator && _ctx.images.length > 1,
+        "initial-index": _ctx.initialIndex,
+        loop: _ctx.loop,
+        onChange: _ctx.onChange
+      }, _ctx.$attrs), {
+        default: _withCtx(() => [
+          (_openBlock(true), _createElementBlock(
+            _Fragment,
+            null,
+            _renderList(_ctx.images, (image, idx) => {
+              return _openBlock(), _createBlock(_component_var_swipe_item, {
+                class: _normalizeClass(_ctx.n("swipe-item")),
+                "var-image-preview-cover": "",
+                key: image
+              }, {
+                default: _withCtx(() => [
+                  _createElementVNode("div", {
+                    class: _normalizeClass(_ctx.n("zoom-container")),
+                    style: _normalizeStyle({
+                      transform: `scale(${_ctx.scale}) translate(${_ctx.translateX}px, ${_ctx.translateY}px)`,
+                      transitionTimingFunction: _ctx.transitionTimingFunction,
+                      transitionDuration: _ctx.transitionDuration
+                    }),
+                    onTouchstart: ($event) => _ctx.handleTouchstart($event, idx),
+                    onTouchmove: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
+                    onTouchend: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args)),
+                    onTouchcancel: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchcancel && _ctx.handleTouchcancel(...args))
+                  }, [
+                    _createElementVNode("img", {
+                      class: _normalizeClass(_ctx.classes(_ctx.n("image"), [_ctx.isPreventDefault, _ctx.n("--prevent")])),
+                      src: image,
+                      alt: image
+                    }, null, 10, _hoisted_2)
+                  ], 46, _hoisted_1)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["class"]);
             }),
-            onTouchend: _cache[1] || (_cache[1] = function () {
-              return _ctx.handleTouchend && _ctx.handleTouchend(...arguments);
-            }),
-            onTouchcancel: _cache[2] || (_cache[2] = function () {
-              return _ctx.handleTouchcancel && _ctx.handleTouchcancel(...arguments);
-            })
-          }, [_createElementVNode("img", {
-            class: _normalizeClass(_ctx.classes(_ctx.n('image'), [_ctx.isPreventDefault, _ctx.n('--prevent')])),
-            src: image,
-            alt: image
-          }, null, 10 /* CLASS, PROPS */, _hoisted_2)], 46 /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */, _hoisted_1)]),
-          _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class"]);
-      }), 128 /* KEYED_FRAGMENT */))]),
-
-      indicator: _withCtx(_ref => {
-        var {
-          index,
-          length
-        } = _ref;
-        return [_renderSlot(_ctx.$slots, "indicator", {
-          index: index,
-          length: length
-        }, () => [_ctx.indicator && _ctx.images.length > 1 ? (_openBlock(), _createElementBlock("div", {
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        indicator: _withCtx(({ index, length }) => [
+          _renderSlot(_ctx.$slots, "indicator", {
+            index,
+            length
+          }, () => [
+            _ctx.indicator && _ctx.images.length > 1 ? (_openBlock(), _createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: _normalizeClass(_ctx.n("indicators"))
+              },
+              _toDisplayString(index + 1) + " / " + _toDisplayString(length),
+              3
+              /* TEXT, CLASS */
+            )) : _createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class", "touchable", "indicator", "initial-index", "loop", "onChange"]),
+      _renderSlot(_ctx.$slots, "close-icon", {}, () => [
+        _ctx.closeable ? (_openBlock(), _createBlock(_component_var_icon, {
           key: 0,
-          class: _normalizeClass(_ctx.n('indicators'))
-        }, _toDisplayString(index + 1) + " / " + _toDisplayString(length), 3 /* TEXT, CLASS */)) : _createCommentVNode("v-if", true)])];
-      }),
-      _: 3 /* FORWARDED */
-    }, 16 /* FULL_PROPS */, ["class", "touchable", "indicator", "initial-index", "loop", "onChange"]), _renderSlot(_ctx.$slots, "close-icon", {}, () => [_ctx.closeable ? (_openBlock(), _createBlock(_component_var_icon, {
-      key: 0,
-      class: _normalizeClass(_ctx.n('close-icon')),
-      name: "close-circle",
-      "var-image-preview-cover": "",
-      onClick: _ctx.close
-    }, null, 8 /* PROPS */, ["class", "onClick"])) : _createCommentVNode("v-if", true)]), _createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('extra'))
-    }, [_renderSlot(_ctx.$slots, "extra")], 2 /* CLASS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "transition", "show", "lock-scroll", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange"]);
+          class: _normalizeClass(_ctx.n("close-icon")),
+          name: "close-circle",
+          "var-image-preview-cover": "",
+          onClick: _ctx.close
+        }, null, 8, ["class", "onClick"])) : _createCommentVNode("v-if", true)
+      ]),
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("extra"))
+        },
+        [
+          _renderSlot(_ctx.$slots, "extra")
+        ],
+        2
+        /* CLASS */
+      )
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "transition", "show", "lock-scroll", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange"]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarSwipe,
@@ -120,65 +141,50 @@ var __sfc__ = defineComponent({
   },
   inheritAttrs: false,
   props,
-  setup(props) {
-    var popupShow = ref(false);
-    var scale = ref(1);
-    var translateX = ref(0);
-    var translateY = ref(0);
-    var transitionTimingFunction = ref();
-    var transitionDuration = ref();
-    var canSwipe = ref(true);
-    var swipeRef = ref(null);
-    var {
-      moveX,
-      moveY,
-      distance,
-      startTime,
-      startTouch,
-      moveTouch,
-      endTouch
-    } = useTouch();
-    var initialIndex = computed(() => {
-      // For compatibility with current, temporarily keep this computed method
-      // Current will be replaced by initialIndex in the future
-      var {
-        images,
-        current,
-        initialIndex
-      } = props;
-      if (initialIndex != null) {
-        return toNumber(initialIndex);
+  setup(props2) {
+    const popupShow = ref(false);
+    const scale = ref(1);
+    const translateX = ref(0);
+    const translateY = ref(0);
+    const transitionTimingFunction = ref();
+    const transitionDuration = ref();
+    const canSwipe = ref(true);
+    const swipeRef = ref(null);
+    const { moveX, moveY, distance, startTime, startTouch, moveTouch, endTouch } = useTouch();
+    const initialIndex = computed(() => {
+      const { images, current, initialIndex: initialIndex2 } = props2;
+      if (initialIndex2 != null) {
+        return toNumber(initialIndex2);
       }
-      var index = images.findIndex(image => image === current);
+      const index = images.findIndex((image) => image === current);
       return Math.max(index, 0);
     });
-    var isPreventDefault = computed(() => {
-      var {
-        imagePreventDefault,
-        show
-      } = props;
+    const isPreventDefault = computed(() => {
+      const { imagePreventDefault, show } = props2;
       return show && imagePreventDefault;
     });
-    var closeRunner = null;
-    var longPressRunner = null;
-    var isLongPress = false;
-    var targets = {
+    let closeRunner = null;
+    let longPressRunner = null;
+    let isLongPress = false;
+    const targets = {
       start: null,
       prev: null
     };
-    useEventListener(() => document, 'contextmenu', preventImageDefault);
-    watch(() => props.show, newShow => {
-      popupShow.value = newShow;
-    }, {
-      immediate: true
-    });
+    useEventListener(() => document, "contextmenu", preventImageDefault);
+    watch(
+      () => props2.show,
+      (newShow) => {
+        popupShow.value = newShow;
+      },
+      { immediate: true }
+    );
     function zoomIn() {
-      scale.value = toNumber(props.zoom);
+      scale.value = toNumber(props2.zoom);
       canSwipe.value = false;
       targets.prev = null;
       window.setTimeout(() => {
-        transitionTimingFunction.value = 'linear';
-        transitionDuration.value = '0s';
+        transitionTimingFunction.value = "linear";
+        transitionDuration.value = "0s";
       }, ANIMATION_DURATION);
     }
     function zoomOut() {
@@ -187,8 +193,8 @@ var __sfc__ = defineComponent({
       translateY.value = 0;
       canSwipe.value = true;
       targets.prev = null;
-      transitionTimingFunction.value = undefined;
-      transitionDuration.value = undefined;
+      transitionTimingFunction.value = void 0;
+      transitionDuration.value = void 0;
     }
     function isDoubleTouch(target) {
       if (!targets.prev) {
@@ -211,13 +217,11 @@ var __sfc__ = defineComponent({
     function handleTouchend(event) {
       endTouch();
       window.clearTimeout(longPressRunner);
-
-      // avoid triggering tap event sometimes
       if (isLongPress) {
         isLongPress = false;
         return;
       }
-      var isTap = isTapTouch(event.target);
+      const isTap = isTapTouch(event.target);
       closeRunner = window.setTimeout(() => {
         isTap && close();
         targets.start = null;
@@ -226,11 +230,11 @@ var __sfc__ = defineComponent({
     function handleTouchstart(event, idx) {
       window.clearTimeout(closeRunner);
       window.clearTimeout(longPressRunner);
-      var target = event.currentTarget;
+      const target = event.currentTarget;
       targets.start = target;
       longPressRunner = window.setTimeout(() => {
         isLongPress = true;
-        call(props.onLongPress, idx);
+        call(props2.onLongPress, idx);
       }, LONG_PRESS_DELAY);
       if (isDoubleTouch(target)) {
         scale.value > 1 ? zoomOut() : zoomIn();
@@ -240,48 +244,30 @@ var __sfc__ = defineComponent({
       targets.prev = target;
     }
     function getZoom(target) {
-      var {
-        offsetWidth,
-        offsetHeight
-      } = target;
-      var {
-        naturalWidth,
-        naturalHeight
-      } = target.querySelector("." + n('image'));
+      const { offsetWidth, offsetHeight } = target;
+      const { naturalWidth, naturalHeight } = target.querySelector(`.${n("image")}`);
       return {
         width: offsetWidth,
         height: offsetHeight,
         imageRadio: naturalHeight / naturalWidth,
         rootRadio: offsetHeight / offsetWidth,
-        zoom: toNumber(props.zoom)
+        zoom: toNumber(props2.zoom)
       };
     }
     function getLimitX(target) {
-      var {
-        zoom,
-        imageRadio,
-        rootRadio,
-        width,
-        height
-      } = getZoom(target);
+      const { zoom, imageRadio, rootRadio, width, height } = getZoom(target);
       if (!imageRadio) {
         return 0;
       }
-      var displayWidth = imageRadio > rootRadio ? height / imageRadio : width;
+      const displayWidth = imageRadio > rootRadio ? height / imageRadio : width;
       return Math.max(0, (zoom * displayWidth - width) / 2) / zoom;
     }
     function getLimitY(target) {
-      var {
-        zoom,
-        imageRadio,
-        rootRadio,
-        width,
-        height
-      } = getZoom(target);
+      const { zoom, imageRadio, rootRadio, width, height } = getZoom(target);
       if (!imageRadio) {
         return 0;
       }
-      var displayHeight = imageRadio > rootRadio ? height : width * imageRadio;
+      const displayHeight = imageRadio > rootRadio ? height : width * imageRadio;
       return Math.max(0, (zoom * displayHeight - height) / 2) / zoom;
     }
     function handleTouchmove(event) {
@@ -289,13 +275,13 @@ var __sfc__ = defineComponent({
         return;
       }
       moveTouch(event);
-      var target = event.currentTarget;
+      const target = event.currentTarget;
       if (distance.value > DISTANCE_OFFSET) {
         window.clearTimeout(longPressRunner);
       }
       if (scale.value > 1) {
-        var limitX = getLimitX(target);
-        var limitY = getLimitY(target);
+        const limitX = getLimitX(target);
+        const limitY = getLimitY(target);
         translateX.value = clamp(translateX.value + moveX.value, -limitX, limitX);
         translateY.value = clamp(translateY.value + moveY.value, -limitY, limitY);
       }
@@ -304,31 +290,25 @@ var __sfc__ = defineComponent({
     function close() {
       if (scale.value > 1) {
         zoomOut();
-        setTimeout(() => call(props['onUpdate:show'], false), ANIMATION_DURATION);
+        setTimeout(() => call(props2["onUpdate:show"], false), ANIMATION_DURATION);
         return;
       }
-      call(props['onUpdate:show'], false);
+      call(props2["onUpdate:show"], false);
     }
-
-    // expose
     function prev(options) {
-      var _swipeRef$value;
-      (_swipeRef$value = swipeRef.value) == null ? void 0 : _swipeRef$value.prev(options);
+      var _a;
+      (_a = swipeRef.value) == null ? void 0 : _a.prev(options);
     }
-
-    // expose
     function next(options) {
-      var _swipeRef$value2;
-      (_swipeRef$value2 = swipeRef.value) == null ? void 0 : _swipeRef$value2.next(options);
+      var _a;
+      (_a = swipeRef.value) == null ? void 0 : _a.next(options);
     }
-
-    // expose
     function to(idx, options) {
-      var _swipeRef$value3;
-      (_swipeRef$value3 = swipeRef.value) == null ? void 0 : _swipeRef$value3.to(idx, options);
+      var _a;
+      (_a = swipeRef.value) == null ? void 0 : _a.to(idx, options);
     }
     function preventImageDefault(event) {
-      props.imagePreventDefault && props.show && event.preventDefault();
+      props2.imagePreventDefault && props2.show && event.preventDefault();
     }
     return {
       swipeRef,
@@ -355,4 +335,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/image-preview/index.mjs

@@ -1,38 +1,47 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import VarImagePreview from './ImagePreview.mjs';
-import { nextTick, reactive } from 'vue';
-import { inBrowser, isArray, isString } from '@varlet/shared';
-import { call, mountInstance, withInstall } from '../utils/components.mjs';
-var singletonOptions;
-var defaultOptions = {};
-function normalizeOptions(options) {
-  if (options === void 0) {
-    options = {};
-  }
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import VarImagePreview from "./ImagePreview.mjs";
+import { nextTick, reactive } from "vue";
+import { inBrowser, isArray, isString } from "@varlet/shared";
+import { call, mountInstance, withInstall } from "../utils/components.mjs";
+let singletonOptions;
+let defaultOptions = {};
+function normalizeOptions(options = {}) {
   if (isString(options)) {
-    return _extends({}, defaultOptions, {
-      images: [options]
-    });
+    return __spreadProps(__spreadValues({}, defaultOptions), { images: [options] });
   }
   if (isArray(options)) {
-    return _extends({}, defaultOptions, {
-      images: options
-    });
+    return __spreadProps(__spreadValues({}, defaultOptions), { images: options });
   }
-  return _extends({}, defaultOptions, options);
+  return __spreadValues(__spreadValues({}, defaultOptions), options);
 }
 function ImagePreview(options) {
   if (!inBrowser()) {
     return;
   }
   ImagePreview.close();
-  var imagePreviewOptions = normalizeOptions(options);
-  var reactiveImagePreviewOptions = reactive(imagePreviewOptions);
-  reactiveImagePreviewOptions.teleport = 'body';
+  const imagePreviewOptions = normalizeOptions(options);
+  const reactiveImagePreviewOptions = reactive(imagePreviewOptions);
+  reactiveImagePreviewOptions.teleport = "body";
   singletonOptions = reactiveImagePreviewOptions;
-  var {
-    unmountInstance
-  } = mountInstance(VarImagePreview, reactiveImagePreviewOptions, {
+  const { unmountInstance } = mountInstance(VarImagePreview, reactiveImagePreviewOptions, {
     onClose: () => call(reactiveImagePreviewOptions.onClose),
     onClosed: () => {
       call(reactiveImagePreviewOptions.onClosed);
@@ -43,7 +52,7 @@ function ImagePreview(options) {
       unmountInstance();
       singletonOptions === reactiveImagePreviewOptions && (singletonOptions = null);
     },
-    'onUpdate:show': value => {
+    "onUpdate:show": (value) => {
       reactiveImagePreviewOptions.show = value;
     }
   });
@@ -51,14 +60,14 @@ function ImagePreview(options) {
 }
 ImagePreview.close = () => {
   if (singletonOptions != null) {
-    var prevSingletonOptions = singletonOptions;
+    const prevSingletonOptions = singletonOptions;
     singletonOptions = null;
     nextTick().then(() => {
       prevSingletonOptions.show = false;
     });
   }
 };
-ImagePreview.setDefaultOptions = options => {
+ImagePreview.setDefaultOptions = (options) => {
   defaultOptions = options;
 };
 ImagePreview.resetDefaultOptions = () => {
@@ -67,6 +76,11 @@ ImagePreview.resetDefaultOptions = () => {
 ImagePreview.Component = VarImagePreview;
 withInstall(VarImagePreview);
 withInstall(VarImagePreview, ImagePreview);
-export { props as imagePreviewProps } from './props.mjs';
-export var _ImagePreviewComponent = VarImagePreview;
-export default ImagePreview;
+import { props } from "./props.mjs";
+const _ImagePreviewComponent = VarImagePreview;
+var stdin_default = ImagePreview;
+export {
+  _ImagePreviewComponent,
+  stdin_default as default,
+  props as imagePreviewProps
+};

package/es/image-preview/props.mjs

@@ -1,8 +1,23 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { defineListenerProp, pickProps } from '../utils/components.mjs';
-import { props as swipeProps } from '../swipe/props.mjs';
-import { props as popupProps } from '../popup/props.mjs';
-export var props = _extends({
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
+import { props as swipeProps } from "../swipe/props.mjs";
+import { props as popupProps } from "../popup/props.mjs";
+const props = __spreadValues(__spreadValues({
   show: Boolean,
   imagePreventDefault: Boolean,
   images: {
@@ -20,8 +35,18 @@ export var props = _extends({
     default: 2
   },
   closeable: Boolean,
-  'onUpdate:show': defineListenerProp(),
+  "onUpdate:show": defineListenerProp(),
   onLongPress: defineListenerProp()
-}, pickProps(swipeProps, ['loop', 'indicator', 'onChange']), pickProps(popupProps, ['lockScroll', 'teleport', 'onOpen', 'onClose', 'onOpened', 'onClosed',
-// internal for function call closes the dialog
-'onRouteChange']));
+}, pickProps(swipeProps, ["loop", "indicator", "onChange"])), pickProps(popupProps, [
+  "lockScroll",
+  "teleport",
+  "onOpen",
+  "onClose",
+  "onOpened",
+  "onClosed",
+  // internal for function call closes the dialog
+  "onRouteChange"
+]));
+export {
+  props
+};