@arco-design/mobile-react 2.25.3 → 2.26.0

package/esm/popup-swiper/index.js

@@ -9,41 +9,45 @@ import { open } from './methods';
 import { getStyleWithVendor, useRefState } from '../_helpers';
 var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    visible = props.visible,
-    children = props.children,
-    maskStyle = props.maskStyle,
-    contentStyle = props.contentStyle,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'bottom' : _props$direction,
-    _props$percentToClose = props.percentToClose,
-    percentToClose = _props$percentToClose === void 0 ? 0.3 : _props$percentToClose,
-    _props$distanceToClos = props.distanceToClose,
-    distanceToClose = _props$distanceToClos === void 0 ? 10 : _props$distanceToClos,
-    _props$speedToClose = props.speedToClose,
-    speedToClose = _props$speedToClose === void 0 ? 200 : _props$speedToClose,
-    allowSwipeDirections = props.allowSwipeDirections,
-    exitDirection = props.exitDirection,
-    onTouchMove = props.onTouchMove,
-    onTouchStart = props.onTouchStart,
-    onTouchEnd = props.onTouchEnd,
-    _onOpen = props.onOpen,
-    _onClose = props.onClose,
-    close = props.close,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      className = _props$className === void 0 ? '' : _props$className,
+      visible = props.visible,
+      children = props.children,
+      maskStyle = props.maskStyle,
+      contentStyle = props.contentStyle,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'bottom' : _props$direction,
+      _props$percentToClose = props.percentToClose,
+      percentToClose = _props$percentToClose === void 0 ? 0.3 : _props$percentToClose,
+      _props$distanceToClos = props.distanceToClose,
+      distanceToClose = _props$distanceToClos === void 0 ? 10 : _props$distanceToClos,
+      _props$speedToClose = props.speedToClose,
+      speedToClose = _props$speedToClose === void 0 ? 200 : _props$speedToClose,
+      allowSwipeDirections = props.allowSwipeDirections,
+      exitDirection = props.exitDirection,
+      onTouchMove = props.onTouchMove,
+      onTouchStart = props.onTouchStart,
+      onTouchEnd = props.onTouchEnd,
+      _onOpen = props.onOpen,
+      _onClose = props.onClose,
+      close = props.close,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   var _useState = useState(visible),
-    opened = _useState[0],
-    setOpened = _useState[1];
+      opened = _useState[0],
+      setOpened = _useState[1];
+
   var _useRefState = useRefState({
-      direction: 'X',
-      value: 0
-    }),
-    distance = _useRefState[0],
-    distanceRef = _useRefState[1],
-    setDistance = _useRefState[2];
+    direction: 'X',
+    value: 0
+  }),
+      distance = _useRefState[0],
+      distanceRef = _useRefState[1],
+      setDistance = _useRefState[2];
+
   var _useState2 = useState(false),
-    hasTrans = _useState2[0],
-    setHasTrans = _useState2[1];
+      hasTrans = _useState2[0],
+      setHasTrans = _useState2[1];
+
   var popupRef = useRef(null);
   var touchStartXRef = useRef(0);
   var touchStartYRef = useRef(0);
@@ -51,6 +55,7 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
   var hasTouchStartRef = useRef(false);
   var getContentSize = useCallback(function (direc) {
     var _popupRef$current;
+
     var contentDom = (_popupRef$current = popupRef.current) == null ? void 0 : _popupRef$current.content;
     var contentWidth = (contentDom == null ? void 0 : contentDom.offsetWidth) || 0;
     var contentHeight = (contentDom == null ? void 0 : contentDom.offsetHeight) || 0;
@@ -59,7 +64,7 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
   }, []);
   var getPercent = useCallback(function (dis) {
     var direc = dis.direction,
-      value = dis.value;
+        value = dis.value;
     var contentSize = getContentSize(direc);
     return contentSize ? Math.max(0, Math.min(1, Math.abs(value) / contentSize)) : 0;
   }, []);
