@nutui/nutui-react 1.5.1-beta.0 → 2.0.0-alpha.0

package/dist/esm/Swiper.js

@@ -3,50 +3,55 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 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", "paginationBgColor"];
-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 classNames from 'classnames';
-import { D as DataContext } from './UserContext-2629d479.js';
-import { c as cn } from './bem-3b438e61.js';
-import { g as getRect } from './useClientRect-56bb675b.js';
-import '@bem-react/classname';
+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), true).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 classNames from "classnames";
+import { D as DataContext } from "./UserContext3.js";
+import { c as cn } from "./bem.js";
+import { g as getRect } from "./use-client-rect.js";
+import "@bem-react/classname";
 var defaultProps = {
-  width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' ? window.innerWidth : 375,
+  width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
   initPage: 0,
   autoPlay: 0,
-  direction: 'horizontal',
-  paginationColor: '#fff',
-  paginationBgColor: '#ddd',
+  direction: "horizontal",
+  paginationColor: "#fff",
+  paginationBgColor: "#ddd",
   paginationVisible: false,
   loop: true,
   touchable: true,
   isPreventDefault: true,
   isStopPropagation: true,
   isCenter: false,
-  className: ''
+  className: ""
 };
 var DISTANCE = 5;
-var Swiper = React__default.forwardRef(function (props, ref) {
+var Swiper = React__default.forwardRef(function(props, ref) {
   var _classNames, _classNames2;
   var propSwiper = _objectSpread(_objectSpread({}, defaultProps), 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,
-    paginationBgColor = propSwiper.paginationBgColor,
-    rest = _objectWithoutProperties(propSwiper, _excluded);
+  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, paginationBgColor = propSwiper.paginationBgColor, rest = _objectWithoutProperties(propSwiper, _excluded);
   var container = useRef(null);
   var innerRef = useRef(null);
   var _swiper = useRef({
@@ -57,94 +62,65 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     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 isVertical = direction === "vertical";
+  var _useState = useState(null), _useState2 = _slicedToArray(_useState, 2), rect = _useState2[0], setRect = _useState2[1];
+  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;
+    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 childCount2 = 0;
+    var childs2 = React__default.Children.map(props.children, function(child) {
+      if (!React__default.isValidElement(child))
+        return null;
+      childCount2++;
+      return child;
+    });
+    return {
+      childs: childs2,
+      childCount: childCount2
+    };
+  }, [props.children]), childs = _useMemo.childs, childCount = _useMemo.childCount;
   var trackSize = childCount * Number(size);
-  // 父组件参数传入子组件item
   var parent = {
-    propSwiper: propSwiper,
-    size: size
+    propSwiper,
+    size
   };
-  var minOffset = function () {
+  var minOffset = function() {
     if (rect) {
       var base = isVertical ? rect.height : rect.width;
       return base - Number(size) * childCount;
     }
     return 0;
   }();
-  // 清除定时器
-  var stopAutoPlay = function stopAutoPlay() {
+  var stopAutoPlay = function stopAutoPlay2() {
     clearTimeout(_swiper.current.autoplayTimer);
     _swiper.current.autoplayTimer = null;
   };
-  // 定时轮播
-  var autoplay = function autoplay() {
-    if (propSwiper.autoPlay <= 0 || childCount <= 1) return;
+  var autoplay = function autoplay2() {
+    if (propSwiper.autoPlay <= 0 || childCount <= 1)
+      return;
     stopAutoPlay();
-    _swiper.current.autoplayTimer = setTimeout(function () {
+    _swiper.current.autoplayTimer = setTimeout(function() {
       next();
-      autoplay();
+      autoplay2();
     }, Number(propSwiper.autoPlay));
   };
-  // 重置首尾位置信息
-  var resettPosition = function resettPosition() {
+  var resettPosition = function resettPosition2() {
     _swiper.current.moving = true;
     if (active <= -1) {
       move({
@@ -157,12 +133,11 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       });
     }
   };
-  // 上一页
-  var prev = function prev() {
+  var prev = function prev2() {
     resettPosition();
     touchReset();
-    requestFrame(function () {
-      requestFrame(function () {
+    requestFrame(function() {
+      requestFrame(function() {
         _swiper.current.moving = false;
         move({
           pace: -1,
@@ -171,12 +146,11 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       });
     });
   };
-  // 下一页
-  var next = function next() {
+  var next = function next2() {
     resettPosition();
     touchReset();
-    requestFrame(function () {
-      requestFrame(function () {
+    requestFrame(function() {
+      requestFrame(function() {
         _swiper.current.moving = false;
         move({
           pace: 1,
@@ -185,12 +159,11 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       });
     });
   };
-  // 前往指定页
-  var to = function to(index) {
+  var to = function to2(index) {
     resettPosition();
     touchReset();
-    requestFrame(function () {
-      requestFrame(function () {
+    requestFrame(function() {
+      requestFrame(function() {
         _swiper.current.moving = false;
         var targetIndex;
         if (props.loop && childCount === index) {
@@ -205,24 +178,15 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       });
     });
   };
-  var resize = function resize() {
+  var resize = function resize2() {
     init(active);
   };
-  // 切换方法
-  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 move = function move2(_ref) {
+    var _ref$pace = _ref.pace, pace = _ref$pace === void 0 ? 0 : _ref$pace, _ref$offset = _ref.offset, offset2 = _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);
-    // 如果循环，调整开头结尾图片位置
+    var targetOffset = getOffset(targetActive, offset2);
     if (props.loop) {
       if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
         var rightBound = targetOffset < minOffset;
@@ -242,8 +206,7 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     setOffset(targetOffset);
     getStyle(targetOffset);
   };
-  // 确定当前active 元素
-  var getActive = function getActive(pace) {
+  var getActive = function getActive2(pace) {
     if (pace) {
       var _active = active + pace;
       if (props.loop) {
@@ -253,34 +216,32 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     }
     return active;
   };
-  // 计算位移
-  var getOffset = function getOffset(active) {
-    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var currentPosition = active * Number(size);
+  var getOffset = function getOffset2(active2) {
+    var offset2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    var currentPosition = active2 * Number(size);
     if (!props.loop) {
       currentPosition = Math.min(currentPosition, -minOffset);
     }
-    var targetOffset = offset - currentPosition;
+    var targetOffset = offset2 - currentPosition;
     if (!props.loop) {
       targetOffset = range(targetOffset, minOffset, 0);
     }
     return targetOffset;
   };
-  // 浏览器 帧 事件
-  var requestFrame = function requestFrame(fn) {
+  var requestFrame = function requestFrame2(fn) {
     window.requestAnimationFrame.call(window, fn);
   };
-  // 取值 方法
-  var range = function range(num, min, max) {
+  var range = function range2(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 getDirection = function getDirection2(x, y) {
+    if (x > y && x > DISTANCE)
+      return "horizontal";
+    if (y > x && y > DISTANCE)
+      return "vertical";
+    return "";
   };
-  // 重置 全部位移信息
-  var touchReset = function touchReset() {
+  var touchReset = function touchReset2() {
     touch.startX = 0;
     touch.startY = 0;
     touch.deltaX = 0;
@@ -288,17 +249,15 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     touch.offsetX = 0;
     touch.offsetY = 0;
     touch.delta = 0;
-    touch.stateDirection = '';
+    touch.stateDirection = "";
     touch.touchTime = 0;
   };
-  // 触摸事件开始
-  var touchStart = function touchStart(e) {
+  var touchStart = function touchStart2(e) {
     touchReset();
     touch.startX = e.touches[0].clientX;
     touch.startY = e.touches[0].clientY;
   };
-  // 触摸事件移动
-  var touchMove = function touchMove(e) {
+  var touchMove = function touchMove2(e) {
     touch.deltaX = e.touches[0].clientX - touch.startX;
     touch.deltaY = e.touches[0].clientY - touch.startY;
     touch.offsetX = Math.abs(touch.deltaX);
@@ -308,11 +267,11 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       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 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 getStyle2() {
+    var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;
     var target = innerRef.current;
     var _offset = 0;
     if (!isCenter) {
@@ -323,20 +282,23 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       _offset = moveOffset + (active === childCount - 1 && !props.loop ? -val / 2 : val / 2);
     }
     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");
+    target.style[isVertical ? "height" : "width"] = "".concat(Number(size) * childCount, "px");
+    target.style[isVertical ? "width" : "height"] = "".concat(isVertical ? width : height, "px");
     target.style.transform = "translate3D".concat(!isVertical ? "(".concat(_offset, "px,0,0)") : "(0,".concat(_offset, "px,0)"));
   };
-  var onTouchStart = function onTouchStart(e) {
-    if (props.isPreventDefault) e.preventDefault();
-    if (props.isStopPropagation) e.stopPropagation();
-    if (!props.touchable) return;
+  var onTouchStart = function onTouchStart2(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) {
+  var onTouchMove = function onTouchMove2(e) {
     if (props.touchable && _swiper.current.moving) {
       touchMove(e);
       if (touch.stateDirection === props.direction) {
@@ -346,25 +308,26 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       }
     }
   };
-  var onTouchEnd = function onTouchEnd(e) {
-    if (!props.touchable || !_swiper.current.moving) return;
+  var onTouchEnd = function onTouchEnd2(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;
+      var offset2 = isVertical ? touch.offsetY : touch.offsetX;
       if (props.loop) {
-        if (_offset2 > 0) {
+        if (offset2 > 0) {
           pace = touch.delta > 0 ? -1 : 1;
         } else {
           pace = 0;
         }
       } else {
-        pace = -Math[touch.delta > 0 ? 'ceil' : 'floor'](touch.delta / size);
+        pace = -Math[touch.delta > 0 ? "ceil" : "floor"](touch.delta / size);
       }
       move({
-        pace: pace,
+        pace,
         isEmit: true
       });
     } else if (touch.delta) {
@@ -376,15 +339,15 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     }
     autoplay();
   };
-  useEffect(function () {
+  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;
+  var init = function init2() {
+    var active2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : +propSwiper.initPage;
+    var rect2 = getRect(container === null || container === void 0 ? void 0 : container.current);
+    var _active = Math.max(Math.min(childCount - 1, active2), 0);
+    var _width = propSwiper.width ? +propSwiper.width : rect2.width;
+    var _height = propSwiper.height ? +propSwiper.height : rect2.height;
     size = isVertical ? _height : _width;
     trackSize = childCount * Number(size);
     var targetOffset = getOffset(_active);
@@ -392,69 +355,69 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     if (ready) {
       _swiper.current.moving = false;
     }
-    setRect(rect);
+    setRect(rect2);
     setActive(_active);
     setWidth(_width);
     setHeight(_height);
     setOffset(targetOffset);
     setReady(true);
   };
-  useEffect(function () {
+  useEffect(function() {
     if (ready) {
       getStyle();
     }
   }, [isVertical, width, height, offset, ready]);
-  useEffect(function () {
+  useEffect(function() {
     if (ready) {
       stopAutoPlay();
       autoplay();
     }
-    return function () {
+    return function() {
       setReady(false);
     };
   }, [ready]);
-  useEffect(function () {
+  useEffect(function() {
     stopAutoPlay();
     autoplay();
   }, [children]);
-  useEffect(function () {
+  useEffect(function() {
     init();
   }, [propSwiper.initPage]);
-  useEffect(function () {
+  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);
+    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 () {
+  useEffect(function() {
+    return function() {
       stopAutoPlay();
     };
   }, []);
-  var itemStyle = function itemStyle(index) {
+  var itemStyle = function itemStyle2(index) {
     var style = {};
     var _direction = propSwiper.direction || direction;
     var _size = size;
     if (_size) {
-      style[_direction === 'horizontal' ? 'width' : 'height'] = "".concat(_size, "px");
+      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)"));
+    var offset2 = childOffset[index];
+    if (offset2) {
+      style.transform = "translate3D".concat(_direction === "horizontal" ? "(".concat(offset2, "px,0,0)") : "(0,".concat(offset2, "px,0)"));
     }
     return style;
   };
-  React__default.useImperativeHandle(ref, function () {
+  React__default.useImperativeHandle(ref, function() {
     return {
-      to: to,
-      next: next,
-      prev: prev,
-      resize: resize
+      to,
+      next,
+      prev,
+      resize
     };
   });
   return React__default.createElement(DataContext.Provider, {
@@ -465,15 +428,15 @@ var Swiper = React__default.forwardRef(function (props, ref) {
   }, rest), React__default.createElement("div", {
     className: contentClass,
     ref: innerRef
-  }, React__default.Children.map(childs, function (child, index) {
+  }, React__default.Children.map(childs, function(child, index) {
     return React__default.createElement("div", {
-      className: b('item-wrapper'),
+      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) {
+  })), 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) {
     return React__default.createElement("i", {
       style: (active + childCount) % childCount === index ? {
         backgroundColor: propSwiper.paginationColor
@@ -488,5 +451,7 @@ var Swiper = React__default.forwardRef(function (props, ref) {
   })) : React__default.createElement("div", null, pageContent)));
 });
 Swiper.defaultProps = defaultProps;
-Swiper.displayName = 'NutSwiper';
-export { Swiper as default };
+Swiper.displayName = "NutSwiper";
+export {
+  Swiper as default
+};