@tarojs/components-react 3.5.0-canary.1 → 3.5.0

package/dist/scroll-view/index.js

@@ -1,12 +1,11 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
 import _inherits from '@babel/runtime/helpers/inherits';
 import _createSuper from '@babel/runtime/helpers/createSuper';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import '../weui.js';
-import React from 'react';
 import { s as styleInject, c as classNames } from '../index.js';
+import React from 'react';
+import { t as throttle } from '../index2.js';
 import '@babel/runtime/helpers/typeof';
 
 var css_248z = ".taro-scroll {\n  -webkit-overflow-scrolling: auto;\n}\n\n.taro-scroll::-webkit-scrollbar {\n  display: none;\n}\n\n.taro-scroll-view {\n  overflow: hidden;\n}\n\n.taro-scroll-view__scroll-x {\n  overflow-x: scroll;\n  overflow-y: hidden;\n}\n\n.taro-scroll-view__scroll-y {\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n";
@@ -46,24 +45,10 @@ function easeOutScroll() {
   step();
 }
 
-function throttle(fn, delay) {
-  var timer = null;
-  return function () {
-    for (var _len = arguments.length, arrs = new Array(_len), _key = 0; _key < _len; _key++) {
-      arrs[_key] = arguments[_key];
-    }
-
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn.apply(void 0, arrs);
-    }, delay);
-  };
-}
-
 function scrollIntoView(id) {
-  var _document$querySelect;
+  var _a;
 
-  (_document$querySelect = document.querySelector("#".concat(id))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.scrollIntoView({
+  (_a = document.querySelector("#".concat(id))) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
     behavior: 'smooth',
     block: 'center',
     inline: 'start'
@@ -108,21 +93,14 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
 
     _classCallCheck(this, ScrollView);
 
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    _this3 = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this3), "_scrollTop", null);
+    _this3 = _super.apply(this, arguments);
+    _this3._scrollTop = null;
+    _this3._scrollLeft = null;
+    _this3.container = null;
 
-    _defineProperty(_assertThisInitialized(_this3), "_scrollLeft", null);
-
-    _defineProperty(_assertThisInitialized(_this3), "container", null);
-
-    _defineProperty(_assertThisInitialized(_this3), "onTouchMove", function (e) {
+    _this3.onTouchMove = function (e) {
       e.stopPropagation();
-    });
+    };
 
     return _this3;
   }
@@ -205,7 +183,7 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
       upperThreshold = Number(upperThreshold);
       lowerThreshold = Number(lowerThreshold);
 
-      var uperAndLower = function uperAndLower(e) {
+      var upperAndLower = function upperAndLower(e) {
         if (!_this5.container) return;
         var _this5$container = _this5.container,
             offsetWidth = _this5$container.offsetWidth,
@@ -224,7 +202,7 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
         }
       };
 
-      var uperAndLowerThrottle = throttle(uperAndLower, 200);
+      var upperAndLowerThrottle = throttle(upperAndLower, 200);
 
       var _onScroll = function _onScroll(e) {
         var _this5$container2 = _this5.container,
@@ -244,7 +222,7 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
             scrollWidth: scrollWidth
           }
         });
-        uperAndLowerThrottle(e);
+        upperAndLowerThrottle(e);
         onScroll && onScroll(e);
       };
 