@@ -71,9 +76,11 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [allowSwipeDirections, direction]);
   var handleTouchStart = useCallback(function (e) {
     var _e$touches, _e$touches$, _e$touches2, _e$touches2$;
+
     if (onTouchStart && onTouchStart(e)) {
       return;
     }
+
     setHasTrans(false);
     hasTouchStartRef.current = true;
     touchStartXRef.current = ((_e$touches = e.touches) == null ? void 0 : (_e$touches$ = _e$touches[0]) == null ? void 0 : _e$touches$.clientX) || 0;
@@ -84,20 +91,25 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
     if (direc === 'X') {
       return disX > 0 ? 'right' : 'left';
     }
+
     return disY > 0 ? 'bottom' : 'top';
   }, []);
   var handleTouchMove = useCallback(function (e, prevented, direc) {
     var _popupRef$current2, _e$changedTouches, _e$changedTouches$, _e$changedTouches2, _e$changedTouches2$;
+
     if (onTouchMove && onTouchMove(e, prevented, direc)) {
       return;
-    }
-    // 如果prevented=false说明正在滚动，则专心处理滚动事件而不处理跟手退出
+    } // 如果prevented=false说明正在滚动，则专心处理滚动事件而不处理跟手退出
+
+
     if (!prevented) {
       hasTouchStartRef.current = false;
     }
+
     if (!hasTouchStartRef.current || e.target === ((_popupRef$current2 = popupRef.current) == null ? void 0 : _popupRef$current2.mask)) {
       return;
     }
+
     var touchMoveX = ((_e$changedTouches = e.changedTouches) == null ? void 0 : (_e$changedTouches$ = _e$changedTouches[0]) == null ? void 0 : _e$changedTouches$.clientX) || 0;
     var touchMoveY = ((_e$changedTouches2 = e.changedTouches) == null ? void 0 : (_e$changedTouches2$ = _e$changedTouches2[0]) == null ? void 0 : _e$changedTouches2$.clientY) || 0;
     var disX = touchMoveX < 0 ? 0 : touchMoveX - touchStartXRef.current;
@@ -107,6 +119,7 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
     var disDirection = exitDirection || movingFromDirec;
     var direcValue = ['top', 'bottom'].includes(disDirection) ? 'Y' : 'X';
     var direcRatio = ['bottom', 'right'].includes(disDirection) ? 1 : -1;
+
     switch (movingFromDirec) {
       case 'top':
       case 'bottom':
@@ -115,6 +128,7 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
           value: Math.abs(disY) * direcRatio
         });
         break;
+
       case 'left':
       case 'right':
         setDistance({
@@ -122,6 +136,7 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
           value: Math.abs(disX) * direcRatio
         });
         break;
+
       default:
         break;
     }
@@ -136,16 +151,19 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
     if (onTouchEnd && onTouchEnd(e)) {
       return;
     }
+
     if (!hasTouchStartRef.current) {
       return;
     }
+
     hasTouchStartRef.current = false;
     var touchEndTime = new Date().getTime();
     var _distanceRef$current = distanceRef.current,
-      direc = _distanceRef$current.direction,
-      value = _distanceRef$current.value;
+        direc = _distanceRef$current.direction,
+        value = _distanceRef$current.value;
     var per = getPercent(distanceRef.current);
     var speed = value / (touchEndTime - touchStartTimeRef.current) * 1000;
+
     if (per > 0 && per >= percentToClose && Math.abs(value) > distanceToClose || Math.abs(speed) > speedToClose) {
       setHasTrans(false);
       close(e);
@@ -162,6 +180,7 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
         value: 0
       });
     }
