@tarojs/components-react 4.0.0-beta.9 → 4.0.0-beta.91

package/dist/components/pull-down-refresh/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/pull-down-refresh/index.tsx"],"sourcesContent":["import './style/index.css'\r\n\r\nimport Taro from '@tarojs/taro'\r\nimport classNames from 'classnames'\r\nimport React from 'react'\r\n\r\nfunction setTransform (nodeStyle, value) {\r\n  nodeStyle.transform = value\r\n  nodeStyle.webkitTransform = value\r\n  nodeStyle.MozTransform = value\r\n}\r\n\r\nconst isWebView =\r\n  typeof navigator !== 'undefined' && /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent)\r\n\r\nenum PullDownState {\r\n  activate = 'activate',\r\n  deactivate = 'deactivate',\r\n  release = 'release',\r\n  finish = 'finish'\r\n}\r\n\r\nenum INDICATOR {\r\n  activate = 'release',\r\n  deactivate = 'pull',\r\n  release = 'loading',\r\n  finish = 'finish'\r\n}\r\n\r\nlet supportsPassive = false\r\ntry {\r\n  const opts = Object.defineProperty({}, 'passive', {\r\n    get () {\r\n      supportsPassive = true\r\n    }\r\n  })\r\n  window.addEventListener('cancel', () => ({}), opts)\r\n} catch (e) {} // eslint-disable-line no-empty\r\n\r\nconst willPreventDefault = supportsPassive ? { passive: false } : false\r\n\r\ninterface IProps extends React.HTMLAttributes<HTMLBaseElement> {\r\n  prefixCls: string\r\n  distanceToRefresh: number\r\n  damping: number\r\n  indicator: INDICATOR\r\n  onRefresh?: () => void\r\n}\r\n\r\ninterface IState {\r\n  currSt: PullDownState\r\n  dragOnEdge: boolean\r\n}\r\n\r\nclass PullDownRefresh extends React.Component<IProps, IState> {\r\n  static defaultProps = {\r\n    prefixCls: 'rmc-pull-to-refresh',\r\n    distanceToRefresh: 50,\r\n    damping: 100,\r\n    indicator: INDICATOR\r\n  }\r\n\r\n  // https://github.com/yiminghe/zscroller/blob/2d97973287135745818a0537712235a39a6a62a1/src/Scroller.js#L355\r\n  // currSt: `activate` / `deactivate` / `release` / `finish`\r\n  state = {\r\n    currSt: PullDownState.deactivate,\r\n    dragOnEdge: false\r\n  }\r\n\r\n  containerRef: HTMLElement | null\r\n  contentRef: HTMLDivElement | null\r\n  _to: Record<string, EventListener>\r\n  _ScreenY = 0\r\n  _startScreenY = 0\r\n  _lastScreenY = 0\r\n  _isMounted = false\r\n  listeners: [string, (...args: any[]) => void][] = []\r\n\r\n  get scrollContainer () {\r\n    return (\r\n      this.contentRef?.parentElement ||\r\n      this.contentRef?.closest('.taro_page_stationed') ||\r\n      document.querySelector('.taro_page_stationed') ||\r\n      document.querySelector('.taro_page') ||\r\n      document.querySelector('.taro_router') ||\r\n      document.querySelector('.taro-tabbar__panel') ||\r\n      document.body\r\n    )\r\n  }\r\n\r\n  componentDidMount () {\r\n    this.init()\r\n    this._isMounted = true\r\n    this.listeners = [\r\n      [\r\n        '__taroStartPullDownRefresh',\r\n        ({ successHandler, errorHandler }) => {\r\n          try {\r\n            this.triggerPullDownRefresh(true)\r\n            successHandler({\r\n              errMsg: 'startPullDownRefresh: ok'\r\n            })\r\n          } catch (e) {\r\n            errorHandler({\r\n              errMsg: 'startPullDownRefresh: fail'\r\n            })\r\n          }\r\n        }\r\n      ],\r\n      [\r\n        '__taroStopPullDownRefresh',\r\n        ({ successHandler, errorHandler }) => {\r\n          try {\r\n            this.triggerPullDownRefresh(false)\r\n            successHandler({\r\n              errMsg: 'stopPullDownRefresh: ok'\r\n            })\r\n          } catch (e) {\r\n            errorHandler({\r\n              errMsg: 'stopPullDownRefresh: fail'\r\n            })\r\n          }\r\n        }\r\n      ]\r\n    ]\r\n    this.listeners.forEach(([evtName, callback]) => {\r\n      Taro.eventCenter.on(evtName, callback)\r\n    })\r\n  }\r\n\r\n  componentWillUnmount () {\r\n    this.destroy()\r\n    this.listeners.forEach(([evtName, callback]) => {\r\n      Taro.eventCenter.off(evtName, callback)\r\n    })\r\n  }\r\n\r\n  componentDidUpdate (_, prevState: IState) {\r\n    if (prevState.currSt !== this.state.currSt) {\r\n      const pageEl: any = this.scrollContainer\r\n      switch (this.state.currSt) {\r\n        case PullDownState.release:\r\n          pageEl?.__page?.onPullDownRefresh?.()\r\n          break\r\n        case PullDownState.deactivate:\r\n          pageEl?.__page?.onPullIntercept?.()\r\n      }\r\n    }\r\n  }\r\n\r\n  triggerPullDownRefresh = (flag: boolean) => {\r\n    // 在初始化时、用代码 自动 触发 pullDownRefresh\r\n    // 添加this._isMounted的判断，否则组建一实例化，currSt就会是finish\r\n    if (!this.state.dragOnEdge && this._isMounted) {\r\n      if (flag) {\r\n        this._lastScreenY = this.props.distanceToRefresh + 1\r\n        // change dom need after setState\r\n        this.setState({ currSt: PullDownState.release }, () => this.setContentStyle(this._lastScreenY))\r\n      } else {\r\n        this.setState({ currSt: PullDownState.finish }, () => this.reset())\r\n      }\r\n    }\r\n  }\r\n\r\n  init = () => {\r\n    const ele = this.scrollContainer\r\n    this._to = {\r\n      touchstart: this.onTouchStart.bind(this, ele),\r\n      touchmove: this.onTouchMove.bind(this, ele),\r\n      touchend: this.onTouchEnd.bind(this, ele),\r\n      touchcancel: this.onTouchEnd.bind(this, ele)\r\n    }\r\n    Object.keys(this._to).forEach(key => {\r\n      ele.addEventListener(key, this._to[key], willPreventDefault)\r\n    })\r\n  }\r\n\r\n  destroy = () => {\r\n    if (!this._to) return\r\n\r\n    const ele = this.scrollContainer\r\n    Object.keys(this._to).forEach(key => {\r\n      ele.removeEventListener(key, this._to[key])\r\n    })\r\n  }\r\n\r\n  onTouchStart = (_, e: TouchEvent) => {\r\n    this._ScreenY = this._startScreenY = e.touches[0].screenY\r\n    // 一开始 refreshing 为 true 时 this._lastScreenY 有值\r\n    this._lastScreenY = this._lastScreenY || 0\r\n  }\r\n\r\n  isEdge = (ele: HTMLElement) => {\r\n    const container = this.scrollContainer\r\n    if (container && container === document.body) {\r\n      // In chrome61 `document.body.scrollTop` is invalid\r\n      const scrollNode = document.scrollingElement ? document.scrollingElement : document.body\r\n      return scrollNode.scrollTop <= 0\r\n    }\r\n    return ele.scrollTop <= 0\r\n  }\r\n\r\n  damping = (dy: number) => {\r\n    if (Math.abs(this._lastScreenY) > this.props.damping) {\r\n      return 0\r\n    }\r\n\r\n    const ratio = Math.abs(this._ScreenY - this._startScreenY) / window.screen.height\r\n    dy *= (1 - ratio) * 0.6\r\n\r\n    return dy\r\n  }\r\n\r\n  onTouchMove = (ele: HTMLElement, e: TouchEvent) => {\r\n    // 使用 pageY 对比有问题\r\n    const _screenY = e.touches[0].screenY\r\n\r\n    // 拖动方向不符合的不处理\r\n    if (this._startScreenY > _screenY) {\r\n      return\r\n    }\r\n\r\n    if (this.isEdge(ele)) {\r\n      if (!this.state.dragOnEdge) {\r\n        // 当用户开始往上滑的时候isEdge还是false的话，会导致this._ScreenY不是想要的，只有当isEdge为true时，再上滑，才有意义\r\n        // 下面这行代码解决了上面这个问题\r\n        this._ScreenY = this._startScreenY = e.touches[0].screenY\r\n        this.setState({ dragOnEdge: true })\r\n      }\r\n      if (e.cancelable) {\r\n        e.preventDefault()\r\n      }\r\n      // add stopPropagation with fastclick will trigger content onClick event. why?\r\n      // ref https://github.com/ant-design/ant-design-mobile/issues/2141\r\n      // e.stopPropagation();\r\n\r\n      const _diff = Math.round(_screenY - this._ScreenY)\r\n      this._ScreenY = _screenY\r\n      this._lastScreenY += this.damping(_diff)\r\n\r\n      this.setContentStyle(this._lastScreenY)\r\n\r\n      if (Math.abs(this._lastScreenY) < this.props.distanceToRefresh) {\r\n        if (this.state.currSt !== PullDownState.deactivate) {\r\n          // console.log('back to the distance');\r\n          this.setState({ currSt: PullDownState.deactivate })\r\n        }\r\n      } else {\r\n        if (this.state.currSt === PullDownState.deactivate) {\r\n          // console.log('reach to the distance');\r\n          this.setState({ currSt: PullDownState.activate })\r\n        }\r\n      }\r\n\r\n      // https://github.com/ant-design/ant-design-mobile/issues/573#issuecomment-339560829\r\n      // iOS UIWebView issue, It seems no problem in WKWebView\r\n      if (isWebView && e.changedTouches[0].clientY < 0) {\r\n        this.onTouchEnd()\r\n      }\r\n    }\r\n  }\r\n\r\n  onTouchEnd = () => {\r\n    if (this.state.dragOnEdge) {\r\n      this.setState({ dragOnEdge: false })\r\n    }\r\n    if (this.state.currSt === PullDownState.activate) {\r\n      this.setState({ currSt: PullDownState.release })\r\n      this.props.onRefresh?.()\r\n      this._lastScreenY = this.props.distanceToRefresh + 1\r\n      this.setContentStyle(this._lastScreenY)\r\n    } else if (this.state.currSt === 'release') {\r\n      this._lastScreenY = this.props.distanceToRefresh + 1\r\n      this.setContentStyle(this._lastScreenY)\r\n    } else {\r\n      this.reset()\r\n    }\r\n  }\r\n\r\n  reset = () => {\r\n    this._lastScreenY = 0\r\n    this.setContentStyle(0)\r\n  }\r\n\r\n  setContentStyle = ty => {\r\n    // TODO: Why sometimes do not have `this.contentRef` ?\r\n    if (this.contentRef) {\r\n      // translate3d 不清理 会影响内部元素定位\r\n      if (ty) {\r\n        setTransform(this.contentRef.style, `translate3d(0px,${ty}px,0)`)\r\n      } else {\r\n        setTransform(this.contentRef.style, '')\r\n      }\r\n    }\r\n  }\r\n\r\n  render () {\r\n    const props: Partial<IProps> & {\r\n      children?: React.ReactNode\r\n    } = { ...this.props }\r\n    delete props.damping\r\n    delete props.indicator\r\n    delete props.distanceToRefresh\r\n    delete props.onRefresh\r\n\r\n    const { className, prefixCls, children, ...restProps } = props\r\n\r\n    const renderRefresh = (cls: string) => {\r\n      const { currSt, dragOnEdge } = this.state\r\n      const cla = classNames(cls, !dragOnEdge && `${prefixCls}-transition`)\r\n      const showIndicator = currSt === 'activate' || currSt === 'release'\r\n      return (\r\n        <div className={`${prefixCls}-content-wrapper`}>\r\n          <div\r\n            className={cla}\r\n            ref={el => {\r\n              this.contentRef = el\r\n            }}\r\n          >\r\n            {showIndicator && (\r\n              <div className={`${prefixCls}-indicator`}>\r\n                <div />\r\n                <div />\r\n                <div />\r\n              </div>\r\n            )}\r\n            {children}\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n\r\n    if (this.scrollContainer) {\r\n      return renderRefresh(`${prefixCls}-content ${prefixCls}-down`)\r\n    }\r\n    return (\r\n      <pull-down-refresh\r\n        ref={el => {\r\n          this.containerRef = el\r\n        }}\r\n        className={classNames(className, prefixCls, `${prefixCls}-down`)}\r\n        {...restProps}\r\n      >\r\n        {renderRefresh(`${prefixCls}-content`)}\r\n      </pull-down-refresh>\r\n    )\r\n  }\r\n}\r\n\r\nexport default PullDownRefresh\r\n"],"names":["setTransform","nodeStyle","value","transform","webkitTransform","MozTransform","isWebView","navigator","test","userAgent","PullDownState","INDICATOR","supportsPassive","opts","Object","defineProperty","get","window","addEventListener","e","willPreventDefault","passive","PullDownRefresh","React","Component","constructor","state","currSt","deactivate","dragOnEdge","_ScreenY","_startScreenY","_lastScreenY","_isMounted","listeners","triggerPullDownRefresh","flag","props","distanceToRefresh","setState","release","setContentStyle","finish","reset","init","ele","scrollContainer","_to","touchstart","onTouchStart","bind","touchmove","onTouchMove","touchend","onTouchEnd","touchcancel","keys","forEach","key","destroy","removeEventListener","_","touches","screenY","isEdge","container","document","body","scrollNode","scrollingElement","scrollTop","damping","dy","Math","abs","ratio","screen","height","_screenY","cancelable","preventDefault","_diff","round","activate","changedTouches","clientY","_b","onRefresh","ty","contentRef","style","_a","parentElement","closest","querySelector","componentDidMount","_ref","successHandler","errorHandler","errMsg","_ref2","_ref3","evtName","callback","Taro","eventCenter","on","componentWillUnmount","_ref4","off","componentDidUpdate","prevState","pageEl","__page","onPullDownRefresh","call","_d","_c","onPullIntercept","render","assign","indicator","className","prefixCls","children","restProps","__rest","renderRefresh","cls","cla","classNames","showIndicator","createElement","ref","el","containerRef","defaultProps"],"mappings":";;;;;;AAMA,SAASA,YAAYA,CAAEC,SAAS,EAAEC,KAAK,EAAA;EACrCD,SAAS,CAACE,SAAS,GAAGD,KAAK,CAAA;EAC3BD,SAAS,CAACG,eAAe,GAAGF,KAAK,CAAA;EACjCD,SAAS,CAACI,YAAY,GAAGH,KAAK,CAAA;AAChC,CAAA;AAEA,MAAMI,SAAS,GACb,OAAOC,SAAS,KAAK,WAAW,IAAI,8CAA8C,CAACC,IAAI,CAACD,SAAS,CAACE,SAAS,CAAC,CAAA;AAE9G,IAAKC,aAKJ,CAAA;AALD,CAAA,UAAKA,aAAa,EAAA;AAChBA,EAAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,aAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzBA,EAAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EALIA,aAAa,KAAbA,aAAa,GAKjB,EAAA,CAAA,CAAA,CAAA;AAED,IAAKC,SAKJ,CAAA;AALD,CAAA,UAAKA,SAAS,EAAA;AACZA,EAAAA,SAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpBA,EAAAA,SAAA,CAAA,YAAA,CAAA,GAAA,MAAmB,CAAA;AACnBA,EAAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EALIA,SAAS,KAATA,SAAS,GAKb,EAAA,CAAA,CAAA,CAAA;AAED,IAAIC,eAAe,GAAG,KAAK,CAAA;AAC3B,IAAI;EACF,MAAMC,IAAI,GAAGC,MAAM,CAACC,cAAc,CAAC,EAAE,EAAE,SAAS,EAAE;AAChDC,IAAAA,GAAGA,GAAA;AACDJ,MAAAA,eAAe,GAAG,IAAI,CAAA;AACxB,KAAA;AACD,GAAA,CAAC,CAAA;EACFK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAEL,IAAI,CAAC,CAAA;AACpD,CAAA,CAAC,OAAOM,CAAC,EAAE,EAAE;AAEd,MAAMC,kBAAkB,GAAGR,eAAe,GAAG;AAAES,EAAAA,OAAO,EAAE,KAAA;AAAO,CAAA,GAAG,KAAK,CAAA;AAevE,MAAMC,eAAgB,SAAQC,KAAK,CAACC,SAAyB,CAAA;AAA7DC,EAAAA,WAAAA,GAAA;;AAQE;AACA;IACA,IAAA,CAAAC,KAAK,GAAG;MACNC,MAAM,EAAEjB,aAAa,CAACkB,UAAU;AAChCC,MAAAA,UAAU,EAAE,KAAA;KACb,CAAA;IAKD,IAAQ,CAAAC,QAAA,GAAG,CAAC,CAAA;IACZ,IAAa,CAAAC,aAAA,GAAG,CAAC,CAAA;IACjB,IAAY,CAAAC,YAAA,GAAG,CAAC,CAAA;IAChB,IAAU,CAAAC,UAAA,GAAG,KAAK,CAAA;IAClB,IAAS,CAAAC,SAAA,GAAyC,EAAE,CAAA;AA0EpD,IAAA,IAAA,CAAAC,sBAAsB,GAAIC,IAAa,IAAI;AACzC;AACA;MACA,IAAI,CAAC,IAAI,CAACV,KAAK,CAACG,UAAU,IAAI,IAAI,CAACI,UAAU,EAAE;AAC7C,QAAA,IAAIG,IAAI,EAAE;UACR,IAAI,CAACJ,YAAY,GAAG,IAAI,CAACK,KAAK,CAACC,iBAAiB,GAAG,CAAC,CAAA;AACpD;UACA,IAAI,CAACC,QAAQ,CAAC;YAAEZ,MAAM,EAAEjB,aAAa,CAAC8B,OAAAA;WAAS,EAAE,MAAM,IAAI,CAACC,eAAe,CAAC,IAAI,CAACT,YAAY,CAAC,CAAC,CAAA;AAChG,SAAA,MAAM;UACL,IAAI,CAACO,QAAQ,CAAC;YAAEZ,MAAM,EAAEjB,aAAa,CAACgC,MAAAA;WAAQ,EAAE,MAAM,IAAI,CAACC,KAAK,EAAE,CAAC,CAAA;AACpE,SAAA;AACF,OAAA;KACF,CAAA;IAED,IAAI,CAAAC,IAAA,GAAG,MAAK;AACV,MAAA,MAAMC,GAAG,GAAG,IAAI,CAACC,eAAe,CAAA;MAChC,IAAI,CAACC,GAAG,GAAG;QACTC,UAAU,EAAE,IAAI,CAACC,YAAY,CAACC,IAAI,CAAC,IAAI,EAAEL,GAAG,CAAC;QAC7CM,SAAS,EAAE,IAAI,CAACC,WAAW,CAACF,IAAI,CAAC,IAAI,EAAEL,GAAG,CAAC;QAC3CQ,QAAQ,EAAE,IAAI,CAACC,UAAU,CAACJ,IAAI,CAAC,IAAI,EAAEL,GAAG,CAAC;QACzCU,WAAW,EAAE,IAAI,CAACD,UAAU,CAACJ,IAAI,CAAC,IAAI,EAAEL,GAAG,CAAA;OAC5C,CAAA;MACD/B,MAAM,CAAC0C,IAAI,CAAC,IAAI,CAACT,GAAG,CAAC,CAACU,OAAO,CAACC,GAAG,IAAG;AAClCb,QAAAA,GAAG,CAAC3B,gBAAgB,CAACwC,GAAG,EAAE,IAAI,CAACX,GAAG,CAACW,GAAG,CAAC,EAAEtC,kBAAkB,CAAC,CAAA;AAC9D,OAAC,CAAC,CAAA;KACH,CAAA;IAED,IAAO,CAAAuC,OAAA,GAAG,MAAK;AACb,MAAA,IAAI,CAAC,IAAI,CAACZ,GAAG,EAAE,OAAA;AAEf,MAAA,MAAMF,GAAG,GAAG,IAAI,CAACC,eAAe,CAAA;MAChChC,MAAM,CAAC0C,IAAI,CAAC,IAAI,CAACT,GAAG,CAAC,CAACU,OAAO,CAACC,GAAG,IAAG;QAClCb,GAAG,CAACe,mBAAmB,CAACF,GAAG,EAAE,IAAI,CAACX,GAAG,CAACW,GAAG,CAAC,CAAC,CAAA;AAC7C,OAAC,CAAC,CAAA;KACH,CAAA;AAED,IAAA,IAAA,CAAAT,YAAY,GAAG,CAACY,CAAC,EAAE1C,CAAa,KAAI;AAClC,MAAA,IAAI,CAACW,QAAQ,GAAG,IAAI,CAACC,aAAa,GAAGZ,CAAC,CAAC2C,OAAO,CAAC,CAAC,CAAC,CAACC,OAAO,CAAA;AACzD;AACA,MAAA,IAAI,CAAC/B,YAAY,GAAG,IAAI,CAACA,YAAY,IAAI,CAAC,CAAA;KAC3C,CAAA;AAED,IAAA,IAAA,CAAAgC,MAAM,GAAInB,GAAgB,IAAI;AAC5B,MAAA,MAAMoB,SAAS,GAAG,IAAI,CAACnB,eAAe,CAAA;AACtC,MAAA,IAAImB,SAAS,IAAIA,SAAS,KAAKC,QAAQ,CAACC,IAAI,EAAE;AAC5C;AACA,QAAA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,gBAAgB,GAAGH,QAAQ,CAACG,gBAAgB,GAAGH,QAAQ,CAACC,IAAI,CAAA;AACxF,QAAA,OAAOC,UAAU,CAACE,SAAS,IAAI,CAAC,CAAA;AACjC,OAAA;AACD,MAAA,OAAOzB,GAAG,CAACyB,SAAS,IAAI,CAAC,CAAA;KAC1B,CAAA;AAED,IAAA,IAAA,CAAAC,OAAO,GAAIC,EAAU,IAAI;AACvB,MAAA,IAAIC,IAAI,CAACC,GAAG,CAAC,IAAI,CAAC1C,YAAY,CAAC,GAAG,IAAI,CAACK,KAAK,CAACkC,OAAO,EAAE;AACpD,QAAA,OAAO,CAAC,CAAA;AACT,OAAA;AAED,MAAA,MAAMI,KAAK,GAAGF,IAAI,CAACC,GAAG,CAAC,IAAI,CAAC5C,QAAQ,GAAG,IAAI,CAACC,aAAa,CAAC,GAAGd,MAAM,CAAC2D,MAAM,CAACC,MAAM,CAAA;AACjFL,MAAAA,EAAE,IAAI,CAAC,CAAC,GAAGG,KAAK,IAAI,GAAG,CAAA;AAEvB,MAAA,OAAOH,EAAE,CAAA;KACV,CAAA;AAED,IAAA,IAAA,CAAApB,WAAW,GAAG,CAACP,GAAgB,EAAE1B,CAAa,KAAI;AAChD;MACA,MAAM2D,QAAQ,GAAG3D,CAAC,CAAC2C,OAAO,CAAC,CAAC,CAAC,CAACC,OAAO,CAAA;AAErC;AACA,MAAA,IAAI,IAAI,CAAChC,aAAa,GAAG+C,QAAQ,EAAE;AACjC,QAAA,OAAA;AACD,OAAA;AAED,MAAA,IAAI,IAAI,CAACd,MAAM,CAACnB,GAAG,CAAC,EAAE;AACpB,QAAA,IAAI,CAAC,IAAI,CAACnB,KAAK,CAACG,UAAU,EAAE;AAC1B;AACA;AACA,UAAA,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACC,aAAa,GAAGZ,CAAC,CAAC2C,OAAO,CAAC,CAAC,CAAC,CAACC,OAAO,CAAA;UACzD,IAAI,CAACxB,QAAQ,CAAC;AAAEV,YAAAA,UAAU,EAAE,IAAA;AAAM,WAAA,CAAC,CAAA;AACpC,SAAA;QACD,IAAIV,CAAC,CAAC4D,UAAU,EAAE;UAChB5D,CAAC,CAAC6D,cAAc,EAAE,CAAA;AACnB,SAAA;AACD;AACA;AACA;QAEA,MAAMC,KAAK,GAAGR,IAAI,CAACS,KAAK,CAACJ,QAAQ,GAAG,IAAI,CAAChD,QAAQ,CAAC,CAAA;QAClD,IAAI,CAACA,QAAQ,GAAGgD,QAAQ,CAAA;QACxB,IAAI,CAAC9C,YAAY,IAAI,IAAI,CAACuC,OAAO,CAACU,KAAK,CAAC,CAAA;AAExC,QAAA,IAAI,CAACxC,eAAe,CAAC,IAAI,CAACT,YAAY,CAAC,CAAA;AAEvC,QAAA,IAAIyC,IAAI,CAACC,GAAG,CAAC,IAAI,CAAC1C,YAAY,CAAC,GAAG,IAAI,CAACK,KAAK,CAACC,iBAAiB,EAAE;UAC9D,IAAI,IAAI,CAACZ,KAAK,CAACC,MAAM,KAAKjB,aAAa,CAACkB,UAAU,EAAE;AAClD;YACA,IAAI,CAACW,QAAQ,CAAC;cAAEZ,MAAM,EAAEjB,aAAa,CAACkB,UAAAA;AAAY,aAAA,CAAC,CAAA;AACpD,WAAA;AACF,SAAA,MAAM;UACL,IAAI,IAAI,CAACF,KAAK,CAACC,MAAM,KAAKjB,aAAa,CAACkB,UAAU,EAAE;AAClD;YACA,IAAI,CAACW,QAAQ,CAAC;cAAEZ,MAAM,EAAEjB,aAAa,CAACyE,QAAAA;AAAU,aAAA,CAAC,CAAA;AAClD,WAAA;AACF,SAAA;AAED;AACA;AACA,QAAA,IAAI7E,SAAS,IAAIa,CAAC,CAACiE,cAAc,CAAC,CAAC,CAAC,CAACC,OAAO,GAAG,CAAC,EAAE;UAChD,IAAI,CAAC/B,UAAU,EAAE,CAAA;AAClB,SAAA;AACF,OAAA;KACF,CAAA;IAED,IAAU,CAAAA,UAAA,GAAG,MAAK;;AAChB,MAAA,IAAI,IAAI,CAAC5B,KAAK,CAACG,UAAU,EAAE;QACzB,IAAI,CAACU,QAAQ,CAAC;AAAEV,UAAAA,UAAU,EAAE,KAAA;AAAO,SAAA,CAAC,CAAA;AACrC,OAAA;MACD,IAAI,IAAI,CAACH,KAAK,CAACC,MAAM,KAAKjB,aAAa,CAACyE,QAAQ,EAAE;QAChD,IAAI,CAAC5C,QAAQ,CAAC;UAAEZ,MAAM,EAAEjB,aAAa,CAAC8B,OAAAA;AAAS,SAAA,CAAC,CAAA;QAChD,CAAA8C,EAAA,GAAA,MAAA,IAAI,CAACjD,KAAK,EAACkD,SAAS,kDAAI,CAAA;QACxB,IAAI,CAACvD,YAAY,GAAG,IAAI,CAACK,KAAK,CAACC,iBAAiB,GAAG,CAAC,CAAA;AACpD,QAAA,IAAI,CAACG,eAAe,CAAC,IAAI,CAACT,YAAY,CAAC,CAAA;OACxC,MAAM,IAAI,IAAI,CAACN,KAAK,CAACC,MAAM,KAAK,SAAS,EAAE;QAC1C,IAAI,CAACK,YAAY,GAAG,IAAI,CAACK,KAAK,CAACC,iBAAiB,GAAG,CAAC,CAAA;AACpD,QAAA,IAAI,CAACG,eAAe,CAAC,IAAI,CAACT,YAAY,CAAC,CAAA;AACxC,OAAA,MAAM;QACL,IAAI,CAACW,KAAK,EAAE,CAAA;AACb,OAAA;KACF,CAAA;IAED,IAAK,CAAAA,KAAA,GAAG,MAAK;MACX,IAAI,CAACX,YAAY,GAAG,CAAC,CAAA;AACrB,MAAA,IAAI,CAACS,eAAe,CAAC,CAAC,CAAC,CAAA;KACxB,CAAA;AAED,IAAA,IAAe,CAAAA,eAAA,GAAG+C,EAAE,IAAG;AACrB;MACA,IAAI,IAAI,CAACC,UAAU,EAAE;AACnB;AACA,QAAA,IAAID,EAAE,EAAE;UACNxF,YAAY,CAAC,IAAI,CAACyF,UAAU,CAACC,KAAK,EAAqB,CAAA,gBAAA,EAAAF,EAAS,CAAA,KAAA,CAAA,CAAC,CAAA;AAClE,SAAA,MAAM;UACLxF,YAAY,CAAC,IAAI,CAACyF,UAAU,CAACC,KAAK,EAAE,EAAE,CAAC,CAAA;AACxC,SAAA;AACF,OAAA;KACF,CAAA;AAqDH,GAAA;EA7QE,IAAI5C,eAAeA,GAAA;;AACjB,IAAA,OACE,CAAA,CAAA6C,EAAA,GAAA,IAAI,CAACF,UAAU,0CAAEG,aAAa,MAC9B,CAAAN,EAAA,GAAA,IAAI,CAACG,UAAU,MAAA,IAAA,IAAAH,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEO,OAAO,CAAC,sBAAsB,CAAC,CAAA,IAChD3B,QAAQ,CAAC4B,aAAa,CAAC,sBAAsB,CAAC,IAC9C5B,QAAQ,CAAC4B,aAAa,CAAC,YAAY,CAAC,IACpC5B,QAAQ,CAAC4B,aAAa,CAAC,cAAc,CAAC,IACtC5B,QAAQ,CAAC4B,aAAa,CAAC,qBAAqB,CAAC,IAC7C5B,QAAQ,CAACC,IAAI,CAAA;AAEjB,GAAA;AAEA4B,EAAAA,iBAAiBA,GAAA;IACf,IAAI,CAACnD,IAAI,EAAE,CAAA;IACX,IAAI,CAACX,UAAU,GAAG,IAAI,CAAA;IACtB,IAAI,CAACC,SAAS,GAAG,CACf,CACE,4BAA4B,EAC5B8D,IAAA,IAAqC;MAAA,IAApC;QAAEC,cAAc;AAAEC,QAAAA,YAAAA;AAAY,OAAE,GAAAF,IAAA,CAAA;MAC/B,IAAI;AACF,QAAA,IAAI,CAAC7D,sBAAsB,CAAC,IAAI,CAAC,CAAA;AACjC8D,QAAAA,cAAc,CAAC;AACbE,UAAAA,MAAM,EAAE,0BAAA;AACT,SAAA,CAAC,CAAA;OACH,CAAC,OAAOhF,CAAC,EAAE;AACV+E,QAAAA,YAAY,CAAC;AACXC,UAAAA,MAAM,EAAE,4BAAA;AACT,SAAA,CAAC,CAAA;AACH,OAAA;AACH,KAAC,CACF,EACD,CACE,2BAA2B,EAC3BC,KAAA,IAAqC;MAAA,IAApC;QAAEH,cAAc;AAAEC,QAAAA,YAAAA;AAAY,OAAE,GAAAE,KAAA,CAAA;MAC/B,IAAI;AACF,QAAA,IAAI,CAACjE,sBAAsB,CAAC,KAAK,CAAC,CAAA;AAClC8D,QAAAA,cAAc,CAAC;AACbE,UAAAA,MAAM,EAAE,yBAAA;AACT,SAAA,CAAC,CAAA;OACH,CAAC,OAAOhF,CAAC,EAAE;AACV+E,QAAAA,YAAY,CAAC;AACXC,UAAAA,MAAM,EAAE,2BAAA;AACT,SAAA,CAAC,CAAA;AACH,OAAA;AACH,KAAC,CACF,CACF,CAAA;AACD,IAAA,IAAI,CAACjE,SAAS,CAACuB,OAAO,CAAC4C,KAAA,IAAwB;AAAA,MAAA,IAAvB,CAACC,OAAO,EAAEC,QAAQ,CAAC,GAAAF,KAAA,CAAA;MACzCG,IAAI,CAACC,WAAW,CAACC,EAAE,CAACJ,OAAO,EAAEC,QAAQ,CAAC,CAAA;AACxC,KAAC,CAAC,CAAA;AACJ,GAAA;AAEAI,EAAAA,oBAAoBA,GAAA;IAClB,IAAI,CAAChD,OAAO,EAAE,CAAA;AACd,IAAA,IAAI,CAACzB,SAAS,CAACuB,OAAO,CAACmD,KAAA,IAAwB;AAAA,MAAA,IAAvB,CAACN,OAAO,EAAEC,QAAQ,CAAC,GAAAK,KAAA,CAAA;MACzCJ,IAAI,CAACC,WAAW,CAACI,GAAG,CAACP,OAAO,EAAEC,QAAQ,CAAC,CAAA;AACzC,KAAC,CAAC,CAAA;AACJ,GAAA;AAEAO,EAAAA,kBAAkBA,CAAEjD,CAAC,EAAEkD,SAAiB,EAAA;;IACtC,IAAIA,SAAS,CAACpF,MAAM,KAAK,IAAI,CAACD,KAAK,CAACC,MAAM,EAAE;AAC1C,MAAA,MAAMqF,MAAM,GAAQ,IAAI,CAAClE,eAAe,CAAA;AACxC,MAAA,QAAQ,IAAI,CAACpB,KAAK,CAACC,MAAM;QACvB,KAAKjB,aAAa,CAAC8B,OAAO;UACxB,CAAA8C,EAAA,GAAA,CAAAK,EAAA,GAAAqB,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEC,MAAM,MAAA,IAAA,IAAAtB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEuB,iBAAiB,MAAA,IAAA,IAAA5B,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAA6B,IAAA,CAAAxB,EAAA,CAAI,CAAA;AACrC,UAAA,MAAA;QACF,KAAKjF,aAAa,CAACkB,UAAU;UAC3B,CAAAwF,EAAA,GAAA,CAAAC,EAAA,GAAAL,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEC,MAAM,MAAA,IAAA,IAAAI,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEC,eAAe,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,IAAA,CAAAE,EAAA,CAAI,CAAA;AACtC,OAAA;AACF,KAAA;AACH,GAAA;AAoJAE,EAAAA,MAAMA,GAAA;AACJ,IAAA,MAAMlF,KAAK,GAEFvB,MAAA,CAAA0G,MAAA,CAAA,EAAA,EAAA,IAAI,CAACnF,KAAK,CAAE,CAAA;IACrB,OAAOA,KAAK,CAACkC,OAAO,CAAA;IACpB,OAAOlC,KAAK,CAACoF,SAAS,CAAA;IACtB,OAAOpF,KAAK,CAACC,iBAAiB,CAAA;IAC9B,OAAOD,KAAK,CAACkD,SAAS,CAAA;IAEtB,MAAM;QAAEmC,SAAS;QAAEC,SAAS;AAAEC,QAAAA,QAAAA;AAAQ,OAAA,GAAmBvF,KAAK;AAAnBwF,MAAAA,SAAS,GAAKC,MAAA,CAAAzF,KAAK,EAAxD,CAAA,WAAA,EAAA,WAAA,EAAA,UAAA,CAAgD,CAAQ,CAAA;IAE9D,MAAM0F,aAAa,GAAIC,GAAW,IAAI;MACpC,MAAM;QAAErG,MAAM;AAAEE,QAAAA,UAAAA;OAAY,GAAG,IAAI,CAACH,KAAK,CAAA;AACzC,MAAA,MAAMuG,GAAG,GAAGC,UAAU,CAACF,GAAG,EAAE,CAACnG,UAAU,IAAI,CAAA,EAAG8F,SAAS,CAAA,WAAA,CAAa,CAAC,CAAA;MACrE,MAAMQ,aAAa,GAAGxG,MAAM,KAAK,UAAU,IAAIA,MAAM,KAAK,SAAS,CAAA;AACnE,MAAA,OACEJ,KAAK,CAAA6G,aAAA,CAAA,KAAA,EAAA;QAAAV,SAAS,EAAE,GAAGC,SAA2B,CAAA,gBAAA,CAAA;AAAA,OAAA,EAC5CpG,KACE,CAAA6G,aAAA,CAAA,KAAA,EAAA;AAAAV,QAAAA,SAAS,EAAEO,GAAG;QACdI,GAAG,EAAEC,EAAE,IAAG;UACR,IAAI,CAAC7C,UAAU,GAAG6C,EAAE,CAAA;AACtB,SAAA;OAAC,EAEAH,aAAa,IACZ5G,KAAA,CAAA6G,aAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAE,GAAGC,SAAqB,CAAA,UAAA,CAAA;AAAA,OAAA,EACtCpG,KAAO,CAAA6G,aAAA,CAAA,KAAA,EAAA,IAAA,CAAA,EACP7G,KAAO,CAAA6G,aAAA,CAAA,KAAA,EAAA,IAAA,CAAA,EACP7G,KAAA,CAAA6G,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO,CAEV,EACAR,QAAQ,CACL,CACF,CAAA;KAET,CAAA;IAED,IAAI,IAAI,CAAC9E,eAAe,EAAE;AACxB,MAAA,OAAOiF,aAAa,CAAI,CAAA,EAAAJ,UAAqBA,SAAAA,EAAAA,SAAS,OAAO,CAAC,CAAA;AAC/D,KAAA;IACD,OACEpG,KACE,CAAA6G,aAAA,CAAA,mBAAA,EAAAtH,MAAA,CAAA0G,MAAA,CAAA;MAAAa,GAAG,EAAEC,EAAE,IAAG;QACR,IAAI,CAACC,YAAY,GAAGD,EAAE,CAAA;OACvB;MACDZ,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAEC,SAAS,EAAE,CAAGA,EAAAA,SAAS,CAAO,KAAA,CAAA,CAAA;KAC3D,EAAAE,SAAS,CAEZ,EAAAE,aAAa,CAAC,CAAGJ,EAAAA,SAAmB,CAAA,QAAA,CAAA,CAAC,CACpB,CAAA;AAExB,GAAA;;AAnSOrG,eAAA,CAAAkH,YAAY,GAAG;AACpBb,EAAAA,SAAS,EAAE,qBAAqB;AAChCrF,EAAAA,iBAAiB,EAAE,EAAE;AACrBiC,EAAAA,OAAO,EAAE,GAAG;AACZkD,EAAAA,SAAS,EAAE9G,SAAAA;CACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/pull-down-refresh/index.tsx"],"sourcesContent":["import './style/index.css'\r\n\r\nimport Taro from '@tarojs/taro'\r\nimport classNames from 'classnames'\r\nimport React from 'react'\r\n\r\nfunction setTransform (nodeStyle, value) {\r\n  nodeStyle.transform = value\r\n  nodeStyle.webkitTransform = value\r\n  nodeStyle.MozTransform = value\r\n}\r\n\r\nconst isWebView =\r\n  typeof navigator !== 'undefined' && /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent)\r\n\r\nenum PullDownState {\r\n  activate = 'activate',\r\n  deactivate = 'deactivate',\r\n  release = 'release',\r\n  finish = 'finish'\r\n}\r\n\r\nenum INDICATOR {\r\n  activate = 'release',\r\n  deactivate = 'pull',\r\n  release = 'loading',\r\n  finish = 'finish'\r\n}\r\n\r\nlet supportsPassive = false\r\ntry {\r\n  const opts = Object.defineProperty({}, 'passive', {\r\n    get () {\r\n      supportsPassive = true\r\n    }\r\n  })\r\n  window.addEventListener('cancel', () => ({}), opts)\r\n} catch (e) {} // eslint-disable-line no-empty\r\n\r\nconst willPreventDefault = supportsPassive ? { passive: false } : false\r\n\r\ninterface IProps extends React.HTMLAttributes<HTMLBaseElement> {\r\n  prefixCls: string\r\n  distanceToRefresh: number\r\n  damping: number\r\n  indicator: INDICATOR\r\n  onRefresh?: () => void\r\n}\r\n\r\ninterface IState {\r\n  currSt: PullDownState\r\n  dragOnEdge: boolean\r\n}\r\n\r\nclass PullDownRefresh extends React.Component<IProps, IState> {\r\n  static defaultProps = {\r\n    prefixCls: 'rmc-pull-to-refresh',\r\n    distanceToRefresh: 50,\r\n    damping: 100,\r\n    indicator: INDICATOR\r\n  }\r\n\r\n  // https://github.com/yiminghe/zscroller/blob/2d97973287135745818a0537712235a39a6a62a1/src/Scroller.js#L355\r\n  // currSt: `activate` / `deactivate` / `release` / `finish`\r\n  state = {\r\n    currSt: PullDownState.deactivate,\r\n    dragOnEdge: false\r\n  }\r\n\r\n  containerRef: HTMLElement | null\r\n  contentRef: HTMLDivElement | null\r\n  _to: Record<string, EventListener>\r\n  _ScreenY = 0\r\n  _startScreenY = 0\r\n  _lastScreenY = 0\r\n  _isMounted = false\r\n  listeners: [string, (...args: any[]) => void][] = []\r\n\r\n  get scrollContainer () {\r\n    return (\r\n      this.contentRef?.parentElement ||\r\n      this.contentRef?.closest('.taro_page_stationed') ||\r\n      document.querySelector('.taro_page_stationed') ||\r\n      document.querySelector('.taro_page') ||\r\n      document.querySelector('.taro_router') ||\r\n      document.querySelector('.taro-tabbar__panel') ||\r\n      document.body\r\n    )\r\n  }\r\n\r\n  componentDidMount () {\r\n    this.init()\r\n    this._isMounted = true\r\n    this.listeners = [\r\n      [\r\n        '__taroStartPullDownRefresh',\r\n        ({ successHandler, errorHandler }) => {\r\n          try {\r\n            this.triggerPullDownRefresh(true)\r\n            successHandler({\r\n              errMsg: 'startPullDownRefresh: ok'\r\n            })\r\n          } catch (e) {\r\n            errorHandler({\r\n              errMsg: 'startPullDownRefresh: fail'\r\n            })\r\n          }\r\n        }\r\n      ],\r\n      [\r\n        '__taroStopPullDownRefresh',\r\n        ({ successHandler, errorHandler }) => {\r\n          try {\r\n            this.triggerPullDownRefresh(false)\r\n            successHandler({\r\n              errMsg: 'stopPullDownRefresh: ok'\r\n            })\r\n          } catch (e) {\r\n            errorHandler({\r\n              errMsg: 'stopPullDownRefresh: fail'\r\n            })\r\n          }\r\n        }\r\n      ]\r\n    ]\r\n    this.listeners.forEach(([evtName, callback]) => {\r\n      Taro.eventCenter.on(evtName, callback)\r\n    })\r\n  }\r\n\r\n  componentWillUnmount () {\r\n    this.destroy()\r\n    this.listeners.forEach(([evtName, callback]) => {\r\n      Taro.eventCenter.off(evtName, callback)\r\n    })\r\n  }\r\n\r\n  componentDidUpdate (_, prevState: IState) {\r\n    if (prevState.currSt !== this.state.currSt) {\r\n      const pageEl: any = this.scrollContainer\r\n      switch (this.state.currSt) {\r\n        case PullDownState.release:\r\n          pageEl?.__page?.onPullDownRefresh?.()\r\n          break\r\n        case PullDownState.deactivate:\r\n          pageEl?.__page?.onPullIntercept?.()\r\n      }\r\n    }\r\n  }\r\n\r\n  triggerPullDownRefresh = (flag: boolean) => {\r\n    // 在初始化时、用代码 自动 触发 pullDownRefresh\r\n    // 添加this._isMounted的判断，否则组建一实例化，currSt就会是finish\r\n    if (!this.state.dragOnEdge && this._isMounted) {\r\n      if (flag) {\r\n        this._lastScreenY = this.props.distanceToRefresh + 1\r\n        // change dom need after setState\r\n        this.setState({ currSt: PullDownState.release }, () => this.setContentStyle(this._lastScreenY))\r\n      } else {\r\n        this.setState({ currSt: PullDownState.finish }, () => this.reset())\r\n      }\r\n    }\r\n  }\r\n\r\n  init = () => {\r\n    const ele = this.scrollContainer\r\n    this._to = {\r\n      touchstart: this.onTouchStart.bind(this, ele),\r\n      touchmove: this.onTouchMove.bind(this, ele),\r\n      touchend: this.onTouchEnd.bind(this, ele),\r\n      touchcancel: this.onTouchEnd.bind(this, ele)\r\n    }\r\n    Object.keys(this._to).forEach(key => {\r\n      ele.addEventListener(key, this._to[key], willPreventDefault)\r\n    })\r\n  }\r\n\r\n  destroy = () => {\r\n    if (!this._to) return\r\n\r\n    const ele = this.scrollContainer\r\n    Object.keys(this._to).forEach(key => {\r\n      ele.removeEventListener(key, this._to[key])\r\n    })\r\n  }\r\n\r\n  onTouchStart = (_, e: TouchEvent) => {\r\n    this._ScreenY = this._startScreenY = e.touches[0].screenY\r\n    // 一开始 refreshing 为 true 时 this._lastScreenY 有值\r\n    this._lastScreenY = this._lastScreenY || 0\r\n  }\r\n\r\n  isEdge = (ele: HTMLElement) => {\r\n    const container = this.scrollContainer\r\n    if (container && container === document.body) {\r\n      // In chrome61 `document.body.scrollTop` is invalid\r\n      const scrollNode = document.scrollingElement ? document.scrollingElement : document.body\r\n      return scrollNode.scrollTop <= 0\r\n    }\r\n    return ele.scrollTop <= 0\r\n  }\r\n\r\n  damping = (dy: number) => {\r\n    if (Math.abs(this._lastScreenY) > this.props.damping) {\r\n      return 0\r\n    }\r\n\r\n    const ratio = Math.abs(this._ScreenY - this._startScreenY) / window.screen.height\r\n    dy *= (1 - ratio) * 0.6\r\n\r\n    return dy\r\n  }\r\n\r\n  onTouchMove = (ele: HTMLElement, e: TouchEvent) => {\r\n    // 使用 pageY 对比有问题\r\n    const _screenY = e.touches[0].screenY\r\n\r\n    // 拖动方向不符合的不处理\r\n    if (this._startScreenY > _screenY) {\r\n      return\r\n    }\r\n\r\n    if (this.isEdge(ele)) {\r\n      if (!this.state.dragOnEdge) {\r\n        // 当用户开始往上滑的时候isEdge还是false的话，会导致this._ScreenY不是想要的，只有当isEdge为true时，再上滑，才有意义\r\n        // 下面这行代码解决了上面这个问题\r\n        this._ScreenY = this._startScreenY = e.touches[0].screenY\r\n        this.setState({ dragOnEdge: true })\r\n      }\r\n      if (e.cancelable) {\r\n        e.preventDefault()\r\n      }\r\n      // add stopPropagation with fastclick will trigger content onClick event. why?\r\n      // ref https://github.com/ant-design/ant-design-mobile/issues/2141\r\n      // e.stopPropagation();\r\n\r\n      const _diff = Math.round(_screenY - this._ScreenY)\r\n      this._ScreenY = _screenY\r\n      this._lastScreenY += this.damping(_diff)\r\n\r\n      this.setContentStyle(this._lastScreenY)\r\n\r\n      if (Math.abs(this._lastScreenY) < this.props.distanceToRefresh) {\r\n        if (this.state.currSt !== PullDownState.deactivate) {\r\n          // console.log('back to the distance');\r\n          this.setState({ currSt: PullDownState.deactivate })\r\n        }\r\n      } else {\r\n        if (this.state.currSt === PullDownState.deactivate) {\r\n          // console.log('reach to the distance');\r\n          this.setState({ currSt: PullDownState.activate })\r\n        }\r\n      }\r\n\r\n      // https://github.com/ant-design/ant-design-mobile/issues/573#issuecomment-339560829\r\n      // iOS UIWebView issue, It seems no problem in WKWebView\r\n      if (isWebView && e.changedTouches[0].clientY < 0) {\r\n        this.onTouchEnd()\r\n      }\r\n    }\r\n  }\r\n\r\n  onTouchEnd = () => {\r\n    if (this.state.dragOnEdge) {\r\n      this.setState({ dragOnEdge: false })\r\n    }\r\n    if (this.state.currSt === PullDownState.activate) {\r\n      this.setState({ currSt: PullDownState.release })\r\n      this.props.onRefresh?.()\r\n      this._lastScreenY = this.props.distanceToRefresh + 1\r\n      this.setContentStyle(this._lastScreenY)\r\n    } else if (this.state.currSt === 'release') {\r\n      this._lastScreenY = this.props.distanceToRefresh + 1\r\n      this.setContentStyle(this._lastScreenY)\r\n    } else {\r\n      this.reset()\r\n    }\r\n  }\r\n\r\n  reset = () => {\r\n    this._lastScreenY = 0\r\n    this.setContentStyle(0)\r\n  }\r\n\r\n  setContentStyle = ty => {\r\n    // TODO: Why sometimes do not have `this.contentRef` ?\r\n    if (this.contentRef) {\r\n      // translate3d 不清理 会影响内部元素定位\r\n      if (ty) {\r\n        setTransform(this.contentRef.style, `translate3d(0px,${ty}px,0)`)\r\n      } else {\r\n        setTransform(this.contentRef.style, '')\r\n      }\r\n    }\r\n  }\r\n\r\n  render () {\r\n    const props: Partial<IProps> & {\r\n      children?: React.ReactNode\r\n    } = { ...this.props }\r\n    delete props.damping\r\n    delete props.indicator\r\n    delete props.distanceToRefresh\r\n    delete props.onRefresh\r\n\r\n    const { className, prefixCls, children, ...restProps } = props\r\n\r\n    const renderRefresh = (cls: string) => {\r\n      const { currSt, dragOnEdge } = this.state\r\n      const cla = classNames(cls, !dragOnEdge && `${prefixCls}-transition`)\r\n      const showIndicator = currSt === 'activate' || currSt === 'release'\r\n      return (\r\n        <div className={`${prefixCls}-content-wrapper`}>\r\n          <div\r\n            className={cla}\r\n            ref={el => {\r\n              this.contentRef = el\r\n            }}\r\n          >\r\n            {showIndicator && (\r\n              <div className={`${prefixCls}-indicator`}>\r\n                <div />\r\n                <div />\r\n                <div />\r\n              </div>\r\n            )}\r\n            {children}\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n\r\n    if (this.scrollContainer) {\r\n      return renderRefresh(`${prefixCls}-content ${prefixCls}-down`)\r\n    }\r\n    return (\r\n      <pull-down-refresh\r\n        ref={el => {\r\n          this.containerRef = el\r\n        }}\r\n        className={classNames(className, prefixCls, `${prefixCls}-down`)}\r\n        {...restProps}\r\n      >\r\n        {renderRefresh(`${prefixCls}-content`)}\r\n      </pull-down-refresh>\r\n    )\r\n  }\r\n}\r\n\r\nexport default PullDownRefresh\r\n"],"names":["setTransform","nodeStyle","value","transform","webkitTransform","MozTransform","isWebView","navigator","test","userAgent","PullDownState","INDICATOR","supportsPassive","opts","Object","defineProperty","get","window","addEventListener","e","willPreventDefault","passive","PullDownRefresh","React","Component","constructor","state","currSt","deactivate","dragOnEdge","_ScreenY","_startScreenY","_lastScreenY","_isMounted","listeners","triggerPullDownRefresh","flag","props","distanceToRefresh","setState","release","setContentStyle","finish","reset","init","ele","scrollContainer","_to","touchstart","onTouchStart","bind","touchmove","onTouchMove","touchend","onTouchEnd","touchcancel","keys","forEach","key","destroy","removeEventListener","_","touches","screenY","isEdge","container","document","body","scrollNode","scrollingElement","scrollTop","damping","dy","Math","abs","ratio","screen","height","_screenY","cancelable","preventDefault","_diff","round","activate","changedTouches","clientY","_b","onRefresh","ty","contentRef","style","_a","parentElement","closest","querySelector","componentDidMount","_ref","successHandler","errorHandler","errMsg","_ref2","_ref3","evtName","callback","Taro","eventCenter","on","componentWillUnmount","_ref4","off","componentDidUpdate","prevState","pageEl","__page","onPullDownRefresh","call","_d","_c","onPullIntercept","render","assign","indicator","className","prefixCls","children","restProps","__rest","renderRefresh","cls","cla","classNames","showIndicator","_jsx","_jsxs","ref","el","containerRef","defaultProps"],"mappings":"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"}

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