package/dist/scroll-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/scroll-view/index.tsx"],"sourcesContent":["import 'weui'\nimport React from 'react'\n// import omit from 'omit.js'\nimport classNames from 'classnames'\nimport './style/index.css'\n\nfunction easeOutScroll (from = 0, to = 0, callback) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n  const change = to - from\n  const dur = 500\n  const sTime = +new Date()\n  function linear (t, b, c, d) {\n    return c * t / d + b\n  }\n  const isLarger = to >= from\n\n  function step () {\n    from = linear(+new Date() - sTime, from, change, dur)\n    if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n      callback(to)\n      return\n    }\n    callback(from)\n    requestAnimationFrame(step)\n  }\n  step()\n}\nfunction throttle (fn, delay) {\n  let timer: any = null\n  return function (...arrs) {\n    clearTimeout(timer)\n    timer = setTimeout(function () {\n      fn(...arrs)\n    }, delay)\n  }\n}\nfunction scrollIntoView (id) {\n  document.querySelector(`#${id}`)?.scrollIntoView({\n    behavior: 'smooth',\n    block: 'center',\n    inline: 'start'\n  })\n}\nfunction scrollVertical (top, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(this._scrollTop, top, pos => {\n      if (this.container) this.container.scrollTop = pos\n    })\n  } else {\n    if (this.container) this.container.scrollTop = top\n  }\n  this._scrollTop = top\n}\nfunction scrollHorizontal (left, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(this._scrollLeft, left, pos => {\n      if (this.container) this.container.scrollLeft = pos\n    })\n  } else {\n    if (this.container) this.container.scrollLeft = left\n  }\n  this._scrollLeft = left\n}\n\ninterface IProps {\n  className?: string\n  style?: Record<string, string>\n  scrollX: boolean\n  scrollY: boolean\n  upperThreshold: number\n  lowerThreshold: number\n  scrollTop: number\n  scrollLeft: number\n  scrollIntoView?: string\n  scrollWithAnimation: boolean\n  enableBackToTop ?: boolean\n  onScrollToUpper: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScrollToLower: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScroll: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onTouchMove: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n\n}\n\nclass ScrollView extends React.Component<IProps> {\n  _scrollTop: any = null\n  _scrollLeft: any = null\n  container: any = null\n\n  onTouchMove = e => {\n    e.stopPropagation()\n  }\n\n  componentDidMount () {\n    this.handleScroll(this.props, true)\n  }\n\n  UNSAFE_componentWillReceiveProps (nextProps) {\n    this.handleScroll(nextProps)\n  }\n\n  handleScroll (props, isInit = false) {\n    // scrollIntoView\n    if (\n      props.scrollIntoView &&\n      typeof props.scrollIntoView === 'string' &&\n      document &&\n      document.querySelector &&\n      document.querySelector(`#${props.scrollIntoView}`)\n    ) {\n      if (isInit) {\n        setTimeout(() => scrollIntoView(props.scrollIntoView), 500)\n      } else {\n        scrollIntoView(props.scrollIntoView)\n      }\n    } else {\n      const isAnimation = 'scrollWithAnimation' in props\n      // Y 轴滚动\n      if (\n        props.scrollY &&\n        typeof props.scrollTop === 'number' &&\n        props.scrollTop !== this._scrollTop\n      ) {\n        if (isInit) {\n          setTimeout(() => scrollVertical.bind(this)(props.scrollTop, isAnimation), 10)\n        } else {\n          scrollVertical.bind(this)(props.scrollTop, isAnimation)\n        }\n      }\n      // X 轴滚动\n      if (\n        props.scrollX &&\n        typeof props.scrollLeft === 'number' &&\n        props.scrollLeft !== this._scrollLeft\n      ) {\n        if (isInit) {\n          setTimeout(() => scrollHorizontal.bind(this)(props.scrollLeft, isAnimation), 10)\n        } else {\n          scrollHorizontal.bind(this)(props.scrollLeft, isAnimation)\n        }\n      }\n    }\n  }\n\n  render () {\n    const {\n      className,\n      style = {},\n      onScroll,\n      onScrollToUpper,\n      onScrollToLower,\n      onTouchMove,\n      scrollX,\n      scrollY\n    } = this.props\n    let { upperThreshold = 50, lowerThreshold = 50 } = this.props\n    const cls = classNames(\n      'taro-scroll',\n      {\n        'taro-scroll-view__scroll-x': scrollX,\n        'taro-scroll-view__scroll-y': scrollY\n      },\n      className\n    )\n    upperThreshold = Number(upperThreshold)\n    lowerThreshold = Number(lowerThreshold)\n    const uperAndLower = (e) => {\n      if (!this.container) return\n      const {\n        offsetWidth,\n        offsetHeight,\n        scrollLeft,\n        scrollTop,\n        scrollHeight,\n        scrollWidth\n      } = this.container\n      if (\n        onScrollToLower &&\n        ((this.props.scrollY &&\n          offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n          (this.props.scrollX &&\n            offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n      ) {\n        onScrollToLower(e)\n      }\n      if (\n        onScrollToUpper &&\n        ((this.props.scrollY && scrollTop <= upperThreshold) ||\n          (this.props.scrollX && scrollLeft <= upperThreshold))\n      ) {\n        onScrollToUpper(e)\n      }\n    }\n    const uperAndLowerThrottle = throttle(uperAndLower, 200)\n    const _onScroll = e => {\n      const {\n        scrollLeft,\n        scrollTop,\n        scrollHeight,\n        scrollWidth\n      } = this.container\n      this._scrollLeft = scrollLeft\n      this._scrollTop = scrollTop\n      Object.defineProperty(e, 'detail', {\n        enumerable: true,\n        writable: true,\n        value: {\n          scrollLeft,\n          scrollTop,\n          scrollHeight,\n          scrollWidth\n        }\n      })\n      uperAndLowerThrottle(e)\n      onScroll && onScroll(e)\n    }\n    const _onTouchMove = e => {\n      onTouchMove ? onTouchMove(e) : this.onTouchMove(e)\n    }\n    return (\n      <div\n        ref={container => {\n          this.container = container\n        }}\n        style={style}\n        className={cls}\n        onScroll={_onScroll}\n        onTouchMove={\n          _onTouchMove\n        }\n      >\n        {this.props.children}\n      </div>\n    )\n  }\n}\n\nexport default ScrollView\n"],"names":["easeOutScroll","from","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","throttle","fn","delay","timer","arrs","clearTimeout","setTimeout","scrollIntoView","id","document","querySelector","behavior","block","inline","scrollVertical","top","isAnimation","_scrollTop","pos","container","scrollTop","scrollHorizontal","left","_scrollLeft","scrollLeft","ScrollView","e","stopPropagation","handleScroll","props","nextProps","isInit","scrollY","bind","scrollX","className","style","onScroll","onScrollToUpper","onScrollToLower","onTouchMove","upperThreshold","lowerThreshold","cls","classNames","Number","uperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","uperAndLowerThrottle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","React","ref","children","Component"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/scroll-view/index.tsx"],"sourcesContent":["import 'weui'\nimport './style/index.css'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\n// import omit from 'omit.js'\nimport { throttle } from '../../utils'\n\nfunction easeOutScroll (from = 0, to = 0, callback) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n  const change = to - from\n  const dur = 500\n  const sTime = +new Date()\n  function linear (t, b, c, d) {\n    return (c * t) / d + b\n  }\n  const isLarger = to >= from\n\n  function step () {\n    from = linear(+new Date() - sTime, from, change, dur)\n    if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n      callback(to)\n      return\n    }\n    callback(from)\n    requestAnimationFrame(step)\n  }\n  step()\n}\n\nfunction scrollIntoView (id) {\n  document.querySelector(`#${id}`)?.scrollIntoView({\n    behavior: 'smooth',\n    block: 'center',\n    inline: 'start'\n  })\n}\n\nfunction scrollVertical (top, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(this._scrollTop, top, pos => {\n      if (this.container) this.container.scrollTop = pos\n    })\n  } else {\n    if (this.container) this.container.scrollTop = top\n  }\n  this._scrollTop = top\n}\n\nfunction scrollHorizontal (left, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(this._scrollLeft, left, pos => {\n      if (this.container) this.container.scrollLeft = pos\n    })\n  } else {\n    if (this.container) this.container.scrollLeft = left\n  }\n  this._scrollLeft = left\n}\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  scrollX: boolean\n  scrollY: boolean\n  upperThreshold: number\n  lowerThreshold: number\n  scrollTop: number\n  scrollLeft: number\n  scrollIntoView?: string\n  scrollWithAnimation: boolean\n  enableBackToTop?: boolean\n  onScrollToUpper: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScrollToLower: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScroll: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onTouchMove: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n}\n\nclass ScrollView extends React.Component<IProps> {\n  _scrollTop: any = null\n  _scrollLeft: any = null\n  container: any = null\n\n  onTouchMove = e => {\n    e.stopPropagation()\n  }\n\n  componentDidMount () {\n    this.handleScroll(this.props, true)\n  }\n\n  UNSAFE_componentWillReceiveProps (nextProps) {\n    this.handleScroll(nextProps)\n  }\n\n  handleScroll (props, isInit = false) {\n    // scrollIntoView\n    if (\n      props.scrollIntoView &&\n      typeof props.scrollIntoView === 'string' &&\n      document &&\n      document.querySelector &&\n      document.querySelector(`#${props.scrollIntoView}`)\n    ) {\n      if (isInit) {\n        setTimeout(() => scrollIntoView(props.scrollIntoView), 500)\n      } else {\n        scrollIntoView(props.scrollIntoView)\n      }\n    } else {\n      const isAnimation = 'scrollWithAnimation' in props\n      // Y 轴滚动\n      if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== this._scrollTop) {\n        if (isInit) {\n          setTimeout(() => scrollVertical.bind(this)(props.scrollTop, isAnimation), 10)\n        } else {\n          scrollVertical.bind(this)(props.scrollTop, isAnimation)\n        }\n      }\n      // X 轴滚动\n      if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== this._scrollLeft) {\n        if (isInit) {\n          setTimeout(() => scrollHorizontal.bind(this)(props.scrollLeft, isAnimation), 10)\n        } else {\n          scrollHorizontal.bind(this)(props.scrollLeft, isAnimation)\n        }\n      }\n    }\n  }\n\n  render () {\n    const {\n      className,\n      style = {},\n      onScroll,\n      onScrollToUpper,\n      onScrollToLower,\n      onTouchMove,\n      scrollX,\n      scrollY\n    } = this.props\n    let { upperThreshold = 50, lowerThreshold = 50 } = this.props\n    const cls = classNames(\n      'taro-scroll',\n      {\n        'taro-scroll-view__scroll-x': scrollX,\n        'taro-scroll-view__scroll-y': scrollY\n      },\n      className\n    )\n    upperThreshold = Number(upperThreshold)\n    lowerThreshold = Number(lowerThreshold)\n    const upperAndLower = e => {\n      if (!this.container) return\n      const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.container\n      if (\n        onScrollToLower &&\n        ((this.props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n          (this.props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n      ) {\n        onScrollToLower(e)\n      }\n      if (\n        onScrollToUpper &&\n        ((this.props.scrollY && scrollTop <= upperThreshold) || (this.props.scrollX && scrollLeft <= upperThreshold))\n      ) {\n        onScrollToUpper(e)\n      }\n    }\n    const upperAndLowerThrottle = throttle(upperAndLower, 200)\n    const _onScroll = e => {\n      const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.container\n      this._scrollLeft = scrollLeft\n      this._scrollTop = scrollTop\n      Object.defineProperty(e, 'detail', {\n        enumerable: true,\n        writable: true,\n        value: {\n          scrollLeft,\n          scrollTop,\n          scrollHeight,\n          scrollWidth\n        }\n      })\n      upperAndLowerThrottle(e)\n      onScroll && onScroll(e)\n    }\n    const _onTouchMove = e => {\n      onTouchMove ? onTouchMove(e) : this.onTouchMove(e)\n    }\n    return (\n      <div\n        ref={container => {\n          this.container = container\n        }}\n        style={style}\n        className={cls}\n        onScroll={_onScroll}\n        onTouchMove={_onTouchMove}\n      >\n        {this.props.children}\n      </div>\n    )\n  }\n}\n\nexport default ScrollView\n"],"names":["easeOutScroll","from","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","scrollIntoView","id","_a","document","querySelector","behavior","block","inline","scrollVertical","top","isAnimation","_scrollTop","pos","container","scrollTop","scrollHorizontal","left","_scrollLeft","scrollLeft","ScrollView","onTouchMove","e","stopPropagation","handleScroll","props","nextProps","isInit","setTimeout","scrollY","bind","scrollX","className","style","onScroll","onScrollToUpper","onScrollToLower","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","React","createElement","ref","children","Component"],"mappings":"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"}