+
     touchStartTimeRef.current = 0;
   }, [onTouchEnd, percentToClose, distanceToClose, speedToClose, close]);
   useImperativeHandle(ref, function () {
@@ -169,15 +188,20 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   useEffect(function () {
     var _popupRef$current3;
+
     var contentDom = (_popupRef$current3 = popupRef.current) == null ? void 0 : _popupRef$current3.content;
+
     if (opened && contentDom) {
       contentDom.addEventListener('touchstart', handleTouchStart);
       contentDom.addEventListener('touchend', handleTouchEnd);
       contentDom.addEventListener('touchcancel', handleTouchEnd);
     }
+
     return function () {
       var _popupRef$current4;
+
       var ctDom = (_popupRef$current4 = popupRef.current) == null ? void 0 : _popupRef$current4.content;
+
       if (opened && ctDom) {
         ctDom.removeEventListener('touchstart', handleTouchStart);
         ctDom.removeEventListener('touchend', handleTouchEnd);
@@ -185,12 +209,14 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     };
   }, [opened, handleTouchStart, handleTouchEnd]);
+
   function getContentStyle() {
     var disStyle = getStyleWithVendor({
       transform: distance.value ? "translate" + distance.direction + "(" + distance.value + "px) translateZ(2px)" : void 0
     });
     return _extends({}, contentStyle || {}, disStyle);
   }
+
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement(Popup, _extends({
@@ -233,7 +259,6 @@ export function methodsGenerator(Comp) {
   };
 }
 var PopupSwiperWithGlobalContext = CompWithGlobalContext(PopupSwiper);
-
 /**
  * 基于弹出层(Popup)封装的具有手势关闭功能的弹出层组件，拥有 Popup 组件的其他能力。
  * @en The popup with gesture closing function based on the popup encapsulation, has other capabilities of the Popup component.
@@ -242,4 +267,5 @@ var PopupSwiperWithGlobalContext = CompWithGlobalContext(PopupSwiper);
  * @name 可滑动弹出层
  * @name_en PopupSwiper
  */
+
 export default componentWrapper(PopupSwiper, methodsGenerator(PopupSwiperWithGlobalContext));

package/esm/portal/index.js

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
+
 /**
  * React.createPortal的简单封装。
  * @en Simple wrapper for React.createPortal
@@ -10,10 +11,11 @@ import ReactDOM from 'react-dom';
  */
 export default function Portal(props) {
   var _useState = useState(),
-    container = _useState[0],
-    setContainer = _useState[1];
+      container = _useState[0],
+      setContainer = _useState[1];
+
   var children = props.children,
-    getContainer = props.getContainer;
+      getContainer = props.getContainer;
   useEffect(function () {
     setContainer(getContainer ? getContainer() : document.body);
   }, [getContainer]);

package/esm/progress/index.js

@@ -3,6 +3,7 @@ import { cls } from '@arco-design/mobile-utils';
 import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import { ContextLayout } from '../context-provider';
 import { getStyleWithVendor, useProgress } from '../_helpers';
+
 /**
  * 进度条组件，可根据外界传递进来的百分比进行进度展示
  * @en Progress bar, which can display progress according to the percentage passed in from the outside
@@ -13,46 +14,50 @@ import { getStyleWithVendor, useProgress } from '../_helpers';
  */
 var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'base' : _props$mode;
+      mode = _props$mode === void 0 ? 'base' : _props$mode;
   var percentage = Math.min(100, Math.max(props.percentage, 0));
   var top = props.top,
-    _props$percentPositio = props.percentPosition,
-    percentPosition = _props$percentPositio === void 0 ? 'right' : _props$percentPositio,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    style = props.style,
-    _props$showPercent = props.showPercent,
-    showPercent = _props$showPercent === void 0 ? mode === 'base' : _props$showPercent,
-    renderPercent = props.renderPercent,
-    trackColor = props.trackColor,
-    progressColor = props.progressColor,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    trackStroke = props.trackStroke,
-    progressStroke = props.progressStroke,
-    _props$duration = props.duration,
-    duration = _props$duration === void 0 ? 300 : _props$duration,
-    _props$step = props.step,
-    step = _props$step === void 0 ? 1 : _props$step,
-    _props$filleted = props.filleted,
-    filleted = _props$filleted === void 0 ? true : _props$filleted,
-    _props$mountedTransit = props.mountedTransition,
-    mountedTransition = _props$mountedTransit === void 0 ? true : _props$mountedTransit,
-    _props$mountedBezier = props.mountedBezier,
-    mountedBezier = _props$mountedBezier === void 0 ? [0.34, 0.69, 0.1, 1] : _props$mountedBezier;
+      _props$percentPositio = props.percentPosition,
+      percentPosition = _props$percentPositio === void 0 ? 'right' : _props$percentPositio,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      _props$showPercent = props.showPercent,
+      showPercent = _props$showPercent === void 0 ? mode === 'base' : _props$showPercent,
+      renderPercent = props.renderPercent,
+      trackColor = props.trackColor,
+      progressColor = props.progressColor,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      trackStroke = props.trackStroke,
+      progressStroke = props.progressStroke,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 300 : _props$duration,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
+      _props$filleted = props.filleted,
+      filleted = _props$filleted === void 0 ? true : _props$filleted,
+      _props$mountedTransit = props.mountedTransition,
+      mountedTransition = _props$mountedTransit === void 0 ? true : _props$mountedTransit,
+      _props$mountedBezier = props.mountedBezier,
+      mountedBezier = _props$mountedBezier === void 0 ? [0.34, 0.69, 0.1, 1] : _props$mountedBezier;
   var domRef = useRef(null);
+
   var _useProgress = useProgress(mountedTransition, percentage, duration, mountedBezier, step),
-    currentPercentage = _useProgress[0],
-    transitionControl = _useProgress[1];
+      currentPercentage = _useProgress[0],
+      transitionControl = _useProgress[1];
+
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current
     };
   });
+
   function renderText(position) {
     if (!showPercent) {
       return null;
     }
+
     if (position === 'follow') {
       return renderPercent !== void 0 ? renderPercent(currentPercentage) : /*#__PURE__*/React.createElement("div", {
         className: cls('text-follow', {
@@ -63,6 +68,7 @@ var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }, currentPercentage, "%");
     }
+
     if (position === percentPosition) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
@@ -73,8 +79,10 @@ var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
         })
       }, renderPercent !== void 0 ? renderPercent(currentPercentage) : currentPercentage + "%");
     }
+
     return null;
   }