@@ -1,7 +1,9 @@
 import './style/index.css.js';
+import { isFunction } from '../../shared/dist/shared.esm.js';
 import classNames from 'classnames';
-import React from 'react';
 import { throttle } from '../../utils/index.js';
+import { useRef, useEffect } from '../../utils/hooks.js';
+import { jsx } from 'react/jsx-runtime';
 
 function easeOutScroll() {
   let from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -40,43 +42,34 @@ function scrollIntoView() {
     inline: isHorizontal ? scrollIntoViewAlignment || 'start' : 'start'
   });
 }
-function scrollVertical(top, isAnimation) {
+function scrollVertical(container, scrollTop, top, isAnimation) {
   if (isAnimation) {
-    easeOutScroll(this._scrollTop, top, pos => {
-      if (this.container) this.container.scrollTop = pos;
+    easeOutScroll(scrollTop.current, top, pos => {
+      if (container.current) container.current.scrollTop = pos;
     });
   } else {
-    if (this.container) this.container.scrollTop = top;
+    if (container.current) container.current.scrollTop = top;
   }
-  this._scrollTop = top;
+  scrollTop.current = top;
 }
-function scrollHorizontal(left, isAnimation) {
+function scrollHorizontal(container, scrollLeft, left, isAnimation) {
   if (isAnimation) {
-    easeOutScroll(this._scrollLeft, left, pos => {
-      if (this.container) this.container.scrollLeft = pos;
+    easeOutScroll(scrollLeft.current, left, pos => {
+      if (container.current) container.current.scrollLeft = pos;
     });
   } else {
-    if (this.container) this.container.scrollLeft = left;
+    if (container.current) container.current.scrollLeft = left;
   }
-  this._scrollLeft = left;
+  scrollLeft.current = left;
 }
-class ScrollView extends React.Component {
-  constructor() {
-    super(...arguments);
-    this._scrollTop = null;
-    this._scrollLeft = null;
-    this.container = null;
-    this.onTouchMove = e => {
-      e.stopPropagation();
-    };
-  }
-  componentDidMount() {
-    this.handleScroll(this.props, true);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    this.handleScroll(nextProps);
-  }
-  handleScroll(props) {
+function ScrollView(props) {
+  const _scrollTop = useRef(null);
+  const _scrollLeft = useRef(null);
+  const container = useRef(null);
+  const onTouchMove = e => {
+    e.stopPropagation();
+  };
+  const handleScroll = function (props) {
     let isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     // scrollIntoView
     if (props.scrollIntoView && typeof props.scrollIntoView === 'string' && document && document.querySelector && document.querySelector(`#${props.scrollIntoView}`)) {
@@ -89,97 +82,100 @@ class ScrollView extends React.Component {
     } else {
       const isAnimation = !!props.scrollWithAnimation;
       // Y 轴滚动
-      if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== this._scrollTop) {
+      if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {
         if (isInit) {
-          setTimeout(() => scrollVertical.bind(this)(props.scrollTop, isAnimation), 10);
+          setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10);
         } else {
-          scrollVertical.bind(this)(props.scrollTop, isAnimation);
+          scrollVertical(container, _scrollTop, props.scrollTop, isAnimation);
         }
       }
       // X 轴滚动
-      if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== this._scrollLeft) {
+      if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {
         if (isInit) {
-          setTimeout(() => scrollHorizontal.bind(this)(props.scrollLeft, isAnimation), 10);
+          setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10);
         } else {
-          scrollHorizontal.bind(this)(props.scrollLeft, isAnimation);
+          scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation);
         }
       }
     }
-  }
-  render() {
+  };
+  useEffect(() => {
+    handleScroll(props, true);
+  }, []);
+  const {
+    className,
+    style = {},
+    onScroll,
+    onScrollToUpper,
+    onScrollToLower,
+    scrollX,
+    scrollY
+  } = props;
+  let {
+    upperThreshold = 50,
+    lowerThreshold = 50
+  } = props;
+  const cls = classNames('taro-scroll', {
+    'taro-scroll-view__scroll-x': scrollX,
+    'taro-scroll-view__scroll-y': scrollY
+  }, className);
+  upperThreshold = Number(upperThreshold);
+  lowerThreshold = Number(lowerThreshold);
+  const upperAndLower = e => {
+    if (!container.current) return;
     const {
-      className,
-      style = {},
-      onScroll,
-      onScrollToUpper,
-      onScrollToLower,
-      onTouchMove,
-      scrollX,
-      scrollY
-    } = this.props;
-    let {
-      upperThreshold = 50,
-      lowerThreshold = 50
-    } = this.props;
-    const cls = classNames('taro-scroll', {
-      'taro-scroll-view__scroll-x': scrollX,
-      'taro-scroll-view__scroll-y': scrollY
-    }, className);
-    upperThreshold = Number(upperThreshold);
-    lowerThreshold = Number(lowerThreshold);
-    const upperAndLower = e => {
-      if (!this.container) return;
-      const {
-        offsetWidth,
-        offsetHeight,
+      offsetWidth,
+      offsetHeight,
+      scrollLeft,
+      scrollTop,
+      scrollHeight,
+      scrollWidth
+    } = container.current;
+    if (onScrollToLower && (props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
+      onScrollToLower(e);
+    }
+    if (onScrollToUpper && (props.scrollY && scrollTop <= upperThreshold || props.scrollX && scrollLeft <= upperThreshold)) {
+      onScrollToUpper(e);
+    }
+  };
+  const upperAndLowerThrottle = throttle(upperAndLower, 200);
+  const _onScroll = e => {
+    const {
+      scrollLeft,
+      scrollTop,
+      scrollHeight,
+      scrollWidth
+    } = container.current;
+    _scrollLeft.current = scrollLeft;
+    _scrollTop.current = scrollTop;
+    Object.defineProperty(e, 'detail', {
+      enumerable: true,
+      writable: true,
+      value: {
         scrollLeft,
         scrollTop,
         scrollHeight,
         scrollWidth
-      } = this.container;
-      if (onScrollToLower && (this.props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || this.props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
-        onScrollToLower(e);
       }
-      if (onScrollToUpper && (this.props.scrollY && scrollTop <= upperThreshold || this.props.scrollX && scrollLeft <= upperThreshold)) {
-        onScrollToUpper(e);
+    });
+    upperAndLowerThrottle(e);
+    onScroll && onScroll(e);
+  };
+  const _onTouchMove = e => {
+    isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e);
+  };
+  return /*#__PURE__*/jsx("div", {
+    ref: e => {
+      if (e) {
+        container.current = e;
       }
-    };
-    const upperAndLowerThrottle = throttle(upperAndLower, 200);
-    const _onScroll = e => {
-      const {
-        scrollLeft,
-        scrollTop,
-        scrollHeight,
-        scrollWidth
-      } = this.container;
-      this._scrollLeft = scrollLeft;
-      this._scrollTop = scrollTop;
-      Object.defineProperty(e, 'detail', {
-        enumerable: true,
-        writable: true,
-        value: {
-          scrollLeft,
-          scrollTop,
-          scrollHeight,
-          scrollWidth
-        }
-      });
-      upperAndLowerThrottle(e);
-      onScroll && onScroll(e);
-    };
-    const _onTouchMove = e => {
-      onTouchMove ? onTouchMove(e) : this.onTouchMove(e);
-    };
-    return React.createElement("div", {
-      ref: container => {
-        this.container = container;
-      },
-      style: style,
-      className: cls,
-      onScroll: _onScroll,
-      onTouchMove: _onTouchMove
-    }, this.props.children);
-  }
+    },
+    style: style,
+    className: cls,
+    onScroll: _onScroll,
+    onTouchMove: _onTouchMove,
+    children: props.children
+  });
 }
 
 export { ScrollView as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/scroll-view/index.tsx"],"sourcesContent":["import './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 = '', isHorizontal = false, animated = true, scrollIntoViewAlignment?: ScrollLogicalPosition) {\n  document.querySelector(`#${id}`)?.scrollIntoView({\n    behavior: animated ? 'smooth' : 'auto',\n    block: !isHorizontal ? (scrollIntoViewAlignment || 'center') : 'center',\n    inline: isHorizontal ? (scrollIntoViewAlignment || 'start') : '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  scrollIntoViewAlignment?: ScrollLogicalPosition\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: IProps, 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      const isHorizontal = props.scrollX && !props.scrollY\n      if (isInit) {\n        setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500)\n      } else {\n        scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment)\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","arguments","length","undefined","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","scrollIntoView","id","isHorizontal","animated","scrollIntoViewAlignment","_a","document","querySelector","behavior","block","inline","scrollVertical","top","isAnimation","_scrollTop","pos","container","scrollTop","scrollHorizontal","left","_scrollLeft","scrollLeft","ScrollView","React","Component","constructor","onTouchMove","e","stopPropagation","componentDidMount","handleScroll","props","UNSAFE_componentWillReceiveProps","nextProps","isInit","scrollX","scrollY","setTimeout","scrollWithAnimation","bind","render","className","style","onScroll","onScrollToUpper","onScrollToLower","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","createElement","ref","children"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/scroll-view/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport { isFunction } from '@tarojs/shared'\nimport classNames from 'classnames'\n\nimport { throttle } from '../../utils'\nimport { useEffect, useRef } from '../../utils/hooks'\n\nimport type React from 'react'\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 = '', isHorizontal = false, animated = true, scrollIntoViewAlignment?: ScrollLogicalPosition) {\n  document.querySelector(`#${id}`)?.scrollIntoView({\n    behavior: animated ? 'smooth' : 'auto',\n    block: !isHorizontal ? (scrollIntoViewAlignment || 'center') : 'center',\n    inline: isHorizontal ? (scrollIntoViewAlignment || 'start') : 'start'\n  })\n}\n\nfunction scrollVertical (container, scrollTop, top, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(scrollTop.current, top, pos => {\n      if (container.current) container.current.scrollTop = pos\n    })\n  } else {\n    if (container.current) container.current.scrollTop = top\n  }\n  scrollTop.current = top\n}\n\nfunction scrollHorizontal (container, scrollLeft, left, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(scrollLeft.current, left, pos => {\n      if (container.current) container.current.scrollLeft = pos\n    })\n  } else {\n    if (container.current) container.current.scrollLeft = left\n  }\n  scrollLeft.current = 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  scrollIntoViewAlignment?: ScrollLogicalPosition\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\nfunction ScrollView (props: IProps) {\n  const _scrollTop = useRef<any>(null)\n  const _scrollLeft = useRef<any>(null)\n  const container = useRef<any>(null)\n  const onTouchMove = (e) => {\n    e.stopPropagation()\n  }\n\n  const handleScroll = (props: IProps, 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      const isHorizontal = props.scrollX && !props.scrollY\n      if (isInit) {\n        setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500)\n      } else {\n        scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment)\n      }\n    } else {\n      const isAnimation = !!props.scrollWithAnimation\n      // Y 轴滚动\n      if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {\n        if (isInit) {\n          setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10)\n        } else {\n          scrollVertical(container, _scrollTop, props.scrollTop, isAnimation)\n        }\n      }\n      // X 轴滚动\n      if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {\n        if (isInit) {\n          setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10)\n        } else {\n          scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation)\n        }\n      }\n    }\n  }\n\n  useEffect(() => {\n    handleScroll(props, true)\n  }, [])\n\n  const {\n    className,\n    style = {},\n    onScroll,\n    onScrollToUpper,\n    onScrollToLower,\n    scrollX,\n    scrollY\n  } = props\n  let { upperThreshold = 50, lowerThreshold = 50 } = 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 (!container.current) return\n    const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current\n    if (\n      onScrollToLower &&\n      ((props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n        (props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n    ) {\n      onScrollToLower(e)\n    }\n    if (\n      onScrollToUpper &&\n      ((props.scrollY && scrollTop <= upperThreshold) || (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 } = container.current\n    _scrollLeft.current = scrollLeft\n    _scrollTop.current = 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    isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e)\n  }\n  return (\n    <div\n      ref={e => {\n        if (e) {\n          container.current = e\n        }\n      }}\n      style={style}\n      className={cls}\n      onScroll={_onScroll}\n      onTouchMove={_onTouchMove}\n    >\n      {props.children}\n    </div>\n  )\n}\n\nexport default ScrollView\n"],"names":["easeOutScroll","from","arguments","length","undefined","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","scrollIntoView","id","isHorizontal","animated","scrollIntoViewAlignment","_a","document","querySelector","behavior","block","inline","scrollVertical","container","scrollTop","top","isAnimation","current","pos","scrollHorizontal","scrollLeft","left","ScrollView","props","_scrollTop","useRef","_scrollLeft","onTouchMove","e","stopPropagation","handleScroll","isInit","scrollX","scrollY","setTimeout","scrollWithAnimation","useEffect","className","style","onScroll","onScrollToUpper","onScrollToLower","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","isFunction","_jsx","ref","children"],"mappings":";;;;;;;AAUA,SAASA,aAAaA,GAA4B;AAAA,EAAA,IAA1BC,IAAI,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AAAA,EAAA,IAAEG,EAAE,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;EAAA,IAAEI,QAAQ,GAAAJ,SAAA,CAAAC,MAAA,GAAAD,CAAAA,GAAAA,SAAA,MAAAE,SAAA,CAAA;EAChD,IAAIH,IAAI,KAAKI,EAAE,IAAI,OAAOJ,IAAI,KAAK,QAAQ,EAAE;AAC3C,IAAA,OAAA;AACD,GAAA;AACD,EAAA,MAAMM,MAAM,GAAGF,EAAE,GAAGJ,IAAI,CAAA;EACxB,MAAMO,GAAG,GAAG,GAAG,CAAA;AACf,EAAA,MAAMC,KAAK,GAAG,CAAC,IAAIC,IAAI,EAAE,CAAA;EACzB,SAASC,MAAMA,CAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,EAAA;AACzB,IAAA,OAAQD,CAAC,GAAGF,CAAC,GAAIG,CAAC,GAAGF,CAAC,CAAA;AACxB,GAAA;AACA,EAAA,MAAMG,QAAQ,GAAGX,EAAE,IAAIJ,IAAI,CAAA;EAE3B,SAASgB,IAAIA,GAAA;AACXhB,IAAAA,IAAI,GAAGU,MAAM,CAAC,CAAC,IAAID,IAAI,EAAE,GAAGD,KAAK,EAAER,IAAI,EAAEM,MAAM,EAAEC,GAAG,CAAC,CAAA;AACrD,IAAA,IAAKQ,QAAQ,IAAIf,IAAI,IAAII,EAAE,IAAM,CAACW,QAAQ,IAAIX,EAAE,IAAIJ,IAAK,EAAE;MACzDK,QAAQ,CAACD,EAAE,CAAC,CAAA;AACZ,MAAA,OAAA;AACD,KAAA;IACDC,QAAQ,CAACL,IAAI,CAAC,CAAA;IACdiB,qBAAqB,CAACD,IAAI,CAAC,CAAA;AAC7B,GAAA;AACAA,EAAAA,IAAI,EAAE,CAAA;AACR,CAAA;AAEA,SAASE,cAAcA,GAAiG;AAAA,EAAA,IAA/FC,EAAE,GAAAlB,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;AAAA,EAAA,IAAEmB,YAAY,GAAAnB,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;AAAA,EAAA,IAAEoB,QAAQ,GAAApB,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;EAAA,IAAEqB,uBAA+C,GAAArB,SAAA,CAAAC,MAAA,GAAAD,CAAAA,GAAAA,SAAA,MAAAE,SAAA,CAAA;;EACtH,CAAAoB,EAAA,GAAAC,QAAQ,CAACC,aAAa,CAAC,CAAIN,CAAAA,EAAAA,EAAI,CAAA,CAAA,CAAC,MAAE,IAAA,IAAAI,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAL,cAAc,CAAC;AAC/CQ,IAAAA,QAAQ,EAAEL,QAAQ,GAAG,QAAQ,GAAG,MAAM;IACtCM,KAAK,EAAE,CAACP,YAAY,GAAIE,uBAAuB,IAAI,QAAQ,GAAI,QAAQ;AACvEM,IAAAA,MAAM,EAAER,YAAY,GAAIE,uBAAuB,IAAI,OAAO,GAAI,OAAA;AAC/D,GAAA,CAAC,CAAA;AACJ,CAAA;AAEA,SAASO,cAAcA,CAAEC,SAAS,EAAEC,SAAS,EAAEC,GAAG,EAAEC,WAAW,EAAA;AAC7D,EAAA,IAAIA,WAAW,EAAE;IACflC,aAAa,CAACgC,SAAS,CAACG,OAAO,EAAEF,GAAG,EAAEG,GAAG,IAAG;MAC1C,IAAIL,SAAS,CAACI,OAAO,EAAEJ,SAAS,CAACI,OAAO,CAACH,SAAS,GAAGI,GAAG,CAAA;AAC1D,KAAC,CAAC,CAAA;AACH,GAAA,MAAM;IACL,IAAIL,SAAS,CAACI,OAAO,EAAEJ,SAAS,CAACI,OAAO,CAACH,SAAS,GAAGC,GAAG,CAAA;AACzD,GAAA;EACDD,SAAS,CAACG,OAAO,GAAGF,GAAG,CAAA;AACzB,CAAA;AAEA,SAASI,gBAAgBA,CAAEN,SAAS,EAAEO,UAAU,EAAEC,IAAI,EAAEL,WAAW,EAAA;AACjE,EAAA,IAAIA,WAAW,EAAE;IACflC,aAAa,CAACsC,UAAU,CAACH,OAAO,EAAEI,IAAI,EAAEH,GAAG,IAAG;MAC5C,IAAIL,SAAS,CAACI,OAAO,EAAEJ,SAAS,CAACI,OAAO,CAACG,UAAU,GAAGF,GAAG,CAAA;AAC3D,KAAC,CAAC,CAAA;AACH,GAAA,MAAM;IACL,IAAIL,SAAS,CAACI,OAAO,EAAEJ,SAAS,CAACI,OAAO,CAACG,UAAU,GAAGC,IAAI,CAAA;AAC3D,GAAA;EACDD,UAAU,CAACH,OAAO,GAAGI,IAAI,CAAA;AAC3B,CAAA;AAmBA,SAASC,UAAUA,CAAEC,KAAa,EAAA;AAChC,EAAA,MAAMC,UAAU,GAAGC,MAAM,CAAM,IAAI,CAAC,CAAA;AACpC,EAAA,MAAMC,WAAW,GAAGD,MAAM,CAAM,IAAI,CAAC,CAAA;AACrC,EAAA,MAAMZ,SAAS,GAAGY,MAAM,CAAM,IAAI,CAAC,CAAA;EACnC,MAAME,WAAW,GAAIC,CAAC,IAAI;IACxBA,CAAC,CAACC,eAAe,EAAE,CAAA;GACpB,CAAA;AAED,EAAA,MAAMC,YAAY,GAAG,UAACP,KAAa,EAAoB;AAAA,IAAA,IAAlBQ,MAAM,GAAA/C,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;AACjD;IACA,IACEuC,KAAK,CAACtB,cAAc,IACpB,OAAOsB,KAAK,CAACtB,cAAc,KAAK,QAAQ,IACxCM,QAAQ,IACRA,QAAQ,CAACC,aAAa,IACtBD,QAAQ,CAACC,aAAa,CAAC,CAAIe,CAAAA,EAAAA,KAAK,CAACtB,cAAgB,CAAA,CAAA,CAAC,EAClD;MACA,MAAME,YAAY,GAAGoB,KAAK,CAACS,OAAO,IAAI,CAACT,KAAK,CAACU,OAAO,CAAA;AACpD,MAAA,IAAIF,MAAM,EAAE;QACVG,UAAU,CAAC,MAAMjC,cAAc,CAACsB,KAAK,CAACtB,cAAc,EAAEsB,KAAK,CAACY,mBAAmB,EAAEhC,YAAY,EAAEoB,KAAK,CAAClB,uBAAuB,CAAC,EAAE,GAAG,CAAC,CAAA;AACpI,OAAA,MAAM;AACLJ,QAAAA,cAAc,CAACsB,KAAK,CAACtB,cAAc,EAAEsB,KAAK,CAACY,mBAAmB,EAAEhC,YAAY,EAAEoB,KAAK,CAAClB,uBAAuB,CAAC,CAAA;AAC7G,OAAA;AACF,KAAA,MAAM;AACL,MAAA,MAAMW,WAAW,GAAG,CAAC,CAACO,KAAK,CAACY,mBAAmB,CAAA;AAC/C;AACA,MAAA,IAAIZ,KAAK,CAACU,OAAO,IAAI,OAAOV,KAAK,CAACT,SAAS,KAAK,QAAQ,IAAIS,KAAK,CAACT,SAAS,KAAKU,UAAU,CAACP,OAAO,EAAE;AAClG,QAAA,IAAIc,MAAM,EAAE;AACVG,UAAAA,UAAU,CAAC,MAAMtB,cAAc,CAACC,SAAS,EAAEW,UAAU,EAAED,KAAK,CAACT,SAAS,EAAEE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAA;AAC1F,SAAA,MAAM;UACLJ,cAAc,CAACC,SAAS,EAAEW,UAAU,EAAED,KAAK,CAACT,SAAS,EAAEE,WAAW,CAAC,CAAA;AACpE,SAAA;AACF,OAAA;AACD;AACA,MAAA,IAAIO,KAAK,CAACS,OAAO,IAAI,OAAOT,KAAK,CAACH,UAAU,KAAK,QAAQ,IAAIG,KAAK,CAACH,UAAU,KAAKM,WAAW,CAACT,OAAO,EAAE;AACrG,QAAA,IAAIc,MAAM,EAAE;AACVG,UAAAA,UAAU,CAAC,MAAMf,gBAAgB,CAACN,SAAS,EAAEa,WAAW,EAAEH,KAAK,CAACH,UAAU,EAAEJ,WAAW,CAAC,EAAE,EAAE,CAAC,CAAA;AAC9F,SAAA,MAAM;UACLG,gBAAgB,CAACN,SAAS,EAAEa,WAAW,EAAEH,KAAK,CAACH,UAAU,EAAEJ,WAAW,CAAC,CAAA;AACxE,SAAA;AACF,OAAA;AACF,KAAA;GACF,CAAA;AAEDoB,EAAAA,SAAS,CAAC,MAAK;AACbN,IAAAA,YAAY,CAACP,KAAK,EAAE,IAAI,CAAC,CAAA;GAC1B,EAAE,EAAE,CAAC,CAAA;EAEN,MAAM;IACJc,SAAS;IACTC,KAAK,GAAG,EAAE;IACVC,QAAQ;IACRC,eAAe;IACfC,eAAe;IACfT,OAAO;AACPC,IAAAA,OAAAA;AACD,GAAA,GAAGV,KAAK,CAAA;EACT,IAAI;AAAEmB,IAAAA,cAAc,GAAG,EAAE;AAAEC,IAAAA,cAAc,GAAG,EAAA;AAAE,GAAE,GAAGpB,KAAK,CAAA;AACxD,EAAA,MAAMqB,GAAG,GAAGC,UAAU,CACpB,aAAa,EACb;AACE,IAAA,4BAA4B,EAAEb,OAAO;AACrC,IAAA,4BAA4B,EAAEC,OAAAA;GAC/B,EACDI,SAAS,CACV,CAAA;AACDK,EAAAA,cAAc,GAAGI,MAAM,CAACJ,cAAc,CAAC,CAAA;AACvCC,EAAAA,cAAc,GAAGG,MAAM,CAACH,cAAc,CAAC,CAAA;EACvC,MAAMI,aAAa,GAAGnB,CAAC,IAAG;AACxB,IAAA,IAAI,CAACf,SAAS,CAACI,OAAO,EAAE,OAAA;IACxB,MAAM;MAAE+B,WAAW;MAAEC,YAAY;MAAE7B,UAAU;MAAEN,SAAS;MAAEoC,YAAY;AAAEC,MAAAA,WAAAA;KAAa,GAAGtC,SAAS,CAACI,OAAO,CAAA;IACzG,IACEwB,eAAe,KACblB,KAAK,CAACU,OAAO,IAAIgB,YAAY,GAAGnC,SAAS,GAAG6B,cAAc,IAAIO,YAAY,IACzE3B,KAAK,CAACS,OAAO,IAAIgB,WAAW,GAAG5B,UAAU,GAAGuB,cAAc,IAAIQ,WAAY,CAAC,EAC9E;MACAV,eAAe,CAACb,CAAC,CAAC,CAAA;AACnB,KAAA;AACD,IAAA,IACEY,eAAe,KACbjB,KAAK,CAACU,OAAO,IAAInB,SAAS,IAAI4B,cAAc,IAAMnB,KAAK,CAACS,OAAO,IAAIZ,UAAU,IAAIsB,cAAe,CAAC,EACnG;MACAF,eAAe,CAACZ,CAAC,CAAC,CAAA;AACnB,KAAA;GACF,CAAA;AACD,EAAA,MAAMwB,qBAAqB,GAAGC,QAAQ,CAACN,aAAa,EAAE,GAAG,CAAC,CAAA;EAC1D,MAAMO,SAAS,GAAG1B,CAAC,IAAG;IACpB,MAAM;MAAER,UAAU;MAAEN,SAAS;MAAEoC,YAAY;AAAEC,MAAAA,WAAAA;KAAa,GAAGtC,SAAS,CAACI,OAAO,CAAA;IAC9ES,WAAW,CAACT,OAAO,GAAGG,UAAU,CAAA;IAChCI,UAAU,CAACP,OAAO,GAAGH,SAAS,CAAA;AAC9ByC,IAAAA,MAAM,CAACC,cAAc,CAAC5B,CAAC,EAAE,QAAQ,EAAE;AACjC6B,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,KAAK,EAAE;QACLvC,UAAU;QACVN,SAAS;QACToC,YAAY;AACZC,QAAAA,WAAAA;AACD,OAAA;AACF,KAAA,CAAC,CAAA;IACFC,qBAAqB,CAACxB,CAAC,CAAC,CAAA;AACxBW,IAAAA,QAAQ,IAAIA,QAAQ,CAACX,CAAC,CAAC,CAAA;GACxB,CAAA;EACD,MAAMgC,YAAY,GAAGhC,CAAC,IAAG;AACvBiC,IAAAA,UAAU,CAACtC,KAAK,CAACI,WAAW,CAAC,GAAGJ,KAAK,CAACI,WAAW,CAACC,CAAC,CAAC,GAAGD,WAAW,CAACC,CAAC,CAAC,CAAA;GACtE,CAAA;AACD,EAAA,oBACEkC,GAAA,CAAA,KAAA,EAAA;IACEC,GAAG,EAAEnC,CAAC,IAAG;AACP,MAAA,IAAIA,CAAC,EAAE;QACLf,SAAS,CAACI,OAAO,GAAGW,CAAC,CAAA;AACtB,OAAA;KACD;AACFU,IAAAA,KAAK,EAAEA,KAAM;AACbD,IAAAA,SAAS,EAAEO,GAAI;AACfL,IAAAA,QAAQ,EAAEe,SAAU;AACpB3B,IAAAA,WAAW,EAAEiC,YAAa;IAAAI,QAAA,EAEzBzC,KAAK,CAACyC,QAAAA;AAAQ,GACZ,CAAC,CAAA;AAEV;;;;"}

package/dist/components/swiper/index.js

@@ -2,9 +2,10 @@ import { __rest } from 'tslib';
 import 'swiper/swiper-bundle.min.css';
 import './style/index.css.js';
 import classNames from 'classnames';
-import React from 'react';
+import React__default from 'react';
 import Swipers from 'swiper/swiper-bundle.esm.js';
 import { debounce } from '../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 let INSTANCE_ID = 0;
 const createEvent = type => {
@@ -17,7 +18,7 @@ const createEvent = type => {
   }
   return e;
 };
-class SwiperItem extends React.Component {
+class SwiperItem extends React__default.Component {
   render() {
     const _a = this.props,
       {
@@ -28,14 +29,16 @@ class SwiperItem extends React.Component {
       } = _a,
       restProps = __rest(_a, ["className", "style", "itemId", "children"]);
     const cls = classNames('swiper-slide', className);
-    return React.createElement("div", Object.assign({
+    return /*#__PURE__*/jsx("div", {
       className: cls,
       style: style,
-      "item-id": itemId
-    }, restProps), children);
+      "item-id": itemId,
+      ...restProps,
+      children: children
+    });
   }
 }
-class Swiper extends React.Component {
+class Swiper extends React__default.Component {
   constructor() {
     super(...arguments);
     this._id = 1 + INSTANCE_ID++;
@@ -250,29 +253,32 @@ class Swiper extends React.Component {
       'swiper-pagination-hidden': !this.props.indicatorDots,
       'swiper-pagination-bullets': this.props.indicatorDots
     });
-    return React.createElement("div", {
+    return /*#__PURE__*/jsx("div", {
       className: `swiper-container-wrapper ${cls}`,
-      style: sty
-    }, React.createElement("div", {
-      className: 'swiper-container',
-      style: {
-        overflow: 'visible'
-      },
-      ref: el => {
-        this.$el = el;
-      }
-    }, React.createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: `<style type='text/css'>
+      style: sty,
+      children: /*#__PURE__*/jsxs("div", {
+        className: "swiper-container",
+        style: {
+          overflow: 'visible'
+        },
+        ref: el => {
+          this.$el = el;
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          dangerouslySetInnerHTML: {
+            __html: `<style type='text/css'>
               .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ${defaultIndicatorColor} }
               .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ${defaultIndicatorActiveColor} }
               </style>`
-      }
-    }), React.createElement("div", {
-      className: 'swiper-wrapper'
-    }, this.props.children), React.createElement("div", {
-      className: paginationCls
-    })));
+          }
+        }), /*#__PURE__*/jsx("div", {
+          className: "swiper-wrapper",
+          children: this.props.children
+        }), /*#__PURE__*/jsx("div", {
+          className: paginationCls
+        })]
+      })
+    });
   }
 }