@nutui/nutui-react-taro 1.3.1 → 1.3.2

package/dist/esm/imagepreview.taro-a0ddd8a2.js

@@ -1,813 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "direction", "className", "pageContent", "onChange", "initPage", "paginationColor", "paginationVisible", "touchable", "isPreventDefault", "isStopPropagation", "autoPlay", "isCenter"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React__default, { useRef, useState, useMemo, useEffect } from 'react';
-import { P as Popup } from './popup-67173ec6.js';
-import { V as Video } from './video-c1090c92.js';
-import classNames from 'classnames';
-import { D as DataContext } from './UserContext-b4181162.js';
-import { c as cn } from './bem-893ad28d.js';
-import { a as getRect } from './useClientRect-8b7cc406.js';
-import { S as SwiperItem } from './swiperitem-d00e7513.js';
-var defaultProps$1 = {
-  width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' ? window.innerWidth : 375,
-  height: 0,
-  duration: 500,
-  initPage: 0,
-  autoPlay: 0,
-  direction: 'horizontal',
-  paginationColor: '#fff',
-  paginationVisible: false,
-  loop: true,
-  touchable: true,
-  isPreventDefault: true,
-  isStopPropagation: true,
-  isCenter: false,
-  className: ''
-};
-var DISTANCE = 5;
-var Swiper = React__default.forwardRef(function (props, ref) {
-  var _classNames, _classNames2;
-
-  var propSwiper = _objectSpread(_objectSpread({}, defaultProps$1), props);
-
-  var children = propSwiper.children,
-      direction = propSwiper.direction,
-      className = propSwiper.className,
-      pageContent = propSwiper.pageContent,
-      onChange = propSwiper.onChange,
-      initPage = propSwiper.initPage,
-      paginationColor = propSwiper.paginationColor,
-      paginationVisible = propSwiper.paginationVisible,
-      touchable = propSwiper.touchable,
-      isPreventDefault = propSwiper.isPreventDefault,
-      isStopPropagation = propSwiper.isStopPropagation,
-      autoPlay = propSwiper.autoPlay,
-      isCenter = propSwiper.isCenter,
-      rest = _objectWithoutProperties(propSwiper, _excluded);
-
-  var container = useRef(null);
-  var innerRef = useRef(null);
-
-  var _swiper = useRef({
-    moving: false,
-    autoplayTimer: null,
-    width: 0,
-    height: 0,
-    offset: 0,
-    size: 0
-  });
-
-  var isVertical = direction === 'vertical';
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      rect = _useState2[0],
-      setRect = _useState2[1]; // eslint-disable-next-line prefer-const
-
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      active = _useState4[0],
-      setActive = _useState4[1];
-
-  var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      width = _useState6[0],
-      setWidth = _useState6[1];
-
-  var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      height = _useState8[0],
-      setHeight = _useState8[1];
-
-  var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      offset = _useState10[0],
-      setOffset = _useState10[1];
-
-  var _useState11 = useState([]),
-      _useState12 = _slicedToArray(_useState11, 2),
-      childOffset = _useState12[0],
-      setChildOffset = _useState12[1];
-
-  var _useState13 = useState(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      ready = _useState14[0],
-      setReady = _useState14[1];
-
-  var size = isVertical ? height : width;
-
-  var _useState15 = useState({
-    startX: 0,
-    startY: 0,
-    deltaX: 0,
-    deltaY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    stateDirection: '',
-    delta: 0,
-    touchTime: 0
-  }),
-      _useState16 = _slicedToArray(_useState15, 2),
-      touch = _useState16[0],
-      setTouch = _useState16[1];
-
-  var _useMemo = useMemo(function () {
-    var childCount = 0;
-    var childs = React__default.Children.map(props.children, function (child) {
-      if (!React__default.isValidElement(child)) return null;
-      childCount++;
-      return child;
-    });
-    return {
-      childs: childs,
-      childCount: childCount
-    };
-  }, [props.children]),
-      childs = _useMemo.childs,
-      childCount = _useMemo.childCount;
-
-  var trackSize = childCount * Number(size); // 父组件参数传入子组件item
-
-  var parent = {
-    propSwiper: propSwiper,
-    size: size
-  };
-
-  var minOffset = function () {
-    if (rect) {
-      var base = isVertical ? rect.height : rect.width;
-      return base - Number(size) * childCount;
-    }
-
-    return 0;
-  }(); // 清除定时器
-
-
-  var stopAutoPlay = function stopAutoPlay() {
-    clearTimeout(_swiper.current.autoplayTimer);
-    _swiper.current.autoplayTimer = null;
-  }; // 定时轮播
-
-
-  var autoplay = function autoplay() {
-    if (propSwiper.autoPlay <= 0 || childCount <= 1) return;
-    stopAutoPlay();
-    _swiper.current.autoplayTimer = setTimeout(function () {
-      next();
-      autoplay();
-    }, Number(propSwiper.autoPlay));
-  }; // 重置首尾位置信息
-
-
-  var resettPosition = function resettPosition() {
-    _swiper.current.moving = true;
-
-    if (active <= -1) {
-      move({
-        pace: childCount
-      });
-    }
-
-    if (active >= childCount) {
-      move({
-        pace: -childCount
-      });
-    }
-  }; // 上一页
-
-
-  var prev = function prev() {
-    resettPosition();
-    touchReset();
-    requestFrame(function () {
-      requestFrame(function () {
-        _swiper.current.moving = false;
-        move({
-          pace: -1,
-          isEmit: true
-        });
-      });
-    });
-  }; // 下一页
-
-
-  var next = function next() {
-    resettPosition();
-    touchReset();
-    requestFrame(function () {
-      requestFrame(function () {
-        _swiper.current.moving = false;
-        move({
-          pace: 1,
-          isEmit: true
-        });
-      });
-    });
-  }; // 前往指定页
-
-
-  var to = function to(index) {
-    resettPosition();
-    touchReset();
-    requestFrame(function () {
-      requestFrame(function () {
-        _swiper.current.moving = false;
-        var targetIndex;
-
-        if (props.loop && childCount === index) {
-          targetIndex = active === 0 ? 0 : index;
-        } else {
-          targetIndex = index % childCount;
-        }
-
-        move({
-          pace: targetIndex - active,
-          isEmit: true
-        });
-      });
-    });
-  }; // 切换方法
-
-
-  var move = function move(_ref) {
-    var _ref$pace = _ref.pace,
-        pace = _ref$pace === void 0 ? 0 : _ref$pace,
-        _ref$offset = _ref.offset,
-        offset = _ref$offset === void 0 ? 0 : _ref$offset,
-        _ref$isEmit = _ref.isEmit,
-        isEmit = _ref$isEmit === void 0 ? false : _ref$isEmit,
-        _ref$movingStatus = _ref.movingStatus,
-        movingStatus = _ref$movingStatus === void 0 ? false : _ref$movingStatus;
-    if (childCount <= 1) return;
-    var targetActive = getActive(pace); // 父级容器偏移量
-
-    var targetOffset = getOffset(targetActive, offset); // 如果循环，调整开头结尾图片位置
-
-    if (props.loop) {
-      if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
-        var rightBound = targetOffset < minOffset;
-        childOffset[0] = rightBound ? trackSize : 0;
-      }
-
-      if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
-        var leftBound = targetOffset > 0;
-        childOffset[childCount - 1] = leftBound ? -trackSize : 0;
-      }
-
-      setChildOffset(childOffset);
-    }
-
-    if (isEmit && active !== targetActive) {
-      props.onChange && props.onChange((targetActive + childCount) % childCount);
-    }
-
-    active = targetActive;
-    setActive(targetActive);
-    setOffset(targetOffset);
-    getStyle(targetOffset);
-  }; // 确定当前active 元素
-
-
-  var getActive = function getActive(pace) {
-    if (pace) {
-      var _active = active + pace;
-
-      if (props.loop) {
-        return range(_active, -1, childCount);
-      }
-
-      return range(_active, 0, childCount - 1);
-    }
-
-    return active;
-  }; // 计算位移
-
-
-  var getOffset = function getOffset(active) {
-    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var currentPosition = active * Number(size);
-
-    if (!props.loop) {
-      currentPosition = Math.min(currentPosition, -minOffset);
-    }
-
-    var targetOffset = offset - currentPosition;
-
-    if (!props.loop) {
-      targetOffset = range(targetOffset, minOffset, 0);
-    }
-
-    return targetOffset;
-  }; // 浏览器 帧 事件
-
-
-  var requestFrame = function requestFrame(fn) {
-    window.requestAnimationFrame.call(window, fn);
-  }; // 取值 方法
-
-
-  var range = function range(num, min, max) {
-    return Math.min(Math.max(num, min), max);
-  };
-
-  var getDirection = function getDirection(x, y) {
-    if (x > y && x > DISTANCE) return 'horizontal';
-    if (y > x && y > DISTANCE) return 'vertical';
-    return '';
-  }; // 重置 全部位移信息
-
-
-  var touchReset = function touchReset() {
-    touch.startX = 0;
-    touch.startY = 0;
-    touch.deltaX = 0;
-    touch.deltaY = 0;
-    touch.offsetX = 0;
-    touch.offsetY = 0;
-    touch.delta = 0;
-    touch.stateDirection = '';
-    touch.touchTime = 0;
-  }; // 触摸事件开始
-
-
-  var touchStart = function touchStart(e) {
-    touchReset();
-    touch.startX = e.touches[0].clientX;
-    touch.startY = e.touches[0].clientY;
-  }; // 触摸事件移动
-
-
-  var touchMove = function touchMove(e) {
-    touch.deltaX = e.touches[0].clientX - touch.startX;
-    touch.deltaY = e.touches[0].clientY - touch.startY;
-    touch.offsetX = Math.abs(touch.deltaX);
-    touch.offsetY = Math.abs(touch.deltaY);
-    touch.delta = isVertical ? touch.deltaY : touch.deltaX;
-
-    if (!touch.stateDirection) {
-      touch.stateDirection = getDirection(touch.offsetX, touch.offsetY);
-    }
-  };
-
-  var b = cn('swiper');
-  var classes = classNames(b(''));
-  var contentClass = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('inner')), true), _defineProperty(_classNames, "".concat(b('vertical')), isVertical), _classNames));
-
-  var getStyle = function getStyle() {
-    var moveOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : offset;
-    var target = innerRef.current;
-    var _offset = 0;
-
-    if (!isCenter) {
-      _offset = moveOffset;
-    } else {
-      var _size = isVertical ? height : width;
-
-      var val = isVertical ? rect.height - _size : rect.width - _size;
-      _offset = moveOffset + (active === childCount - 1 && !props.loop ? -val / 2 : val / 2);
-    }
-
-    target.style.transform = "translate3D".concat(!isVertical ? "(".concat(_offset, "px,0,0)") : "(0,".concat(_offset, "px,0)"));
-    target.style.transitionDuration = "".concat(_swiper.current.moving ? 0 : props.duration, "ms");
-    target.style[isVertical ? 'height' : 'width'] = "".concat(Number(size) * childCount, "px");
-    target.style[isVertical ? 'width' : 'height'] = "".concat(isVertical ? width : height, "px");
-  };
-
-  var onTouchStart = function onTouchStart(e) {
-    if (props.isPreventDefault) e.preventDefault();
-    if (props.isStopPropagation) e.stopPropagation();
-    if (!props.touchable) return;
-    touchStart(e);
-    touch.touchTime = Date.now();
-    stopAutoPlay();
-    resettPosition();
-  };
-
-  var onTouchMove = function onTouchMove(e) {
-    if (props.touchable && _swiper.current.moving) {
-      touchMove(e);
-
-      if (touch.stateDirection === props.direction) {
-        move({
-          offset: touch.delta
-        });
-      }
-    }
-  };
-
-  var onTouchEnd = function onTouchEnd(e) {
-    if (!props.touchable || !_swiper.current.moving) return;
-    var speed = touch.delta / (Date.now() - touch.touchTime);
-    var isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta) > +(size / 2).toFixed(2);
-    var pace = 0;
-    _swiper.current.moving = false;
-
-    if (isShouldMove && touch.stateDirection === props.direction) {
-      var _offset2 = isVertical ? touch.offsetY : touch.offsetX;
-
-      if (props.loop) {
-        if (_offset2 > 0) {
-          pace = touch.delta > 0 ? -1 : 1;
-        } else {
-          pace = 0;
-        }
-      } else {
-        pace = -Math[touch.delta > 0 ? 'ceil' : 'floor'](touch.delta / size);
-      }
-
-      move({
-        pace: pace,
-        isEmit: true
-      });
-    } else if (touch.delta) {
-      move({
-        pace: 0
-      });
-    } else {
-      getStyle();
-    }
-
-    autoplay();
-  };
-
-  useEffect(function () {
-    _swiper.current.activePagination = (active + childCount) % childCount;
-  }, [active]);
-
-  var init = function init() {
-    var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : +propSwiper.initPage;
-    var rect = getRect(container === null || container === void 0 ? void 0 : container.current);
-
-    var _active = Math.max(Math.min(childCount - 1, active), 0);
-
-    var _width = propSwiper.width ? +propSwiper.width : rect.width;
-
-    var _height = propSwiper.height ? +propSwiper.height : rect.height;
-
-    size = isVertical ? _height : _width;
-    trackSize = childCount * Number(size);
-    var targetOffset = getOffset(_active);
-    _swiper.current.moving = true;
-
-    if (ready) {
-      _swiper.current.moving = false;
-    }
-
-    setRect(rect);
-    setActive(_active);
-    setWidth(_width);
-    setHeight(_height);
-    setOffset(targetOffset);
-    setReady(true);
-  };
-
-  useEffect(function () {
-    if (ready) {
-      getStyle();
-    }
-  }, [isVertical, width, height, offset, ready]);
-  useEffect(function () {
-    if (ready) {
-      stopAutoPlay();
-      autoplay();
-    }
-
-    return function () {
-      setReady(false);
-    };
-  }, [ready]);
-  useEffect(function () {
-    stopAutoPlay();
-    autoplay();
-  }, [children]);
-  useEffect(function () {
-    init();
-  }, [propSwiper.initPage]);
-  useEffect(function () {
-    var target = container.current;
-    target.addEventListener('touchstart', onTouchStart, false);
-    target.addEventListener('touchmove', onTouchMove, false);
-    target.addEventListener('touchend', onTouchEnd, false);
-    return function () {
-      target.removeEventListener('touchstart', onTouchStart, false);
-      target.removeEventListener('touchmove', onTouchMove, false);
-      target.removeEventListener('touchend', onTouchEnd, false);
-    };
-  });
-  useEffect(function () {
-    return function () {
-      stopAutoPlay();
-    };
-  }, []);
-
-  var itemStyle = function itemStyle(index) {
-    var style = {};
-
-    var _direction = propSwiper.direction || direction;
-
-    var _size = size;
-
-    if (_size) {
-      style[_direction === 'horizontal' ? 'width' : 'height'] = "".concat(_size, "px");
-    }
-
-    var offset = childOffset[index];
-
-    if (offset) {
-      style.transform = "translate3D".concat(_direction === 'horizontal' ? "(".concat(offset, "px,0,0)") : "(0,".concat(offset, "px,0)"));
-    }
-
-    return style;
-  };
-
-  React__default.useImperativeHandle(ref, function () {
-    return {
-      to: to,
-      next: next,
-      prev: prev
-    };
-  });
-  return React__default.createElement(DataContext.Provider, {
-    value: parent
-  }, React__default.createElement("div", _objectSpread({
-    className: "".concat(classes, " ").concat(className),
-    ref: container
-  }, rest), React__default.createElement("div", {
-    className: contentClass,
-    ref: innerRef
-  }, React__default.Children.map(childs, function (child, index) {
-    return React__default.createElement("div", {
-      className: b('item-wrapper'),
-      style: itemStyle(index),
-      key: index
-    }, child);
-  })), propSwiper.paginationVisible && !('pageContent' in propSwiper) ? React__default.createElement("div", {
-    className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(b('pagination')), true), _defineProperty(_classNames2, "".concat(b('pagination-vertical')), isVertical), _classNames2))
-  }, React__default.Children.map(childs, function (item, index) {
-    var _classNames3;
-
-    return React__default.createElement("i", {
-      style: (active + childCount) % childCount === index ? {
-        backgroundColor: propSwiper.paginationColor
-      } : undefined,
-      className: classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(b('pagination-item')), true), _defineProperty(_classNames3, "active", (active + childCount) % childCount === index), _classNames3)),
-      key: index
-    });
-  })) : React__default.createElement("div", null, pageContent)));
-});
-Swiper.defaultProps = defaultProps$1;
-Swiper.displayName = 'NutSwiper';
-var defaultProps = {
-  images: [],
-  videos: [],
-  show: false,
-  autoplay: 3000,
-  initNo: 1,
-  contentClose: false,
-  paginationVisible: false,
-  paginationColor: '#fff',
-  onClose: function onClose() {}
-};
-
-var ImagePreview = function ImagePreview(props) {
-  var images = props.images,
-      videos = props.videos,
-      show = props.show,
-      initNo = props.initNo,
-      paginationColor = props.paginationColor,
-      paginationVisible = props.paginationVisible,
-      autoplay = props.autoplay,
-      contentClose = props.contentClose,
-      onClose = props.onClose;
-  var nutImagePreview = useRef(null);
-
-  var _useState17 = useState(false),
-      _useState18 = _slicedToArray(_useState17, 2),
-      showPop = _useState18[0],
-      setShowPop = _useState18[1];
-
-  var _useState19 = useState(1),
-      _useState20 = _slicedToArray(_useState19, 2),
-      active = _useState20[0],
-      setActive = _useState20[1];
-
-  var _useState21 = useState(1),
-      _useState22 = _slicedToArray(_useState21, 2),
-      maxNo = _useState22[0],
-      setMaxNo = _useState22[1];
-
-  var _useState23 = useState({
-    scale: 1,
-    moveable: false
-  }),
-      _useState24 = _slicedToArray(_useState23, 2),
-      store = _useState24[0],
-      setStore = _useState24[1];
-
-  var _useState25 = useState(0),
-      _useState26 = _slicedToArray(_useState25, 2),
-      lastTouchEndTime = _useState26[0],
-      setLastTouchEndTime = _useState26[1]; // 用来辅助监听双击
-
-
-  var onTouchStart = function onTouchStart(event) {
-    var touches = event.touches;
-    var events = touches[0];
-    var events2 = touches[1]; // 如果已经放大，双击应变回原尺寸；如果是原尺寸，双击应放大
-
-    var curTouchTime = new Date().getTime();
-
-    if (curTouchTime - lastTouchEndTime < 300) {
-      var _store = store;
-
-      if (_store.scale > 1) {
-        _store.scale = 1;
-      } else if (_store.scale === 1) {
-        _store.scale = 2;
-      }
-
-      scaleNow();
-    }
-
-    var store1 = store;
-    store1.moveable = true;
-
-    if (events2) {
-      // 如果开始两指操作，记录初始时刻两指间的距离
-      store1.oriDistance = getDistance({
-        x: events.pageX,
-        y: events.pageY
-      }, {
-        x: events2.pageX,
-        y: events2.pageY
-      });
-    } // 取到开始两指操作时的放大（缩小比例），store.scale 存储的是当前的放缩比（相对于标准大小 scale 为 1 的情况的放大缩小比）
-
-
-    store1.originScale = store1.scale || 1;
-  };
-
-  var onTouchMove = function onTouchMove(event) {
-    var touches = event.touches;
-    var events = touches[0];
-    var events2 = touches[1];
-
-    if (!store.moveable) {
-      return;
-    }
-
-    var store1 = store; // 双指移动
-
-    if (events2) {
-      // 获得当前两点间的距离
-      var curDistance = getDistance({
-        x: events.pageX,
-        y: events.pageY
-      }, {
-        x: events2.pageX,
-        y: events2.pageY
-      });
-      /** 此处计算倍数，距离放大（缩小） k 倍则 scale 也 扩大（缩小） k 倍。距离放大（缩小）倍数 = 结束时两点距离 除以 开始时两点距离
-       * 注意此处的 scale 变化是基于 store.scale 的。
-       * store.scale 是一个暂存值，比如第一次放大 2 倍，则 store.scale 为 2。
-       * 再次两指触碰的时候，store.originScale 就为 store.scale 的值，基于此时的 store.scale 继续放大缩小。 * */
-
-      var curScale = curDistance / store1.oriDistance;
-      store1.scale = store1.originScale * curScale; // 最大放大 3 倍，缩小后松手要弹回原比例
-
-      if (store1.scale > 3) {
-        store1.scale = 3;
-      }
-
-      scaleNow();
-    }
-  };
-
-  var onTouchEnd = function onTouchEnd() {
-    setLastTouchEndTime(new Date().getTime());
-    var store1 = store;
-    store1.moveable = false;
-
-    if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
-      store1.scale = 1;
-      scaleNow();
-    }
-  };
-
-  var init = function init() {
-    document.addEventListener('touchmove', onTouchMove);
-    document.addEventListener('touchend', onTouchEnd);
-    document.addEventListener('touchcancel', onTouchEnd);
-  };
-
-  useEffect(function () {
-    if (show !== undefined) {
-      setShowPop(show);
-      init();
-    }
-  }, [show]);
-  useEffect(function () {
-    if (initNo !== undefined) {
-      setActive(initNo);
-    }
-
-    if (show !== undefined) {
-      setShowPop(show);
-    }
-
-    if (images && videos) {
-      setMaxNo(images.length + videos.length);
-    }
-  }, []);
-
-  var scaleNow = function scaleNow() {
-    if (nutImagePreview.current) {
-      nutImagePreview.current.style.transform = "scale(".concat(store.scale, ")");
-    }
-  };
-
-  var onCloseInner = function onCloseInner() {
-    setShowPop(false);
-    setActive(1);
-    scaleNow();
-    onClose && onClose();
-    setStore(_objectSpread(_objectSpread({}, store), {}, {
-      scale: 1
-    }));
-  }; // 计算两个点的距离
-
-
-  var getDistance = function getDistance(first, second) {
-    // 计算两个点起始时刻的距离和终止时刻的距离，终止时刻距离变大了则放大，变小了则缩小
-    // 放大 k 倍则 scale 也 扩大 k 倍
-    return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
-  };
-
-  var slideChangeEnd = function slideChangeEnd(page) {
-    setActive(page + 1);
-  };
-
-  var closeOnImg = function closeOnImg() {
-    // 点击内容区域的图片是否可以关闭弹层（视频区域由于nut-video做了限制，无法关闭弹层）
-    if (contentClose) {
-      onCloseInner();
-    }
-  };
-
-  return React__default.createElement(Popup, {
-    visible: showPop,
-    popClass: "custom-pop",
-    style: {
-      width: '100%'
-    },
-    onClick: onCloseInner
-  }, React__default.createElement("div", {
-    className: "nut-imagepreview",
-    ref: nutImagePreview,
-    onClick: closeOnImg,
-    onTouchStart: onTouchStart
-  }, React__default.createElement(Swiper, {
-    autoPlay: autoplay,
-    className: "nut-imagepreview-swiper",
-    loop: true,
-    isPreventDefault: false,
-    style: {
-      display: showPop ? 'block' : 'none'
-    },
-    direction: "horizontal",
-    onChange: slideChangeEnd,
-    initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1),
-    paginationColor: paginationColor,
-    paginationVisible: paginationVisible
-  }, videos && videos.length > 0 && videos.map(function (item, index) {
-    return React__default.createElement(SwiperItem, {
-      key: index
-    }, React__default.createElement(Video, {
-      source: item.source,
-      options: item.options
-    }));
-  }), images && images.length > 0 && images.map(function (item, index) {
-    return React__default.createElement(SwiperItem, {
-      key: index
-    }, React__default.createElement("img", {
-      src: item.src,
-      alt: "",
-      className: "nut-imagepreview-img"
-    }));
-  }))), React__default.createElement("div", {
-    className: "nut-imagepreview-index"
-  }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
-};
-
-ImagePreview.defaultProps = defaultProps;
-ImagePreview.displayName = 'NutImagePreview';
-export { ImagePreview as I };