+
   function renderBarProgress(_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
@@ -118,6 +126,7 @@ var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
       className: "wrapper"
     }, renderText('follow')) : null)), renderText('right'), renderText('innerLeft')));
   }
+
   return /*#__PURE__*/React.createElement(ContextLayout, null, renderBarProgress);
 });
 export default Progress;

package/esm/pull-refresh/android-pull-refresh.js

@@ -5,88 +5,100 @@ import { GlobalContext } from '../context-provider';
 import { PullRefreshStatus } from './model';
 import { useCommonState, useAddScrollEvents, useCheckAsStart } from './hooks';
 import { getStyleWithVendor } from '../_helpers';
+
 var dampRateCalculate = function dampRateCalculate(val, tipsHeight, dampRate) {
   return val > tipsHeight ? tipsHeight + (val - tipsHeight) / dampRate : val;
 };
+
 export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
   var _pullTextConfig;
+
   var _useContext = useContext(GlobalContext),
-    prefixCls = _useContext.prefixCls,
-    _useContext$locale = _useContext.locale,
-    locale = _useContext$locale === void 0 ? defaultLocale : _useContext$locale;
+      prefixCls = _useContext.prefixCls,
+      _useContext$locale = _useContext.locale,
+      locale = _useContext$locale === void 0 ? defaultLocale : _useContext$locale;
+
   var className = props.className,
