@tarojs/components-react 3.6.0-canary.9 → 3.6.0

package/dist/{scroll-view → components/scroll-view}/index.js

@@ -2,50 +2,58 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _inherits from '@babel/runtime/helpers/inherits';
 import _createSuper from '@babel/runtime/helpers/createSuper';
-import '../weui.js';
-import { s as styleInject, c as classNames } from '../index.js';
+import 'weui';
+import classNames from 'classnames';
 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";
-styleInject(css_248z,{"insertAt":"top"});
+import { throttle } from '../../utils/index.js';
 
 function easeOutScroll() {
   var from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   var to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var callback = arguments.length > 2 ? arguments[2] : undefined;
+
   if (from === to || typeof from !== 'number') {
     return;
   }
+
   var change = to - from;
   var dur = 500;
   var sTime = +new Date();
+
   function linear(t, b, c, d) {
     return c * t / d + b;
   }
+
   var isLarger = to >= from;
+
   function step() {
     from = linear(+new Date() - sTime, from, change, dur);
+
     if (isLarger && from >= to || !isLarger && to >= from) {
       callback(to);
       return;
     }
+
     callback(from);
     requestAnimationFrame(step);
   }
+
   step();
 }
+
 function scrollIntoView(id) {
   var _a;
+
   (_a = document.querySelector("#".concat(id))) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
     behavior: 'smooth',
     block: 'center',
     inline: 'start'
   });
 }
