@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/Swiper.js

@@ -1,28 +1,4 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "direction", "className", "onChange", "defaultValue", "indicator", "touchable", "preventDefault", "stopPropagation", "autoPlay", "center"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./context4.js";
@@ -31,7 +7,7 @@ import { I as Indicator } from "./indicator2.js";
 import { u as useTouch } from "./use-touch.js";
 import { r as requestAniFrame } from "./raf.js";
 import SwiperItem from "./SwiperItem.js";
-var defaultProps = {
+const defaultProps = {
   duration: 500,
   defaultValue: 0,
   autoPlay: 0,
@@ -44,12 +20,12 @@ var defaultProps = {
   center: false,
   className: ""
 };
-var Swiper = React__default.forwardRef(function(props, ref) {
-  var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
-  var children = mergedProps.children, direction = mergedProps.direction, className = mergedProps.className, onChange = mergedProps.onChange, defaultValue = mergedProps.defaultValue, indicator = mergedProps.indicator, touchable = mergedProps.touchable, preventDefault = mergedProps.preventDefault, stopPropagation = mergedProps.stopPropagation, autoPlay = mergedProps.autoPlay, center = mergedProps.center, rest = _objectWithoutProperties(mergedProps, _excluded);
-  var container = useRef(null);
-  var innerRef = useRef(null);
-  var swiperRef = useRef({
+const Swiper = React__default.forwardRef((props, ref) => {
+  const mergedProps = Object.assign(Object.assign({}, defaultProps), props);
+  const { children, direction, className, onChange, defaultValue, indicator, touchable, preventDefault, stopPropagation, autoPlay, center } = mergedProps, rest = __rest(mergedProps, ["children", "direction", "className", "onChange", "defaultValue", "indicator", "touchable", "preventDefault", "stopPropagation", "autoPlay", "center"]);
+  const container = useRef(null);
+  const innerRef = useRef(null);
+  const swiperRef = useRef({
     moving: false,
     autoplayTimer: null,
     width: 0,
@@ -57,19 +33,19 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     offset: 0,
     size: 0
   });
-  var touch = useTouch();
-  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 _useMemo = useMemo(function() {
-    var count = 0;
-    var swiperItems2 = React__default.Children.map(props.children, function(child) {
+  const touch = useTouch();
+  const isVertical = direction === "vertical";
+  const [rect, setRect] = useState(null);
+  let [active, setActive] = useState(0);
+  const [width, setWidth] = useState(0);
+  const [height, setHeight] = useState(0);
+  const [offset, setOffset] = useState(0);
+  const [childOffset, setChildOffset] = useState([]);
+  const [ready, setReady] = useState(false);
+  let size = isVertical ? height : width;
+  const { swiperItems, swiperItemCount } = useMemo(() => {
+    let count = 0;
+    const swiperItems2 = React__default.Children.map(props.children, (child) => {
       if (!React__default.isValidElement(child))
         return null;
       count++;
@@ -79,50 +55,46 @@ var Swiper = React__default.forwardRef(function(props, ref) {
       swiperItems: swiperItems2,
       swiperItemCount: count
     };
-  }, [props.children]), swiperItems = _useMemo.swiperItems, swiperItemCount = _useMemo.swiperItemCount;
-  var trackSize = swiperItemCount * Number(size);
-  var parent = {
+  }, [props.children]);
+  let trackSize = swiperItemCount * Number(size);
+  const parent = {
     propSwiper: mergedProps,
     size
   };
-  var minOffset = function() {
+  const minOffset = (() => {
     if (rect) {
-      var base = isVertical ? rect.height : rect.width;
+      const base = isVertical ? rect.height : rect.width;
       return base - Number(size) * swiperItemCount;
     }
     return 0;
-  }();
-  var stopAutoPlay = function stopAutoPlay2() {
+  })();
+  const stopAutoPlay = () => {
     clearTimeout(swiperRef.current.autoplayTimer);
     swiperRef.current.autoplayTimer = null;
   };
-  var startPlay = function startPlay2() {
-    if (mergedProps.autoPlay <= 0 || swiperItemCount <= 1)
+  const startPlay = () => {
+    if (Number(mergedProps.autoPlay) <= 0 || swiperItemCount <= 1)
       return;
     stopAutoPlay();
-    swiperRef.current.autoplayTimer = setTimeout(function() {
+    swiperRef.current.autoplayTimer = setTimeout(() => {
       next();
-      startPlay2();
+      startPlay();
     }, Number(mergedProps.autoPlay));
   };
-  var resetPosition = function resetPosition2() {
+  const resetPosition = () => {
     swiperRef.current.moving = true;
     if (active <= -1) {
-      move({
-        pace: swiperItemCount
-      });
+      move({ pace: swiperItemCount });
     }
     if (active >= swiperItemCount) {
-      move({
-        pace: -swiperItemCount
-      });
+      move({ pace: -swiperItemCount });
     }
   };
-  var prev = function prev2() {
+  const prev = () => {
     resetPosition();
     touch.reset();
-    requestAniFrame(function() {
-      requestAniFrame(function() {
+    requestAniFrame(() => {
+      requestAniFrame(() => {
         swiperRef.current.moving = false;
         move({
           pace: -1,
@@ -131,11 +103,11 @@ var Swiper = React__default.forwardRef(function(props, ref) {
       });
     });
   };
-  var next = function next2() {
+  const next = () => {
     resetPosition();
     touch.reset();
-    requestAniFrame(function() {
-      requestAniFrame(function() {
+    requestAniFrame(() => {
+      requestAniFrame(() => {
         swiperRef.current.moving = false;
         move({
           pace: 1,
@@ -144,13 +116,13 @@ var Swiper = React__default.forwardRef(function(props, ref) {
       });
     });
   };
-  var to = function to2(index) {
+  const to = (index) => {
     resetPosition();
     touch.reset();
-    requestAniFrame(function() {
-      requestAniFrame(function() {
+    requestAniFrame(() => {
+      requestAniFrame(() => {
         swiperRef.current.moving = false;
-        var targetIndex;
+        let targetIndex;
         if (props.loop && swiperItemCount === index) {
           targetIndex = active === 0 ? 0 : index;
         } else {
@@ -163,46 +135,43 @@ var Swiper = React__default.forwardRef(function(props, ref) {
       });
     });
   };
-  var resize = function resize2() {
+  const resize = () => {
     init(active);
   };
-  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;
+  const move = ({ pace = 0, offset: offset2 = 0, isEmit = false, movingStatus = false }) => {
+    var _a;
     if (swiperItemCount <= 1)
       return;
-    var targetActive = getActive(pace);
-    var targetOffset = getOffset(targetActive, offset2);
+    const targetActive = getActive(pace);
+    const targetOffset = getOffset(targetActive, offset2);
     if (props.loop) {
       if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
-        var rightBound = targetOffset < minOffset;
+        const rightBound = targetOffset < minOffset;
         childOffset[0] = rightBound ? trackSize : 0;
       }
       if (Array.isArray(children) && children[swiperItemCount - 1] && targetOffset !== 0) {
-        var leftBound = targetOffset > 0;
+        const leftBound = targetOffset > 0;
         childOffset[swiperItemCount - 1] = leftBound ? -trackSize : 0;
       }
       setChildOffset(childOffset);
     }
     if (isEmit && active !== targetActive) {
-      var _props$onChange;
-      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, (targetActive + swiperItemCount) % swiperItemCount);
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, (targetActive + swiperItemCount) % swiperItemCount);
     }
     active = targetActive;
     setActive(targetActive);
     setOffset(targetOffset);
     getStyle(targetOffset);
   };
-  React__default.useImperativeHandle(ref, function() {
-    return {
-      to,
-      next,
-      prev,
-      resize
-    };
-  });
-  var getActive = function getActive2(pace) {
+  React__default.useImperativeHandle(ref, () => ({
+    to,
+    next,
+    prev,
+    resize
+  }));
+  const getActive = (pace) => {
     if (pace) {
-      var _active = active + pace;
+      const _active = active + pace;
       if (props.loop) {
         return range(_active, -1, swiperItemCount);
       }
@@ -210,49 +179,50 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     }
     return active;
   };
-  var getOffset = function getOffset2(active2) {
-    var offset2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
-    var currentPosition = active2 * Number(size);
+  const getOffset = (active2, offset2 = 0) => {
+    let currentPosition = active2 * Number(size);
     if (!props.loop) {
       currentPosition = Math.min(currentPosition, -minOffset);
     }
-    var targetOffset = offset2 - currentPosition;
+    let targetOffset = offset2 - currentPosition;
     if (!props.loop) {
       targetOffset = range(targetOffset, minOffset, 0);
     }
     return targetOffset;
   };
-  var range = function range2(num, min, max) {
+  const range = (num, min, max) => {
     return Math.min(Math.max(num, min), max);
   };
-  var classPrefix = "nut-swiper";
-  var contentClass = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-inner"), true), "".concat(classPrefix, "-vertical"), isVertical));
-  var getStyle = function getStyle2() {
-    var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;
-    var target = innerRef.current;
+  const classPrefix = "nut-swiper";
+  const contentClass = classNames({
+    [`${classPrefix}-inner`]: true,
+    [`${classPrefix}-vertical`]: isVertical
+  });
+  const getStyle = (moveOffset = offset) => {
+    const target = innerRef.current;
     if (!target)
       return;
-    var _offset = 0;
+    let _offset = 0;
     if (!center) {
       _offset = moveOffset;
     } else {
-      var _size = isVertical ? height : width;
-      var val = isVertical ? rect.height - _size : rect.width - _size;
+      const _size = isVertical ? height : width;
+      const val = isVertical ? rect.height - _size : rect.width - _size;
       _offset = moveOffset + (active === swiperItemCount - 1 && !props.loop ? -val / 2 : val / 2);
     }
-    target.style.transitionDuration = "".concat(swiperRef.current.moving ? 0 : props.duration, "ms");
-    target.style[isVertical ? "height" : "width"] = "".concat(Number(size) * swiperItemCount, "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)"));
+    target.style.transitionDuration = `${swiperRef.current.moving ? 0 : props.duration}ms`;
+    target.style[isVertical ? "height" : "width"] = `${Number(size) * swiperItemCount}px`;
+    target.style[isVertical ? "width" : "height"] = `${isVertical ? width : height}px`;
+    target.style.transform = `translate3D${!isVertical ? `(${_offset}px,0,0)` : `(0,${_offset}px,0)`}`;
   };
-  var onTouchStart = function onTouchStart2(e) {
+  const onTouchStart = (e) => {
     if (!props.touchable)
       return;
     touch.start(e);
     stopAutoPlay();
     resetPosition();
   };
-  var onTouchMove = function onTouchMove2(e) {
+  const onTouchMove = (e) => {
     if (props.preventDefault)
       e.preventDefault();
     if (props.stopPropagation)
@@ -266,15 +236,15 @@ var Swiper = React__default.forwardRef(function(props, ref) {
       }
     }
   };
-  var onTouchEnd = function onTouchEnd2(e) {
+  const onTouchEnd = (e) => {
     if (!props.touchable || !swiperRef.current.moving)
       return;
-    var speed = touch.delta.current / (Date.now() - touch.touchTime.current);
-    var isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta.current) > Number((size / 2).toFixed(2));
+    const speed = touch.delta.current / (Date.now() - touch.touchTime.current);
+    const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta.current) > Number((size / 2).toFixed(2));
     swiperRef.current.moving = false;
     if (isShouldMove && touch.direction.current === props.direction) {
-      var pace = 0;
-      var offset2 = touch.isVertical() ? touch.offsetY : touch.offsetX;
+      let pace = 0;
+      const offset2 = touch.isVertical() ? touch.offsetY : touch.offsetX;
       if (props.loop) {
         if (offset2.current > 0) {
           pace = touch.delta.current > 0 ? -1 : 1;
@@ -287,33 +257,31 @@ var Swiper = React__default.forwardRef(function(props, ref) {
         isEmit: true
       });
     } else if (touch.delta.current) {
-      move({
-        pace: 0
-      });
+      move({ pace: 0 });
     } else {
       getStyle();
     }
     startPlay();
   };
-  var getItemStyle = function getItemStyle2(index) {
-    var style = {};
+  const getItemStyle = (index) => {
+    const style = {};
     if (size) {
-      style[direction === "horizontal" ? "width" : "height"] = "".concat(size, "px");
+      style[direction === "horizontal" ? "width" : "height"] = `${size}px`;
     }
-    var offset2 = childOffset[index];
+    const offset2 = childOffset[index];
     if (offset2) {
-      style.transform = "translate3D".concat(direction === "horizontal" ? "(".concat(offset2, "px,0,0)") : "(0,".concat(offset2, "px,0)"));
+      style.transform = `translate3D${direction === "horizontal" ? `(${offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
     }
     return style;
   };
-  var init = function init2(index) {
-    var rect2 = getRect(container === null || container === void 0 ? void 0 : container.current);
-    var currentIndex = Math.max(Math.min(swiperItemCount - 1, index || Number(mergedProps.defaultValue)), 0);
-    var width2 = Number(mergedProps.width) || rect2.width;
-    var height2 = Number(mergedProps.height) || rect2.height;
+  const init = (index) => {
+    const rect2 = getRect(container === null || container === void 0 ? void 0 : container.current);
+    const currentIndex = Math.max(Math.min(swiperItemCount - 1, index || Number(mergedProps.defaultValue)), 0);
+    const width2 = Number(mergedProps.width) || rect2.width;
+    const height2 = Number(mergedProps.height) || rect2.height;
     size = isVertical ? height2 : width2;
     trackSize = swiperItemCount * Number(size);
-    var targetOffset = getOffset(currentIndex);
+    const targetOffset = getOffset(currentIndex);
     swiperRef.current.moving = true;
     if (ready) {
       swiperRef.current.moving = false;
@@ -325,82 +293,67 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     setOffset(targetOffset);
     setReady(true);
   };
-  useEffect(function() {
+  useEffect(() => {
     if (ready) {
       getStyle();
     }
   }, [isVertical, width, height, offset, ready]);
-  useEffect(function() {
+  useEffect(() => {
     if (ready) {
       stopAutoPlay();
       startPlay();
     }
-    return function() {
-      return setReady(false);
-    };
+    return () => setReady(false);
   }, [ready]);
-  useEffect(function() {
-    var events = [{
-      name: "touchstart",
-      e: onTouchStart
-    }, {
-      name: "touchmove",
-      e: onTouchMove
-    }, {
-      name: "touchend",
-      e: onTouchEnd
-    }];
-    events.forEach(function(item) {
-      var _container$current;
-      (_container$current = container.current) === null || _container$current === void 0 || _container$current.addEventListener(item.name, item.e, false);
+  useEffect(() => {
+    const events = [
+      { name: "touchstart", e: onTouchStart },
+      { name: "touchmove", e: onTouchMove },
+      { name: "touchend", e: onTouchEnd }
+    ];
+    events.forEach((item) => {
+      var _a;
+      (_a = container.current) === null || _a === void 0 ? void 0 : _a.addEventListener(item.name, item.e, false);
     });
-    return function() {
-      events.forEach(function(item) {
-        var _container$current2;
-        (_container$current2 = container.current) === null || _container$current2 === void 0 || _container$current2.removeEventListener(item.name, item.e, false);
+    return () => {
+      events.forEach((item) => {
+        var _a;
+        (_a = container.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(item.name, item.e, false);
       });
     };
   });
-  useEffect(function() {
-    return init();
-  }, [props.defaultValue]);
-  useEffect(function() {
-    return function() {
-      return stopAutoPlay();
-    };
+  useEffect(() => init(), [props.defaultValue]);
+  useEffect(() => {
+    return () => stopAutoPlay();
   }, []);
-  var renderIndicator = function renderIndicator2() {
+  const renderIndicator = () => {
     if (React__default.isValidElement(indicator))
       return indicator;
     if (!indicator)
       return null;
-    return React__default.createElement("div", {
-      className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-indicator"), true), "".concat(classPrefix, "-indicator-vertical"), isVertical))
-    }, React__default.createElement(Indicator, {
-      current: (active + swiperItemCount) % swiperItemCount,
-      total: swiperItems === null || swiperItems === void 0 ? void 0 : swiperItems.length,
-      direction
-    }));
+    return React__default.createElement(
+      "div",
+      { className: classNames({
+        [`${classPrefix}-indicator`]: true,
+        [`${classPrefix}-indicator-vertical`]: isVertical
+      }) },
+      React__default.createElement(Indicator, { current: (active + swiperItemCount) % swiperItemCount, total: swiperItems === null || swiperItems === void 0 ? void 0 : swiperItems.length, direction })
+    );
   };
-  return React__default.createElement(DataContext.Provider, {
-    value: parent
-  }, React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className),
-    ref: container
-  }, rest), React__default.createElement("div", {
-    className: contentClass,
-    ref: innerRef
-  }, React__default.Children.map(swiperItems, function(child, index) {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-item-wrapper"),
-      style: getItemStyle(index),
-      key: index
-    }, child);
-  })), renderIndicator()));
+  return React__default.createElement(
+    DataContext.Provider,
+    { value: parent },
+    React__default.createElement(
+      "div",
+      Object.assign({ className: classNames(classPrefix, className), ref: container }, rest),
+      React__default.createElement("div", { className: contentClass, ref: innerRef }, React__default.Children.map(swiperItems, (child, index) => React__default.createElement("div", { className: `${classPrefix}-item-wrapper`, style: getItemStyle(index), key: index }, child))),
+      renderIndicator()
+    )
+  );
 });
 Swiper.defaultProps = defaultProps;
 Swiper.displayName = "NutSwiper";
-var InnerSwiper = Swiper;
+const InnerSwiper = Swiper;
 InnerSwiper.Item = SwiperItem;
 export {
   InnerSwiper as default

package/dist/esm/SwiperItem.js

@@ -1,50 +1,25 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./context4.js";
-var defaultProps = {
+const defaultProps = {
   direction: "horizontal"
 };
-var SwiperItem = React__default.forwardRef(function(props, ref) {
-  var classPrefix = "nut-swiper-item";
-  var _props = _objectSpread(_objectSpread({}, defaultProps), props);
-  var className = _props.className, style = _props.style, children = _props.children, direction = _props.direction, size = _props.size;
-  var parent = useContext(DataContext);
-  var classes = classNames(classPrefix, className);
-  var getStyle = function getStyle2() {
-    var style2 = {};
-    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;
+const SwiperItem = React__default.forwardRef((props, ref) => {
+  const classPrefix = "nut-swiper-item";
+  const _props = Object.assign(Object.assign({}, defaultProps), props);
+  const { className, style, children, direction, size } = _props;
+  const parent = useContext(DataContext);
+  const classes = classNames(classPrefix, className);
+  const getStyle = () => {
+    const style2 = {};
+    const _direction = (parent === null || parent === void 0 ? void 0 : parent.propSwiper.direction) || direction;
+    const _size = (parent === null || parent === void 0 ? void 0 : parent.size) || size;
     if (_size) {
-      style2[_direction === "horizontal" ? "width" : "height"] = "".concat(_size, "px");
+      style2[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
     }
     return style2;
   };
-  return React__default.createElement("div", {
-    className: classes,
-    style: _objectSpread(_objectSpread({}, style), getStyle())
-  }, children);
+  return React__default.createElement("div", { className: classes, style: Object.assign(Object.assign({}, style), getStyle()) }, children);
 });
 SwiperItem.defaultProps = defaultProps;
 SwiperItem.displayName = "NutSwiperItem";