@arco-design/mobile-react 2.25.4 → 2.27.0

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

@@ -14,94 +14,109 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.PullRefresh = void 0;
   _react = _interopRequireWildcard(_react);
   _loading = _interopRequireDefault(_loading);
+
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
   var dampRateCalculate = function dampRateCalculate(val, tipsHeight, dampRate) {
     return val > tipsHeight ? tipsHeight + (val - tipsHeight) / dampRate : val;
   };
+
   var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _pullTextConfig;
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      _useContext$locale = _useContext.locale,
-      locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+        prefixCls = _useContext.prefixCls,
+        _useContext$locale = _useContext.locale,
+        locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+
     var className = props.className,
-      style = props.style,
-      children = props.children,
-      _props$loosingText = props.loosingText,
-      loosingText = _props$loosingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-      }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
-      _props$loadingText = props.loadingText,
-      loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-      }, /*#__PURE__*/_react.default.createElement(_loading.default, {
-        type: "circle",
-        radius: 4
-      }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
-      _props$pullingText = props.pullingText,
-      pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-      }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
-      _props$finishText = props.finishText,
-      finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-      }, /*#__PURE__*/_react.default.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.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
+        _props$loadingText = props.loadingText,
+        loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/_react.default.createElement(_loading.default, {
+      type: "circle",
+      radius: 4
+    }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
+        _props$pullingText = props.pullingText,
+        pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
+        _props$finishText = props.finishText,
+        finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/_react.default.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 = (0, _react.useState)({}),
-      transition = _useState[0],
-      setTransition = _useState[1];
+        transition = _useState[0],
+        setTransition = _useState[1];
+
     var touchRef = (0, _react.useRef)(null);
     var currentTranslateYRef = (0, _react.useRef)(0);
     var onTouching = (0, _react.useRef)(false);
+
     var _useCommonState = (0, _hooks.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 = (0, _hooks.useCheckAsStart)({
-        domRef: domRef,
-        allowPullWhenNotTop: allowPullWhenNotTop
-      }),
-      ifShouldHandle = _useCheckAsStart.ifShouldHandle;
+      domRef: domRef,
+      allowPullWhenNotTop: allowPullWhenNotTop
+    }),
+        ifShouldHandle = _useCheckAsStart.ifShouldHandle;
+
     var currentLabelStyle = (0, _react.useMemo)(function () {
       var _domRef$current$scrol, _domRef$current;
+
       return useHideAsNestedScroll && !touching && status === _model.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[_model.PullRefreshStatus.Static] = initialText === void 0 ? pullingText : initialText, _pullTextConfig[_model.PullRefreshStatus.Pulling] = pullingText, _pullTextConfig[_model.PullRefreshStatus.Loosing] = loosingText || pullingText, _pullTextConfig[_model.PullRefreshStatus.Loading] = loadingText, _pullTextConfig[_model.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({
@@ -112,6 +127,7 @@
           return;
         }
       }
+
       var translateY = dampRateCalculate(y, loosingHeight, dampRate);
       currentTranslateYRef.current = translateY;
       setTransition({
@@ -122,39 +138,49 @@
         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(_model.PullRefreshStatus.Static);
         callback();
       });
     };
+
     var handleTouchStart = (0, _react.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(_model.PullRefreshStatus.Pulling);
     }, [disabled, ifShouldHandle]);
+
     var refresh = function refresh() {
       return new Promise(function (resolve) {
         setStatus(_model.PullRefreshStatus.Loading);
@@ -173,14 +199,17 @@
         });
       });
     };
+
     var handleTouchEnd = (0, _react.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 === _model.PullRefreshStatus.Loosing) {
         refresh();
       } else {
@@ -193,12 +222,15 @@
       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 ? _model.PullRefreshStatus.Loosing : _model.PullRefreshStatus.Pulling;
       });
@@ -208,15 +240,18 @@
     }, [disabled, loosingHeight]);
     (0, _react.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);
       };
     }, []);

package/umd/pull-refresh/hooks.js

