@tarojs/components-react 4.1.4-beta.13 → 4.1.4-beta.14

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

@@ -0,0 +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\nimport { createForwardRefComponent } from '../../utils/index'\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  forwardedRef?: React.MutableRefObject<HTMLBaseElement>\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, forwardedRef, ...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          if (forwardedRef) {\r\n            forwardedRef.current = el\r\n          }\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 createForwardRefComponent(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","forwardedRef","restProps","__rest","renderRefresh","cls","cla","classNames","showIndicator","_jsx","_jsxs","ref","el","current","containerRef","defaultProps","createForwardRefComponent"],"mappings":"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"}

package/dist/components/pull-down-refresh/style/index.css.js

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=index.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,184 @@
+import './style/index.css.js';
+import { isFunction } from '@tarojs/shared';
+import classNames from 'classnames';
+import { throttle, createForwardRefComponent } from '../../utils/index.js';
+import { useRef, useEffect } from '../../utils/hooks.react.js';
+import { jsx } from 'react/jsx-runtime';
+
+function easeOutScroll() {
+  let from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  let callback = arguments.length > 2 ? arguments[2] : undefined;
+  if (from === to || typeof from !== 'number') {
+    return;
+  }
+  const change = to - from;
+  const dur = 500;
+  const sTime = +new Date();
+  function linear(t, b, c, d) {
+    return c * t / d + b;
+  }
+  const 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() {
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  let scrollIntoViewAlignment = arguments.length > 3 ? arguments[3] : undefined;
+  var _a;
+  (_a = document.querySelector(`#${id}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+    behavior: animated ? 'smooth' : 'auto',
+    block: !isHorizontal ? scrollIntoViewAlignment || 'center' : 'center',
+    inline: isHorizontal ? scrollIntoViewAlignment || 'start' : 'start'
+  });
+}
+function scrollVertical(container, scrollTop, top, isAnimation) {
+  if (isAnimation) {
+    easeOutScroll(scrollTop.current, top, pos => {
+      if (container.current) container.current.scrollTop = pos;
+    });
+  } else {
+    if (container.current) container.current.scrollTop = top;
+  }
+  scrollTop.current = top;
+}
+function scrollHorizontal(container, scrollLeft, left, isAnimation) {
+  if (isAnimation) {
+    easeOutScroll(scrollLeft.current, left, pos => {
+      if (container.current) container.current.scrollLeft = pos;
+    });
+  } else {
+    if (container.current) container.current.scrollLeft = left;
+  }
+  scrollLeft.current = left;
+}
+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}`)) {
+      const isHorizontal = props.scrollX && !props.scrollY;
+      if (isInit) {
+        setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500);
+      } else {
+        scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment);
+      }
+    } else {
+      const isAnimation = !!props.scrollWithAnimation;
+      // Y 轴滚动
+      if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {
+        if (isInit) {
+          setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10);
+        } else {
+          scrollVertical(container, _scrollTop, props.scrollTop, isAnimation);
+        }
+      }
+      // X 轴滚动
+      if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {
+        if (isInit) {
+          setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10);
+        } else {
+          scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation);
+        }
+      }
+    }
+  };
+  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 {
+      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
+      }
+    });
+    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;
+        if (props.forwardedRef) props.forwardedRef.current = e;
+      }
+    },
+    style: style,
+    className: cls,
+    onScroll: _onScroll,
+    onTouchMove: _onTouchMove,
+    children: props.children
+  });
+}
+var index = createForwardRefComponent(ScrollView);
+
+export { index as default };
+//# sourceMappingURL=index.js.map

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 './style/index.css'\n\nimport { isFunction } from '@tarojs/shared'\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, 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  forwardedRef?: React.MutableRefObject<HTMLDivElement>\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          if (props.forwardedRef) props.forwardedRef.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 createForwardRefComponent(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","forwardedRef","children","createForwardRefComponent"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=index.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}