-    style = props.style,
-    children = props.children,
-    _props$loosingText = props.loosingText,
-    loosingText = _props$loosingText === void 0 ? /*#__PURE__*/React.createElement("div", {
-      className: cls(prefixCls + "-pull-refresh-label-text")
-    }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
-    _props$loadingText = props.loadingText,
-    loadingText = _props$loadingText === void 0 ? /*#__PURE__*/React.createElement("div", {
-      className: cls(prefixCls + "-pull-refresh-label-text")
-    }, /*#__PURE__*/React.createElement(Loading, {
-      type: "circle",
-      radius: 4
-    }), /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
-    _props$pullingText = props.pullingText,
-    pullingText = _props$pullingText === void 0 ? /*#__PURE__*/React.createElement("div", {
-      className: cls(prefixCls + "-pull-refresh-label-text")
-    }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
-    _props$finishText = props.finishText,
-    finishText = _props$finishText === void 0 ? /*#__PURE__*/React.createElement("div", {
-      className: cls(prefixCls + "-pull-refresh-label-text")
-    }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
-    initialText = props.initialText,
-    _props$finishDelay = props.finishDelay,
-    finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
-    loosingMinHeight = props.loosingMinHeight,
-    _props$dampRate = props.dampRate,
-    dampRate = _props$dampRate === void 0 ? 4 : _props$dampRate,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$useHideAsNeste = props.useHideAsNestedScroll,
-    useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
-    onRefresh = props.onRefresh,
-    _props$allowPullWhenN = props.allowPullWhenNotTop,
-    allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN;
+      style = props.style,
+      children = props.children,
+      _props$loosingText = props.loosingText,
+      loosingText = _props$loosingText === void 0 ? /*#__PURE__*/React.createElement("div", {
+    className: cls(prefixCls + "-pull-refresh-label-text")
+  }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
+      _props$loadingText = props.loadingText,
+      loadingText = _props$loadingText === void 0 ? /*#__PURE__*/React.createElement("div", {
+    className: cls(prefixCls + "-pull-refresh-label-text")
+  }, /*#__PURE__*/React.createElement(Loading, {
+    type: "circle",
+    radius: 4
+  }), /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
+      _props$pullingText = props.pullingText,
+      pullingText = _props$pullingText === void 0 ? /*#__PURE__*/React.createElement("div", {
+    className: cls(prefixCls + "-pull-refresh-label-text")
+  }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
+      _props$finishText = props.finishText,
+      finishText = _props$finishText === void 0 ? /*#__PURE__*/React.createElement("div", {
+    className: cls(prefixCls + "-pull-refresh-label-text")
+  }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
+      initialText = props.initialText,
+      _props$finishDelay = props.finishDelay,
+      finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
+      loosingMinHeight = props.loosingMinHeight,
+      _props$dampRate = props.dampRate,
+      dampRate = _props$dampRate === void 0 ? 4 : _props$dampRate,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$useHideAsNeste = props.useHideAsNestedScroll,
+      useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
+      onRefresh = props.onRefresh,
+      _props$allowPullWhenN = props.allowPullWhenNotTop,
+      allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN;
+
   var _useState = useState({}),
-    transition = _useState[0],
-    setTransition = _useState[1];
+      transition = _useState[0],
+      setTransition = _useState[1];
+
   var touchRef = useRef(null);
   var currentTranslateYRef = useRef(0);
   var onTouching = useRef(false);
+
   var _useCommonState = useCommonState({
-      loosingMinHeight: loosingMinHeight,
-      onRefresh: onRefresh
-    }),
-    loadingRef = _useCommonState.loadingRef,
-    status = _useCommonState.status,
-    setStatus = _useCommonState.setStatus,
-    labelRef = _useCommonState.labelRef,
-    domRef = _useCommonState.domRef,
-    touching = _useCommonState.touching,
-    setTouching = _useCommonState.setTouching,
-    loosingHeight = _useCommonState.loosingHeight,
-    handleRefresh = _useCommonState.handleRefresh,
-    tipsHeight = _useCommonState.tipsHeight;
+    loosingMinHeight: loosingMinHeight,
+    onRefresh: onRefresh
+  }),
+      loadingRef = _useCommonState.loadingRef,
+      status = _useCommonState.status,
+      setStatus = _useCommonState.setStatus,
+      labelRef = _useCommonState.labelRef,
+      domRef = _useCommonState.domRef,
+      touching = _useCommonState.touching,
+      setTouching = _useCommonState.setTouching,
+      loosingHeight = _useCommonState.loosingHeight,
+      handleRefresh = _useCommonState.handleRefresh,
+      tipsHeight = _useCommonState.tipsHeight;
+
   var _useCheckAsStart = useCheckAsStart({
-      domRef: domRef,
-      allowPullWhenNotTop: allowPullWhenNotTop
-    }),
-    ifShouldHandle = _useCheckAsStart.ifShouldHandle;
+    domRef: domRef,
+    allowPullWhenNotTop: allowPullWhenNotTop
+  }),
+      ifShouldHandle = _useCheckAsStart.ifShouldHandle;
+
   var currentLabelStyle = useMemo(function () {
     var _domRef$current$scrol, _domRef$current;
+
     return useHideAsNestedScroll && !touching && status === PullRefreshStatus.Pulling && ((_domRef$current$scrol = domRef == null ? void 0 : (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.scrollTop) != null ? _domRef$current$scrol : 0) > 0 ? {
       opacity: 0
     } : {};
   }, [useHideAsNestedScroll, touching]);
   var pullTextConfig = (_pullTextConfig = {}, _pullTextConfig[PullRefreshStatus.Static] = initialText === void 0 ? pullingText : initialText, _pullTextConfig[PullRefreshStatus.Pulling] = pullingText, _pullTextConfig[PullRefreshStatus.Loosing] = loosingText || pullingText, _pullTextConfig[PullRefreshStatus.Loading] = loadingText, _pullTextConfig[PullRefreshStatus.Finish] = finishText, _pullTextConfig);
+
   var scroll = function scroll(y, ms, callback) {
     if (y < 5) {
       if (y < 0) {
         currentTranslateYRef.current = 0;
         return;
       }
+
       if (ms === 0) {
         setTimeout(function () {
           setTransition({
@@ -97,6 +109,7 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
         return;
       }
     }
+
     var translateY = dampRateCalculate(y, loosingHeight, dampRate);
     currentTranslateYRef.current = translateY;
     setTransition({
@@ -107,39 +120,49 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
       callback == null ? void 0 : callback();
     }, ms);
   };
+
   var reset = function reset(callback) {
     if (callback === void 0) {
       callback = function callback() {};
     }
+
     scroll(0, 300, function () {
       if (domRef.current && domRef.current.scrollTop < 0) {
         domRef.current.scrollTop = 0;
       }
+
       loadingRef.current = false;
       setStatus(PullRefreshStatus.Static);
       callback();
     });
   };
+
   var handleTouchStart = useCallback(function (e) {
     if (disabled || touchRef.current || loadingRef.current || !domRef.current) return;
     if (!ifShouldHandle()) return;
     setTouching(true);
+
     if (domRef.current.scrollTop === 0) {
       domRef.current.scrollTop = 1;
     }
+
     var _e$touches$ = e.touches[0],
-      pageX = _e$touches$.pageX,
-      pageY = _e$touches$.pageY;
+        pageX = _e$touches$.pageX,
+        pageY = _e$touches$.pageY;
+
     if (pageX && pageY) {
       var _domRef$current2;
+
       touchRef.current = {
         start: (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop,
         x: pageX,
         y: pageY
       };
     }
+
     setStatus(PullRefreshStatus.Pulling);
   }, [disabled, ifShouldHandle]);
+
   var refresh = function refresh() {
     return new Promise(function (resolve) {
       setStatus(PullRefreshStatus.Loading);
@@ -158,14 +181,17 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     });
   };
+
   var handleTouchEnd = useCallback(function () {
     if (currentTranslateYRef.current === 0 && !ifShouldHandle()) {
       return;
     }
+
     onTouching.current = false;
     setTouching(false);
     if (disabled || !touchRef.current || loadingRef.current) return;
     touchRef.current = null;
+
     if (status === PullRefreshStatus.Loosing) {
       refresh();
     } else {
@@ -178,12 +204,15 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
     if (!touchRef.current) return;
     var pageY = e.touches[0].pageY;
     var pullY = pageY - touchRef.current.y - touchRef.current.start;
+
     if (currentTranslateYRef.current === 0 && domRef.current.scrollTop > 0) {
       return;
     }
+
     if (currentTranslateYRef.current === 0 && pullY < 0) {
       return;
     }
+
     setStatus(function () {
       return pullY > loosingHeight ? PullRefreshStatus.Loosing : PullRefreshStatus.Pulling;
     });
@@ -193,15 +222,18 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [disabled, loosingHeight]);
   useEffect(function () {
     var _domRef$current3;
+
     var onScroll = function onScroll() {
       if (onTouching.current && domRef.current && (domRef.current.scrollTop < 0 || currentTranslateYRef.current)) {
         // 禁止 ios 负 scrollTop 和双层滚动
         domRef.current.scrollTop = 0;
       }
     };
+
     (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('scroll', onScroll);
     return function () {
       var _domRef$current4;
+
       (_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('scroll', onScroll);
     };
   }, []);