@arco-design/mobile-react 2.38.4 → 2.39.1

package/esm/popup-swiper/index.js

@@ -9,55 +9,51 @@ 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,
-      _props$maskTransition = props.maskTransitionTimeout,
-      maskTransitionTimeout = _props$maskTransition === void 0 ? {
-    enter: 450,
-    exit: 240
-  } : _props$maskTransition,
-      _props$contentTransit = props.contentTransitionTimeout,
-      contentTransitionTimeout = _props$contentTransit === void 0 ? {
-    enter: 450,
-    exit: 240
-  } : _props$contentTransit,
-      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,
+    _props$maskTransition = props.maskTransitionTimeout,
+    maskTransitionTimeout = _props$maskTransition === void 0 ? {
+      enter: 450,
+      exit: 240
+    } : _props$maskTransition,
+    _props$contentTransit = props.contentTransitionTimeout,
+    contentTransitionTimeout = _props$contentTransit === void 0 ? {
+      enter: 450,
+      exit: 240
+    } : _props$contentTransit,
+    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);
@@ -65,7 +61,6 @@ 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;
@@ -74,7 +69,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;
   }, []);
@@ -86,11 +81,9 @@ 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;
@@ -101,25 +94,20 @@ 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;
@@ -129,7 +117,6 @@ 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':
@@ -138,7 +125,6 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
           value: Math.abs(disY) * direcRatio
         });
         break;
-
       case 'left':
       case 'right':
         setDistance({
@@ -146,7 +132,6 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
           value: Math.abs(disX) * direcRatio
         });
         break;
-
       default:
         break;
     }
@@ -161,19 +146,16 @@ 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);
@@ -188,14 +170,13 @@ var PopupSwiper = /*#__PURE__*/forwardRef(function (props, ref) {
       setDistance({
         direction: 'X',
         value: 0
-      }); // 动画完成后需重置
+      });
+      // 动画完成后需重置
       // @en Reset after animation is complete
-
       setTimeout(function () {
         setHasTrans(false);
       }, Math.max(typeof maskTransitionTimeout === 'number' ? maskTransitionTimeout : (maskTransitionTimeout == null ? void 0 : maskTransitionTimeout.exit) || 0, typeof contentTransitionTimeout === 'number' ? contentTransitionTimeout : (contentTransitionTimeout == null ? void 0 : contentTransitionTimeout.exit) || 0, 240));
     }
-
     touchStartTimeRef.current = 0;
   }, [onTouchEnd, percentToClose, distanceToClose, speedToClose, close]);
   useImperativeHandle(ref, function () {
@@ -203,20 +184,15 @@ 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);
@@ -224,14 +200,12 @@ 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({
@@ -276,6 +250,7 @@ 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.
@@ -284,5 +259,4 @@ var PopupSwiperWithGlobalContext = CompWithGlobalContext(PopupSwiper);
  * @name 可滑动弹出层
  * @name_en PopupSwiper
  */
-
 export default componentWrapper(PopupSwiper, methodsGenerator(PopupSwiperWithGlobalContext));

package/esm/portal/index.js

@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
-
 /**
  * React.createPortal的简单封装。
  * @en Simple wrapper for React.createPortal
@@ -11,11 +10,10 @@ 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,7 +3,6 @@ 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
@@ -14,50 +13,46 @@ 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', {
@@ -68,7 +63,6 @@ var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }, currentPercentage, "%");
     }
-
     if (position === percentPosition) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
@@ -79,10 +73,8 @@ 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", {
@@ -126,7 +118,6 @@ 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

@@ -7,89 +7,80 @@ import { GlobalContext } from '../context-provider';
 import { PullRefreshStatus } from './model';
 import { useCommonState, useAddScrollEvents, useCheckAsStart } from './hooks';
 import { setStyleWithVendor } 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 placeRef = useRef(null);
   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 || ms === 0) {
@@ -97,7 +88,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
         return;
       }
     }
-
     var translateY = dampRateCalculate(y, loosingHeight, dampRate);
     currentTranslateYRef.current = translateY;
     placeRef.current && setStyleWithVendor(placeRef.current, _extends({
@@ -109,17 +99,14 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
       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);
       placeRef.current && setStyleWithVendor(placeRef.current, {
@@ -128,28 +115,23 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
       callback();
     });
   };
-
   var handleTouchStart = useCallback(function (e) {
     if (disabled || touchRef.current || loadingRef.current || !domRef.current) return;
     if (!ifShouldHandle()) return;
     setTouching(true);
     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 ES6Promise(function (resolve) {
       setStatus(PullRefreshStatus.Loading);
@@ -168,17 +150,14 @@ 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 {
@@ -191,15 +170,12 @@ 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;
     });
@@ -209,18 +185,15 @@ 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);
     };
   }, []);