@nutui/nutui-react-taro 1.3.5 → 1.3.6

package/dist/esm/swiper.taro-f314d67a.js

@@ -5,11 +5,8 @@ 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"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 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 { nextTick, useReady, createSelectorQuery } from '@tarojs/taro';
@@ -34,27 +31,23 @@ var defaultProps = {
 var DISTANCE = 5;
 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,
-      rest = _objectWithoutProperties(propSwiper, _excluded);
-
+    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,
@@ -63,104 +56,87 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     offset: 0,
     size: 0
   });
-
   var _useState = useState(Math.random().toString(36).slice(-8)),
-      _useState2 = _slicedToArray(_useState, 1),
-      refRandomId = _useState2[0];
-
+    _useState2 = _slicedToArray(_useState, 1),
+    refRandomId = _useState2[0];
   var isVertical = direction === 'vertical';
-
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      rect = _useState4[0],
-      setRect = _useState4[1]; // eslint-disable-next-line prefer-const
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    rect = _useState4[0],
+    setRect = _useState4[1];
+  // eslint-disable-next-line prefer-const
   var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      active = _useState6[0],
-      setActive = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    active = _useState6[0],
+    setActive = _useState6[1];
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      width = _useState8[0],
-      setWidth = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    width = _useState8[0],
+    setWidth = _useState8[1];
   var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      height = _useState10[0],
-      setHeight = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    height = _useState10[0],
+    setHeight = _useState10[1];
   var _useState11 = useState(0),
-      _useState12 = _slicedToArray(_useState11, 2),
-      offset = _useState12[0],
-      setOffset = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    offset = _useState12[0],
+    setOffset = _useState12[1];
   var _useState13 = useState([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      childOffset = _useState14[0],
-      setChildOffset = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    childOffset = _useState14[0],
+    setChildOffset = _useState14[1];
   var _useState15 = useState(false),
-      _useState16 = _slicedToArray(_useState15, 2),
-      ready = _useState16[0],
-      setReady = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    ready = _useState16[0],
+    setReady = _useState16[1];
   var size = isVertical ? height : width;
-
   var _useState17 = useState({
-    startX: 0,
-    startY: 0,
-    deltaX: 0,
-    deltaY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    stateDirection: '',
-    delta: 0,
-    touchTime: 0
-  }),
-      _useState18 = _slicedToArray(_useState17, 2),
-      touch = _useState18[0],
-      setTouch = _useState18[1];
-
+      startX: 0,
+      startY: 0,
+      deltaX: 0,
+      deltaY: 0,
+      offsetX: 0,
+      offsetY: 0,
+      stateDirection: '',
+      delta: 0,
+      touchTime: 0
+    }),
+    _useState18 = _slicedToArray(_useState17, 2),
+    touch = _useState18[0],
+    setTouch = _useState18[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 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 === null || rect === void 0 ? void 0 : rect.height : rect === null || rect === void 0 ? void 0 : 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();
@@ -168,26 +144,22 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       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();
@@ -200,9 +172,8 @@ var Swiper = React__default.forwardRef(function (props, ref) {
         });
       });
     });
-  }; // 下一页
-
-
+  };
+  // 下一页
   var next = function next() {
     resettPosition();
     touchReset();
@@ -215,9 +186,8 @@ var Swiper = React__default.forwardRef(function (props, ref) {
         });
       });
     });
-  }; // 前往指定页
-
-
+  };
+  // 前往指定页
   var to = function to(index) {
     resettPosition();
     touchReset();
@@ -225,110 +195,90 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       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;
+      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); // 如果循环，调整开头结尾图片位置
-
+    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 元素
-
-
+  };
+  // 确定当前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;
@@ -339,52 +289,43 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     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 === null || rect === void 0 ? void 0 : rect.height) - _size : (rect === null || rect === void 0 ? void 0 : rect.width) - _size;
       _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.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();
@@ -394,11 +335,9 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     stopAutoPlay();
     resettPosition();
   };
-
   var onTouchMove = function onTouchMove(e) {
     if (props.touchable && _swiper.current.moving) {
       touchMove(e);
-
       if (touch.stateDirection === props.direction) {
         move({
           offset: touch.delta
@@ -406,17 +345,14 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       }
     }
   };
-
   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;
@@ -426,7 +362,6 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       } else {
         pace = -Math[touch.delta > 0 ? 'ceil' : 'floor'](touch.delta / size);
       }
-
       move({
         pace: pace,
         isEmit: true
@@ -438,14 +373,11 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     } else {
       getStyle();
     }
-
     autoplay();
   };
-
   useEffect(function () {
     _swiper.current.activePagination = (active + childCount) % childCount;
   }, [active]);
-
   var queryRect = function queryRect(element) {
     return new Promise(function (resolve) {
       var query = createSelectorQuery();
@@ -455,17 +387,15 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       });
     });
   };
-
   var init = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var active,
-          rect,
-          _active,
-          _width,
-          _height,
-          targetOffset,
-          _args = arguments;
-
+        rect,
+        _active,
+        _width,
+        _height,
+        targetOffset,
+        _args = arguments;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -473,7 +403,6 @@ var Swiper = React__default.forwardRef(function (props, ref) {
               active = _args.length > 0 && _args[0] !== undefined ? _args[0] : +propSwiper.initPage;
               _context.next = 3;
               return queryRect(container.current);
-
             case 3:
               rect = _context.sent;
               _active = Math.max(Math.min(childCount - 1, active), 0);
@@ -483,18 +412,15 @@ var Swiper = React__default.forwardRef(function (props, ref) {
               trackSize = childCount * Number(size);
               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);
-
             case 18:
             case "end":
               return _context.stop();
@@ -502,12 +428,10 @@ var Swiper = React__default.forwardRef(function (props, ref) {
         }
       }, _callee);
     }));
-
     return function init() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   useEffect(function () {
     if (ready) {
       getStyle();
@@ -518,7 +442,6 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       stopAutoPlay();
       autoplay();
     }
-
     return function () {
       setReady(false);
     };
@@ -542,27 +465,19 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       init();
     });
   });
-
   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,
@@ -595,7 +510,6 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     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

package/dist/esm/swiperitem-d00e7513.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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, { useContext } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-b4181162.js';
@@ -13,28 +10,21 @@ var defaultProps = {
 };
 var SwiperItem = React__default.forwardRef(function (props, ref) {
   var _props = _objectSpread(_objectSpread({}, defaultProps), props);
-
   var children = _props.children,
-      direction = _props.direction,
-      size = _props.size;
+    direction = _props.direction,
+    size = _props.size;
   var parent = useContext(DataContext);
   var b = cn('swiper-item');
   var classes = classNames(b(''));
-
   var style = function style() {
     var style = {};
-
     var _direction = (parent === null || parent === void 0 ? void 0 : parent.propSwiper.direction) || direction;
-
     var _size = (parent === null || parent === void 0 ? void 0 : parent.size) || size;
-
     if (_size) {
       style[_direction === 'horizontal' ? 'width' : 'height'] = "".concat(_size, "px");
     }
-
     return style;
   };
-
   return React__default.createElement("div", {
     className: classes,
     style: style()