+
 function scrollVertical(top, isAnimation) {
   var _this = this;
+
   if (isAnimation) {
     easeOutScroll(this._scrollTop, top, function (pos) {
       if (_this.container) _this.container.scrollTop = pos;
@@ -53,10 +61,13 @@ function scrollVertical(top, isAnimation) {
   } else {
     if (this.container) this.container.scrollTop = top;
   }
+
   this._scrollTop = top;
 }
+
 function scrollHorizontal(left, isAnimation) {
   var _this2 = this;
+
   if (isAnimation) {
     easeOutScroll(this._scrollLeft, left, function (pos) {
       if (_this2.container) _this2.container.scrollLeft = pos;
@@ -64,23 +75,32 @@ function scrollHorizontal(left, isAnimation) {
   } else {
     if (this.container) this.container.scrollLeft = left;
   }
+
   this._scrollLeft = left;
 }
+
 var ScrollView = /*#__PURE__*/function (_React$Component) {
   _inherits(ScrollView, _React$Component);
+
   var _super = _createSuper(ScrollView);
+
   function ScrollView() {
     var _this3;
+
     _classCallCheck(this, ScrollView);
+
     _this3 = _super.apply(this, arguments);
     _this3._scrollTop = null;
     _this3._scrollLeft = null;
     _this3.container = null;
+
     _this3.onTouchMove = function (e) {
       e.stopPropagation();
     };
+
     return _this3;
   }
+
   _createClass(ScrollView, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -95,7 +115,9 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
     key: "handleScroll",
     value: function handleScroll(props) {
       var _this4 = this;
+
       var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
       // scrollIntoView
       if (props.scrollIntoView && typeof props.scrollIntoView === 'string' && document && document.querySelector && document.querySelector("#".concat(props.scrollIntoView))) {
         if (isInit) {
@@ -106,8 +128,8 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
           scrollIntoView(props.scrollIntoView);
         }
       } else {
-        var isAnimation = ('scrollWithAnimation' in props);
-        // Y 轴滚动
+        var isAnimation = !!props.scrollWithAnimation; // Y 轴滚动
+
         if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== this._scrollTop) {
           if (isInit) {
             setTimeout(function () {
@@ -116,8 +138,9 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
           } else {
             scrollVertical.bind(this)(props.scrollTop, isAnimation);
           }
-        }
-        // X 轴滚动
+        } // X 轴滚动
+
+
         if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== this._scrollLeft) {
           if (isInit) {
             setTimeout(function () {
@@ -133,50 +156,56 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this5 = this;
+
       var _this$props = this.props,
-        className = _this$props.className,
-        _this$props$style = _this$props.style,
-        style = _this$props$style === void 0 ? {} : _this$props$style,
-        onScroll = _this$props.onScroll,
-        onScrollToUpper = _this$props.onScrollToUpper,
-        onScrollToLower = _this$props.onScrollToLower,
-        onTouchMove = _this$props.onTouchMove,
-        scrollX = _this$props.scrollX,
-        scrollY = _this$props.scrollY;
+          className = _this$props.className,
+          _this$props$style = _this$props.style,
+          style = _this$props$style === void 0 ? {} : _this$props$style,
+          onScroll = _this$props.onScroll,
+          onScrollToUpper = _this$props.onScrollToUpper,
+          onScrollToLower = _this$props.onScrollToLower,
+          onTouchMove = _this$props.onTouchMove,
+          scrollX = _this$props.scrollX,
+          scrollY = _this$props.scrollY;
       var _this$props2 = this.props,
-        _this$props2$upperThr = _this$props2.upperThreshold,
-        upperThreshold = _this$props2$upperThr === void 0 ? 50 : _this$props2$upperThr,
-        _this$props2$lowerThr = _this$props2.lowerThreshold,
-        lowerThreshold = _this$props2$lowerThr === void 0 ? 50 : _this$props2$lowerThr;
+          _this$props2$upperThr = _this$props2.upperThreshold,
+          upperThreshold = _this$props2$upperThr === void 0 ? 50 : _this$props2$upperThr,
+          _this$props2$lowerThr = _this$props2.lowerThreshold,
+          lowerThreshold = _this$props2$lowerThr === void 0 ? 50 : _this$props2$lowerThr;
       var cls = classNames('taro-scroll', {
         'taro-scroll-view__scroll-x': scrollX,
         'taro-scroll-view__scroll-y': scrollY
       }, className);
       upperThreshold = Number(upperThreshold);
       lowerThreshold = Number(lowerThreshold);
+
       var upperAndLower = function upperAndLower(e) {
         if (!_this5.container) return;
         var _this5$container = _this5.container,
-          offsetWidth = _this5$container.offsetWidth,
-          offsetHeight = _this5$container.offsetHeight,
-          scrollLeft = _this5$container.scrollLeft,
-          scrollTop = _this5$container.scrollTop,
-          scrollHeight = _this5$container.scrollHeight,
-          scrollWidth = _this5$container.scrollWidth;
+            offsetWidth = _this5$container.offsetWidth,
+            offsetHeight = _this5$container.offsetHeight,
+            scrollLeft = _this5$container.scrollLeft,
+            scrollTop = _this5$container.scrollTop,
+            scrollHeight = _this5$container.scrollHeight,
+            scrollWidth = _this5$container.scrollWidth;
+
         if (onScrollToLower && (_this5.props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || _this5.props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
           onScrollToLower(e);
         }
+
         if (onScrollToUpper && (_this5.props.scrollY && scrollTop <= upperThreshold || _this5.props.scrollX && scrollLeft <= upperThreshold)) {
           onScrollToUpper(e);
         }
       };
+
       var upperAndLowerThrottle = throttle(upperAndLower, 200);
+
       var _onScroll = function _onScroll(e) {
         var _this5$container2 = _this5.container,
-          scrollLeft = _this5$container2.scrollLeft,
-          scrollTop = _this5$container2.scrollTop,
-          scrollHeight = _this5$container2.scrollHeight,
-          scrollWidth = _this5$container2.scrollWidth;
+            scrollLeft = _this5$container2.scrollLeft,
+            scrollTop = _this5$container2.scrollTop,
+            scrollHeight = _this5$container2.scrollHeight,
+            scrollWidth = _this5$container2.scrollWidth;
         _this5._scrollLeft = scrollLeft;
         _this5._scrollTop = scrollTop;
         Object.defineProperty(e, 'detail', {
@@ -192,9 +221,11 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
         upperAndLowerThrottle(e);
         onScroll && onScroll(e);
       };
+
       var _onTouchMove = function _onTouchMove(e) {
         onTouchMove ? onTouchMove(e) : _this5.onTouchMove(e);
       };
+
       return React.createElement("div", {
         ref: function ref(container) {
           _this5.container = container;
@@ -206,6 +237,7 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
       }, this.props.children);
     }
   }]);
+
   return ScrollView;
 }(React.Component);
 

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

@@ -0,0 +1 @@
+{"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\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 = !!props.scrollWithAnimation\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","scrollWithAnimation","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/components/share-element/loader.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '@tarojs/components/dist/components/taro-share-element-core';
+
+defineCustomElement();
+//# sourceMappingURL=loader.js.map

package/dist/components/share-element/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["../../../src/components/share-element/loader.ts"],"sourcesContent":["import { defineCustomElement } from '@tarojs/components/dist/components/taro-share-element-core'\n\ndefineCustomElement()\n"],"names":["defineCustomElement"],"mappings":";;AAEAA,mBAAmB,EAAA"}

package/dist/components/slider/loader.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '@tarojs/components/dist/components/taro-slider-core';
+
+defineCustomElement();
+//# sourceMappingURL=loader.js.map

package/dist/components/slider/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["../../../src/components/slider/loader.ts"],"sourcesContent":["import { defineCustomElement } from '@tarojs/components/dist/components/taro-slider-core'\n\ndefineCustomElement()\n"],"names":["defineCustomElement"],"mappings":";;AAEAA,mBAAmB,EAAA"}

package/dist/components/slot/loader.js

@@ -0,0 +1,6 @@
+import { defineCustomElement } from '@tarojs/components/dist/components/taro-native-slot-core';
+import { defineCustomElement as defineCustomElement$1 } from '@tarojs/components/dist/components/taro-slot-core';
+
+defineCustomElement();
+defineCustomElement$1();
+//# sourceMappingURL=loader.js.map

package/dist/components/slot/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["../../../src/components/slot/loader.ts"],"sourcesContent":["import { defineCustomElement as defineCustomElementTaroNativeSlotCore } from '@tarojs/components/dist/components/taro-native-slot-core'\nimport { defineCustomElement as defineCustomElementTaroSlotCore } from '@tarojs/components/dist/components/taro-slot-core'\n\ndefineCustomElementTaroNativeSlotCore()\ndefineCustomElementTaroSlotCore()\n"],"names":["defineCustomElementTaroNativeSlotCore","defineCustomElementTaroSlotCore"],"mappings":";;;AAGAA,mBAAqC,EAAA,CAAA;AACrCC,qBAA+B,EAAA"}

package/dist/components/swiper/index.js

@@ -0,0 +1,359 @@
+import _typeof from '@babel/runtime/helpers/typeof';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _createSuper from '@babel/runtime/helpers/createSuper';
+import { __rest } from 'tslib';
+import 'swiper/swiper-bundle.min.css';
+import 'weui';
+import classNames from 'classnames';
+import React from 'react';
+import Swipers from 'swiper/swiper-bundle.esm.js';
+import { debounce } from '../../utils/index.js';
+
+var INSTANCE_ID = 0;
+
+var createEvent = function createEvent(type) {
+  var e;
+
+  try {
+    e = new TouchEvent(type);
+  } catch (err) {
+    e = document.createEvent('Event');
+    e.initEvent(type, true, true);
+  }
+
+  return e;
+};
+
+var SwiperItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(SwiperItem, _React$Component);
+
+  var _super = _createSuper(SwiperItem);
+
+  function SwiperItem() {
+    _classCallCheck(this, SwiperItem);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(SwiperItem, [{
+    key: "render",
+    value: function render() {
+      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", Object.assign({
+        className: cls,
+        style: style,
+        "item-id": itemId
+      }, restProps), children);
+    }
+  }]);
+
+  return SwiperItem;
+}(React.Component);
+
+var Swiper = /*#__PURE__*/function (_React$Component2) {
+  _inherits(Swiper, _React$Component2);
+
+  var _super2 = _createSuper(Swiper);
+
+  function Swiper() {
+    var _this;
+
+    _classCallCheck(this, Swiper);
+
+    _this = _super2.apply(this, arguments);
+    _this._id = 1 + INSTANCE_ID++;
+    _this._$current = 0;
+    _this._$width = 0;
+    _this._$height = 0;
+
+    _this.handleSwiperLoopListen = function () {
+      var _a, _b, _c, _d;
+
+      (_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];
+      var list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)');
+
+      if (list.length >= 1) {
+        _this.observerFirst.observe(list[0], {
+          characterData: true
+        });
+      } else if (list.length >= 2) {
+        _this.observerLast.observe(list[list.length - 1], {
+          characterData: true
+        });
+      }
+    };
+
+    _this.handleSwiperLoop = debounce(function () {
+      if (_this.mySwiper && _this.mySwiper.$wrapperEl && _this.props.circular) {
+        // @ts-ignore
+        _this.mySwiper.loopDestroy(); // @ts-ignore
+
+
+        _this.mySwiper.loopCreate();
+      }
+    }, 500);
+    return _this;
+  }
+
+  _createClass(Swiper, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      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 = {
+        // 指示器
+        pagination: {
+          el: ".taro-swiper-".concat(this._id, " > .swiper-container > .swiper-pagination")
+        },
+        direction: vertical ? 'vertical' : 'horizontal',
+        loop: circular,
+        slidesPerView: parseFloat(String(displayMultipleItems)),
+        initialSlide: parseInt(String(current), 10),
+        speed: parseInt(String(duration), 10),
+        observer: true,
+        observeParents: true,
+        on: {
+          slideChange: function slideChange() {
+            var e = createEvent('touchend');
+
+            try {
+              Object.defineProperty(e, 'detail', {
+                enumerable: true,
+                value: {
+                  current: this.realIndex
+                }
+              });
+            } catch (err) {} // eslint-disable-line no-empty
+
+
+            that._$current = this.realIndex;
+            that.handleOnChange(e);
+          },
+          transitionEnd: function transitionEnd() {
+            var e = createEvent('touchend');
+
+            try {
+              Object.defineProperty(e, 'detail', {
+                enumerable: true,
+                value: {
+                  current: this.mySwiper.realIndex
+                }
+              });
+
+              if (this.mySwiper.isBeginning) {
+                this.mySwiper.slideToLoop(this.props.children.length - 1, 0);
+              } else if (this.mySwiper.isEnd) {
+                this.mySwiper.slideToLoop(0, 0);
+              }
+            } catch (err) {} // eslint-disable-line no-empty
+
+
+            that.handleOnAnimationFinish(e);
+          },
+          observerUpdate: function observerUpdate(_swiper, e) {
+            var target = e.target;
+            var className = target && typeof target.className === 'string' ? target.className : '';
+
+            if (className.includes('taro_page') && target.style.display !== 'none') {
+              if (that.props.autoplay && target.contains(_swiper.$el[0])) {
+                if (that.props.circular) {
+                  _swiper.slideToLoop(this.realIndex, 0); // 更新下标
+
+                } else {
+                  _swiper.slideTo(this.realIndex);
+                }
+              }
+            }
+          }
+        }
+      }; // 自动播放
+
+      if (autoplay) {
+        opt.autoplay = {
+          delay: parseInt(String(interval), 10),
+          disableOnInteraction: false
+        };
+      } // 两端距离
+
+
+      if (spaceBetween) {
+        opt.spaceBetween = spaceBetween;
+      }
+
+      this.mySwiper = new Swipers(this.$el, opt);
+      setTimeout(function () {
+        _this2.mySwiper.update();
+      }, 500);
+      if (!this.mySwiper || !this.props.circular) return;
+      var wrapper = this.mySwiper.$wrapperEl[0];
+      this.observer = new MutationObserver(this.handleSwiperLoopListen);
+      this.observer.observe(wrapper, {
+        childList: true
+      });
+    }
+  }, {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (this.mySwiper) {
+        var nextCurrent = typeof nextProps.current === 'number' ? nextProps.current : this._$current || 0;
+        this.handleSwiperLoop(); // 是否衔接滚动模式
+
+        if (nextProps.circular) {
+          if (!this.mySwiper.isBeginning && !this.mySwiper.isEnd) {
+            this.mySwiper.slideToLoop(parseInt(nextCurrent, 10)); // 更新下标
+          }
+        } else {
+          this.mySwiper.slideTo(parseInt(nextCurrent, 10) + 1); // 更新下标
+        }
+
+        var autoplay = this.mySwiper.autoplay; // 判断是否需要停止或开始自动轮播
+
+        if (autoplay.running !== nextProps.autoplay) {
+          if (nextProps.autoplay) {
+            if (_typeof(this.mySwiper.params.autoplay) === 'object') {
+              this.mySwiper.params.autoplay.disableOnInteraction = false;
+              this.mySwiper.params.autoplay.delay = parseInt(String(this.props.interval) || '3000', 10);
+            }
+
+            autoplay.start();
+          } else {
+            autoplay.stop();
+          }
+        }
+
+        this.mySwiper.update(); // 更新子元素
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(preProps) {
+      if (preProps.children.length === 0 && this.props.children.length > 0) {
+        this.mySwiper.loopDestroy();
+        this.mySwiper.loopCreate();
+      }
+
+      if (!this.mySwiper) return;
+
+      if (this.props.autoplay) {
+        if (this._$width !== this.mySwiper.width || this._$height !== this.mySwiper.height) {
+          this.mySwiper.autoplay.start();
+        }
+      }
+
+      this._$width = this.mySwiper.width;
+      this._$height = this.mySwiper.height;
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _a, _b, _c, _d, _e, _f;
+
+      this.$el = null;
+      if (this.mySwiper) this.mySwiper.destroy();
+      (_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",
+    value: function handleOnChange(e) {
+      var func = this.props.onChange;
+      typeof func === 'function' && func(e);
+    }
+  }, {
+    key: "handleOnAnimationFinish",
+    value: function handleOnAnimationFinish(e) {
+      var func = this.props.onAnimationFinish;
+      typeof func === 'function' && func(e);
+    }
+  }, {
+    key: "parsePX",
+    value: function parsePX() {
+      var s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '0px';
+      return parseFloat(s.replace(/r*px/i, ''));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      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);
+      var sty = Object.assign({
+        paddingTop: vertical ? this.parsePX(previousMargin) : 0,
+        paddingRight: vertical ? 0 : this.parsePX(nextMargin),
+        paddingBottom: vertical ? this.parsePX(nextMargin) : 0,
+        paddingLeft: vertical ? 0 : this.parsePX(previousMargin),
+        overflow: 'hidden'
+      }, style);
+      var paginationCls = classNames('swiper-pagination', {
+        'swiper-pagination-hidden': !this.props.indicatorDots,
+        'swiper-pagination-bullets': this.props.indicatorDots
+      });
+      return React.createElement("div", {
+        className: "swiper-container-wrapper ".concat(cls),
+        style: sty
+      }, React.createElement("div", {
+        className: 'swiper-container',
+        style: {
+          overflow: 'visible'
+        },
+        ref: function ref(el) {
+          _this3.$el = el;
+        }
+      }, React.createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: "<style type='text/css'>\n              .taro-swiper-".concat(this._id, " > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ").concat(defaultIndicatorColor, " }\n              .taro-swiper-").concat(this._id, " > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ").concat(defaultIndicatorActiveColor, " }\n              </style>")
+        }
+      }), React.createElement("div", {
+        className: 'swiper-wrapper'
+      }, this.props.children), React.createElement("div", {
+        className: paginationCls
+      })));
+    }
+  }]);
+
+  return Swiper;
+}(React.Component);
+
+export { Swiper, SwiperItem };
+//# sourceMappingURL=index.js.map