package/dist/swiper/index.js

@@ -1,15 +1,19 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import _assertThisInitialized$1 from '@babel/runtime/helpers/assertThisInitialized';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass$1 from '@babel/runtime/helpers/createClass';
 import _inherits from '@babel/runtime/helpers/inherits';
 import _createSuper from '@babel/runtime/helpers/createSuper';
+import { _ as __rest } from '../tslib.es6.js';
+import { s as styleInject, c as classNames } from '../index.js';
 import '../weui.js';
 import React from 'react';
-import { s as styleInject, c as classNames } from '../index.js';
+import { d as debounce } from '../index2.js';
+
+var css_248z$1 = "/**\n * Swiper 6.8.0\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2021 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: July 22, 2021\n */\n\n@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}";
+styleInject(css_248z$1,{"insertAt":"top"});
+
+var css_248z = ".swiper-container-wrapper {\n    height: 150px;\n}\n\n.swiper-container {\n    height: 100%;\n}\n\n.swiper-pagination {\n    font-size: 0;\n}\n\n.swiper-pagination-bullet {\n    opacity: 1\n}\n";
+styleInject(css_248z,{"insertAt":"top"});
 
 /**
  * SSR Window 3.0.0
@@ -10183,13 +10187,6 @@ var Thumbs$1 = {
 var components = [Virtual$1, Keyboard$1, Mousewheel$1, Navigation$1, Pagination$1, Scrollbar$1, Parallax$1, Zoom$1, Lazy$1, Controller$1, A11y$1, History$1, HashNavigation$1, Autoplay$1, EffectFade, EffectCube, EffectFlip, EffectCoverflow, Thumbs$1];
 Swiper$1.use(components);
 
-var css_248z$1 = "/**\n * Swiper 6.8.0\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2021 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: July 22, 2021\n */\n\n@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}";
-styleInject(css_248z$1,{"insertAt":"top"});
-
-var css_248z = ".swiper-container-wrapper {\n    height: 150px;\n}\n\n.swiper-container {\n    height: 100%;\n}\n\n.swiper-pagination {\n    font-size: 0;\n}\n\n.swiper-pagination-bullet {\n    opacity: 1\n}\n";
-styleInject(css_248z,{"insertAt":"top"});
-
-var _excluded = ["className", "style", "itemId", "children"];
 var INSTANCE_ID = 0;
 
 var createEvent = function createEvent(type) {
@@ -10219,15 +10216,15 @@ var SwiperItem = /*#__PURE__*/function (_React$Component) {
   _createClass$1(SwiperItem, [{
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          style = _this$props.style,
-          itemId = _this$props.itemId,
-          children = _this$props.children,
-          restProps = _objectWithoutProperties(_this$props, _excluded);
+      var _a = this.props,
+          className = _a.className,
+          style = _a.style,
+          itemId = _a.itemId,
+          children = _a.children,
+          restProps = __rest(_a, ["className", "style", "itemId", "children"]);
 
       var cls = classNames('swiper-slide', className);
-      return React.createElement("div", _objectSpread({
+      return React.createElement("div", Object.assign({
         className: cls,
         style: style,
         "item-id": itemId
@@ -10248,35 +10245,17 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
 
     _classCallCheck(this, Swiper);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super2.call.apply(_super2, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized$1(_this), "_id", 1 + INSTANCE_ID++);
-
-    _defineProperty(_assertThisInitialized$1(_this), "_$current", 0);
-
-    _defineProperty(_assertThisInitialized$1(_this), "_$width", 0);
+    _this = _super2.apply(this, arguments);
+    _this._id = 1 + INSTANCE_ID++;
+    _this._$current = 0;
+    _this._$width = 0;
+    _this._$height = 0;
 
-    _defineProperty(_assertThisInitialized$1(_this), "_$height", 0);
+    _this.handleSwiperLoopListen = function () {
+      var _a, _b, _c, _d;
 
-    _defineProperty(_assertThisInitialized$1(_this), "$el", void 0);
-
-    _defineProperty(_assertThisInitialized$1(_this), "mySwiper", void 0);
-
-    _defineProperty(_assertThisInitialized$1(_this), "observer", void 0);
-
-    _defineProperty(_assertThisInitialized$1(_this), "observerFirst", void 0);
-
-    _defineProperty(_assertThisInitialized$1(_this), "observerLast", void 0);
-
-    _defineProperty(_assertThisInitialized$1(_this), "handleSwiperLoopListen", function () {
-      var _this$observerFirst, _this$observerFirst$d, _this$observerLast, _this$observerLast$di;
-
-      (_this$observerFirst = _this.observerFirst) === null || _this$observerFirst === void 0 ? void 0 : (_this$observerFirst$d = _this$observerFirst.disconnect) === null || _this$observerFirst$d === void 0 ? void 0 : _this$observerFirst$d.call(_this$observerFirst);
-      (_this$observerLast = _this.observerLast) === null || _this$observerLast === void 0 ? void 0 : (_this$observerLast$di = _this$observerLast.disconnect) === null || _this$observerLast$di === void 0 ? void 0 : _this$observerLast$di.call(_this$observerLast);
+      (_b = (_a = _this.observerFirst) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_d = (_c = _this.observerLast) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
       _this.observerFirst = new MutationObserver(_this.handleSwiperLoop);
       _this.observerLast = new MutationObserver(_this.handleSwiperLoop);
       var wrapper = _this.mySwiper.$wrapperEl[0];
@@ -10291,9 +10270,9 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
           characterData: true
         });
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized$1(_this), "handleSwiperLoop", debounce(function () {
+    _this.handleSwiperLoop = debounce(function () {
       if (_this.mySwiper && _this.mySwiper.$wrapperEl && _this.props.circular) {
         // @ts-ignore
         _this.mySwiper.loopDestroy(); // @ts-ignore
@@ -10301,8 +10280,7 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
 
         _this.mySwiper.loopCreate();
       }
-    }, 500));
-
+    }, 500);
     return _this;
   }
 
@@ -10311,19 +10289,21 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
     value: function componentDidMount() {
       var _this2 = this;
 
-      var _this$props2 = this.props,
-          _this$props2$autoplay = _this$props2.autoplay,
-          autoplay = _this$props2$autoplay === void 0 ? false : _this$props2$autoplay,
-          _this$props2$interval = _this$props2.interval,
-          interval = _this$props2$interval === void 0 ? 5000 : _this$props2$interval,
-          _this$props2$duration = _this$props2.duration,
-          duration = _this$props2$duration === void 0 ? 500 : _this$props2$duration,
-          _this$props2$current = _this$props2.current,
-          current = _this$props2$current === void 0 ? 0 : _this$props2$current,
-          _this$props2$displayM = _this$props2.displayMultipleItems,
-          displayMultipleItems = _this$props2$displayM === void 0 ? 1 : _this$props2$displayM,
-          vertical = _this$props2.vertical,
-          spaceBetween = _this$props2.spaceBetween; // eslint-disable-next-line @typescript-eslint/no-this-alias
+      var _this$props = this.props,
+          _this$props$autoplay = _this$props.autoplay,
+          autoplay = _this$props$autoplay === void 0 ? false : _this$props$autoplay,
+          _this$props$circular = _this$props.circular,
+          circular = _this$props$circular === void 0 ? true : _this$props$circular,
+          _this$props$current = _this$props.current,
+          current = _this$props$current === void 0 ? 0 : _this$props$current,
+          _this$props$displayMu = _this$props.displayMultipleItems,
+          displayMultipleItems = _this$props$displayMu === void 0 ? 1 : _this$props$displayMu,
+          _this$props$duration = _this$props.duration,
+          duration = _this$props$duration === void 0 ? 500 : _this$props$duration,
+          _this$props$interval = _this$props.interval,
+          interval = _this$props$interval === void 0 ? 5000 : _this$props$interval,
+          spaceBetween = _this$props.spaceBetween,
+          vertical = _this$props.vertical; // eslint-disable-next-line @typescript-eslint/no-this-alias
 
       var that = this;
       var opt = {
@@ -10332,7 +10312,7 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
           el: ".taro-swiper-".concat(this._id, " > .swiper-container > .swiper-pagination")
         },
         direction: vertical ? 'vertical' : 'horizontal',
-        loop: true,
+        loop: circular,
         slidesPerView: parseFloat(String(displayMultipleItems)),
         initialSlide: parseInt(String(current), 10),
         speed: parseInt(String(duration), 10),
@@ -10380,7 +10360,12 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
 
             if (className.includes('taro_page') && target.style.display !== 'none') {
               if (that.props.autoplay && target.contains(_swiper.$el[0])) {
-                _swiper.slideTo(that._$current);
+                if (that.props.circular) {
+                  _swiper.slideToLoop(this.realIndex, 0); // 更新下标
+
+                } else {
+                  _swiper.slideTo(this.realIndex);
+                }
               }
             }
           }
@@ -10465,13 +10450,13 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$observer, _this$observer$discon, _this$observerFirst2, _this$observerFirst2$, _this$observerLast2, _this$observerLast2$d;
+      var _a, _b, _c, _d, _e, _f;
 
       this.$el = null;
       if (this.mySwiper) this.mySwiper.destroy();
-      (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : (_this$observer$discon = _this$observer.disconnect) === null || _this$observer$discon === void 0 ? void 0 : _this$observer$discon.call(_this$observer);
-      (_this$observerFirst2 = this.observerFirst) === null || _this$observerFirst2 === void 0 ? void 0 : (_this$observerFirst2$ = _this$observerFirst2.disconnect) === null || _this$observerFirst2$ === void 0 ? void 0 : _this$observerFirst2$.call(_this$observerFirst2);
-      (_this$observerLast2 = this.observerLast) === null || _this$observerLast2 === void 0 ? void 0 : (_this$observerLast2$d = _this$observerLast2.disconnect) === null || _this$observerLast2$d === void 0 ? void 0 : _this$observerLast2$d.call(_this$observerLast2);
+      (_b = (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_d = (_c = this.observerFirst) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
+      (_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);
     }
   }, {
     key: "handleOnChange",
@@ -10496,14 +10481,14 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
     value: function render() {
       var _this3 = this;
 
-      var _this$props3 = this.props,
-          className = _this$props3.className,
-          style = _this$props3.style,
-          vertical = _this$props3.vertical,
-          previousMargin = _this$props3.previousMargin,
-          nextMargin = _this$props3.nextMargin,
-          indicatorColor = _this$props3.indicatorColor,
-          indicatorActiveColor = _this$props3.indicatorActiveColor;
+      var _this$props2 = this.props,
+          className = _this$props2.className,
+          style = _this$props2.style,
+          vertical = _this$props2.vertical,
+          previousMargin = _this$props2.previousMargin,
+          nextMargin = _this$props2.nextMargin,
+          indicatorColor = _this$props2.indicatorColor,
+          indicatorActiveColor = _this$props2.indicatorActiveColor;
       var defaultIndicatorColor = indicatorColor || 'rgba(0, 0, 0, .3)';
       var defaultIndicatorActiveColor = indicatorActiveColor || '#000';
       var cls = classNames("taro-swiper-".concat(this._id), className);
@@ -10544,19 +10529,5 @@ var Swiper = /*#__PURE__*/function (_React$Component2) {
   return Swiper;
 }(React.Component);
 
-function debounce(fn, delay) {
-  var timer;
-  return function () {
-    for (var _len2 = arguments.length, arrs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      arrs[_key2] = arguments[_key2];
-    }
-
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn.apply(void 0, arrs);
-    }, delay);
-  };
-}
-
 export { Swiper, SwiperItem };
 //# sourceMappingURL=index.js.map