@@ -15,29 +15,35 @@
 
   _exports.__esModule = true;
   _exports.useCommonState = _exports.useCheckAsStart = _exports.useAddScrollEvents = void 0;
+
   var useCommonState = function useCommonState(_ref) {
     var onRefresh = _ref.onRefresh,
-      loosingMinHeight = _ref.loosingMinHeight;
+        loosingMinHeight = _ref.loosingMinHeight;
+
     var _useState = (0, _react.useState)(_model.PullRefreshStatus.Static),
-      status = _useState[0],
-      setStatus = _useState[1];
+        status = _useState[0],
+        setStatus = _useState[1];
+
     var loadingRef = (0, _react.useRef)(false);
     var labelRef = (0, _react.useRef)(null);
     var domRef = (0, _react.useRef)(null);
+
     var _useState2 = (0, _react.useState)(false),
-      touching = _useState2[0],
-      setTouching = _useState2[1];
+        touching = _useState2[0],
+        setTouching = _useState2[1];
+
     var tipsHeight = (0, _react.useMemo)(function () {
       var _labelRef$current$get, _labelRef$current;
+
       return (_labelRef$current$get = (_labelRef$current = labelRef.current) == null ? void 0 : _labelRef$current.getBoundingClientRect().height) != null ? _labelRef$current$get : 40;
     }, [status]);
     var loosingHeight = (0, _react.useMemo)(function () {
       return loosingMinHeight || tipsHeight;
     }, [tipsHeight, loosingMinHeight]);
     var handleRefresh = (0, _react.useCallback)(function () {
-      loadingRef.current = true;
-      // 避免动画过快，最短加载时间
+      loadingRef.current = true; // 避免动画过快，最短加载时间
       // @en Minimum load time, avoid animation too fast
+
       return _es6Promise.Promise.all([onRefresh == null ? void 0 : onRefresh(), new _es6Promise.Promise(function (resolve) {
         // 最少加载一秒
         // @en Load at least one second
@@ -59,49 +65,60 @@
       tipsHeight: tipsHeight
     };
   };
+
   _exports.useCommonState = useCommonState;
+
   var useAddScrollEvents = function useAddScrollEvents(_ref2) {
     var domRef = _ref2.domRef,
-      handleTouchStart = _ref2.handleTouchStart,
-      handleTouchMove = _ref2.handleTouchMove,
-      handleTouchEnd = _ref2.handleTouchEnd;
+        handleTouchStart = _ref2.handleTouchStart,
+        handleTouchMove = _ref2.handleTouchMove,
+        handleTouchEnd = _ref2.handleTouchEnd;
     (0, _react.useEffect)(function () {
       var _domRef$current;
+
       (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.addEventListener('touchstart', handleTouchStart, {
         passive: false
       });
       return function () {
         var _domRef$current2;
+
         (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.removeEventListener('touchstart', handleTouchStart);
       };
     }, [handleTouchMove]);
     (0, _react.useEffect)(function () {
       var _domRef$current3;
+
       (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('touchmove', handleTouchMove, {
         passive: false
       });
       return function () {
         var _domRef$current4;
+
         (_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('touchmove', handleTouchMove);
       };
     }, [handleTouchMove]);
     (0, _react.useEffect)(function () {
       var _domRef$current5, _domRef$current6;
+
       (_domRef$current5 = domRef.current) == null ? void 0 : _domRef$current5.addEventListener('touchend', handleTouchEnd);
       (_domRef$current6 = domRef.current) == null ? void 0 : _domRef$current6.addEventListener('touchcancel', handleTouchEnd);
       return function () {
         var _domRef$current7, _domRef$current8;
+
         (_domRef$current7 = domRef.current) == null ? void 0 : _domRef$current7.removeEventListener('touchend', handleTouchEnd);
         (_domRef$current8 = domRef.current) == null ? void 0 : _domRef$current8.removeEventListener('touchcancel', handleTouchEnd);
       };
     }, [handleTouchEnd]);
   };
+
   _exports.useAddScrollEvents = useAddScrollEvents;
+
   var useCheckAsStart = function useCheckAsStart(_ref3) {
     var allowPullWhenNotTop = _ref3.allowPullWhenNotTop,
-      domRef = _ref3.domRef;
+        domRef = _ref3.domRef;
     var ifShouldHandle = (0, _react.useCallback)(function () {
       var _domRef$current$getBo, _domRef$current9, _domRef$current9$getB;
+
       var domRefHeight = (_domRef$current$getBo = (_domRef$current9 = domRef.current) == null ? void 0 : (_domRef$current9$getB = _domRef$current9.getBoundingClientRect()) == null ? void 0 : _domRef$current9$getB.height) != null ? _domRef$current$getBo : 0;
       return domRef.current && !(!allowPullWhenNotTop && (domRef.current.scrollTop < 0 || domRef.current.scrollTop > domRef.current.scrollHeight - domRefHeight));
     }, [allowPullWhenNotTop]);
@@ -109,5 +126,6 @@
       ifShouldHandle: ifShouldHandle
     };
   };
+
   _exports.useCheckAsStart = useCheckAsStart;
 });

package/umd/pull-refresh/index.js

@@ -14,14 +14,18 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _react = _interopRequireWildcard(_react);
   var _excluded = ["type", "useIosOptimize", "children"];
+
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
   /**
    * 下拉刷新数据组件。
    * @en PullRefresh component that pulls down to refresh data.
@@ -32,9 +36,9 @@
    */
   var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var type = props.type,
-      useIosOptimize = props.useIosOptimize,
-      children = props.children,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+        useIosOptimize = props.useIosOptimize,
+        children = props.children,
+        rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var system = (0, _helpers.useSystem)();
     var Container = type === 'ios' || useIosOptimize && (type || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
     return /*#__PURE__*/_react.default.createElement(Container, (0, _extends2.default)({}, rest, {

package/umd/pull-refresh/ios-pull-refresh.js

@@ -14,78 +14,90 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.PullRefresh = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _loading = _interopRequireDefault(_loading);
+
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
   var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _pullTextConfig;
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      _useContext$locale = _useContext.locale,
-      locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+        prefixCls = _useContext.prefixCls,
+        _useContext$locale = _useContext.locale,
+        locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+
     var animationRef = (0, _react.useRef)(0);
     var className = props.className,
-      style = props.style,
-      children = props.children,
-      _props$loadingText = props.loadingText,
-      loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-      }, /*#__PURE__*/_react.default.createElement(_loading.default, {
-        type: "circle",
-        radius: 4
-      }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
-      _props$pullingText = props.pullingText,
-      pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-      }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
-      _props$finishText = props.finishText,
-      finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-      }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
-      initialText = props.initialText,
-      _props$finishDelay = props.finishDelay,
-      finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      loosingMinHeight = props.loosingMinHeight,
-      _props$useHideAsNeste = props.useHideAsNestedScroll,
-      useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
-      _props$allowPullWhenN = props.allowPullWhenNotTop,
-      allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN,
-      onRefresh = props.onRefresh;
+        style = props.style,
+        children = props.children,
+        _props$loadingText = props.loadingText,
+        loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/_react.default.createElement(_loading.default, {
+      type: "circle",
+      radius: 4
+    }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
+        _props$pullingText = props.pullingText,
+        pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
+        _props$finishText = props.finishText,
+        finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
+        initialText = props.initialText,
+        _props$finishDelay = props.finishDelay,
+        finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        loosingMinHeight = props.loosingMinHeight,
+        _props$useHideAsNeste = props.useHideAsNestedScroll,
+        useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
+        _props$allowPullWhenN = props.allowPullWhenNotTop,
+        allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN,
+        onRefresh = props.onRefresh;
     var lastScrollTop = (0, _react.useRef)(0);
     var statusRef = (0, _react.useRef)(_model.PullRefreshStatus.Static);
+
     var _useState = (0, _react.useState)({}),
-      labelStyle = _useState[0],
-      setLabelStyle = _useState[1];
+        labelStyle = _useState[0],
+        setLabelStyle = _useState[1];
+
     var _useState2 = (0, _react.useState)(0),
-      contentHeight = _useState2[0],
-      setContentHeight = _useState2[1];
+        contentHeight = _useState2[0],
+        setContentHeight = _useState2[1];
+
     var _useCommonState = (0, _hooks.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,
-      tipsHeight = _useCommonState.tipsHeight,
-      handleRefresh = _useCommonState.handleRefresh;
+      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,
+        tipsHeight = _useCommonState.tipsHeight,
+        handleRefresh = _useCommonState.handleRefresh;
+
     var _useCheckAsStart = (0, _hooks.useCheckAsStart)({
-        domRef: domRef,
-        allowPullWhenNotTop: allowPullWhenNotTop
-      }),
-      ifShouldHandle = _useCheckAsStart.ifShouldHandle;
+      domRef: domRef,
+      allowPullWhenNotTop: allowPullWhenNotTop
+    }),
+        ifShouldHandle = _useCheckAsStart.ifShouldHandle;
+
     var currentLabelStyle = (0, _react.useMemo)(function () {
       var _domRef$current$scrol, _domRef$current;
+
       return useHideAsNestedScroll && !touching && status === _model.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 || disabled ? (0, _extends2.default)({}, labelStyle, {
         opacity: 0
       }) : labelStyle;
@@ -95,6 +107,7 @@
       if (callback === void 0) {
         callback = function callback() {};
       }
+
       if (animationRef.current === animationKey) {
         setLabelStyle({
           position: 'relative',
@@ -103,6 +116,7 @@
           transition: 'height .45s'
         });
       }
+
       setTimeout(function () {
         if (animationRef.current === animationKey) {
           if (domRef.current) domRef.current.style.overflow = 'auto';
@@ -122,10 +136,12 @@
     var handleTouchStart = (0, _react.useCallback)(function () {
       if (disabled || loadingRef.current || !domRef.current || !ifShouldHandle()) return;
       setTouching(true);
+
       if (domRef.current && domRef.current.scrollTop === 0) {
         domRef.current.scrollTop = 1;
       }
     }, [disabled, ifShouldHandle]);
+
     var refresh = function refresh() {
       return new Promise(function (resolve) {
         if (domRef.current) {
@@ -152,6 +168,7 @@
         }
       });
     };
+
     var handleTouchEnd = (0, _react.useCallback)(function () {
       if (disabled || loadingRef.current || !domRef.current) return;
       setTouching(false);
@@ -161,6 +178,7 @@
       if (disabled || loadingRef.current || !domRef.current) return;
       setTimeout(function () {
         var _domRef$current$scrol2, _domRef$current2, _domRef$current$scrol3, _domRef$current3;
+
         var isLoosing = -((_domRef$current$scrol2 = (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop) != null ? _domRef$current$scrol2 : 0) > loosingHeight;
         if (isLoosing) lastScrollTop.current = (_domRef$current$scrol3 = (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.scrollTop) != null ? _domRef$current$scrol3 : 0;
         statusRef.current = isLoosing ? _model.PullRefreshStatus.Loosing : _model.PullRefreshStatus.Pulling;
@@ -169,7 +187,8 @@
     var updateIOSHeight = (0, _react.useCallback)(function () {
       if (domRef.current) {
         var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
-          height = _domRef$current$getBo.height;
+            height = _domRef$current$getBo.height;
+
         setContentHeight(height);
       }
     }, []);

package/umd/pull-refresh/model.js

@@ -17,6 +17,7 @@
   _exports.PullRefreshStatus = void 0;
   var PullRefreshStatus;
   _exports.PullRefreshStatus = PullRefreshStatus;
+
   (function (PullRefreshStatus) {
     PullRefreshStatus[PullRefreshStatus["Static"] = 0] = "Static";
     PullRefreshStatus[PullRefreshStatus["Pulling"] = 1] = "Pulling";