@arco-design/mobile-react 2.19.0

package/cjs/pull-refresh/demo/style/css/mobile.css

@@ -0,0 +1,42 @@
+#demo-pull-refresh .arcodesign-mobile-title {
+  display: none;
+}
+#demo-pull-refresh .arco-tabs {
+  width: 100vw;
+}
+#demo-pull-refresh .arco-tab-pane {
+  height: 100%;
+}
+#demo-pull-refresh .arco-pull-refresh,
+#demo-pull-refresh .arco-pull-refresh-content,
+#demo-pull-refresh .arco-pull-refresh-content-wrapper {
+  background: transparent;
+}
+#demo-pull-refresh .arco-pull-refresh-content {
+  height: 10rem;
+  padding-top: 4rem;
+  font-size: 0.32rem;
+  color:  #86909c ;
+  text-align: center;
+}
+#demo-pull-refresh .arcodesign-mobile-demo-content {
+  position: relative;
+  padding: 0;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+          flex: 1;
+  font-size: 0.28rem;
+  color: #606a78;
+  background: #f7f8fa;
+}
+#demo-pull-refresh .arcodesign-mobile-demo-content .pull-refresh-custom-loading,
+#demo-pull-refresh .arcodesign-mobile-demo-content .pull-refresh-custom-success {
+  width: 100%;
+  font-size: 0.28rem;
+  line-height: 0.88rem;
+  text-align: center;
+}
+#demo-pull-refresh .arcodesign-mobile-demo-content .pull-refresh-custom-success {
+  color: #ff7d00;
+  background: #fff7e8;
+}

package/cjs/pull-refresh/demo/style/mobile.less

@@ -0,0 +1,50 @@
+@import '../../../../style/mixin.less';
+
+#demo-pull-refresh {
+    .arcodesign-mobile-title {
+        display: none;
+    }
+    .@{prefix}-tab {
+        &s {
+            width: 100vw;
+        }
+        &-pane {
+            height: 100%;
+            &-container {
+                // flex: 1;
+            }
+        }
+    }
+    .@{prefix}-pull-refresh {
+        &, &-content, &-content-wrapper {
+            background: transparent;
+        }
+        &-content {
+            .rem(height, 500);
+            .rem(padding-top, 200);
+            .rem(font-size, 16);
+            .use-var(color, sub-info-font-color);
+            text-align: center;
+        }
+    }
+    .arcodesign-mobile-demo-content {
+        position: relative;
+        padding: 0;
+        flex: 1;
+        .rem(font-size, 14);
+        color: #606a78;
+        background: #f7f8fa;
+        .pull-refresh-custom-loading,
+        .pull-refresh-custom-success {
+            width: 100%;
+            .rem(font-size, 14);
+            .rem(line-height, 44);
+            text-align: center;
+        }
+
+        .pull-refresh-custom-success {
+            color: #ff7d00;
+            background: #fff7e8;
+        }
+    }
+}

package/cjs/pull-refresh/hooks.d.ts

@@ -0,0 +1,30 @@
+import type { RefObject } from 'react';
+import { Promise } from 'es6-promise';
+import { PullRefreshStatus } from './model';
+export declare const useCommonState: ({ onRefresh, loosingMinHeight, }: {
+    onRefresh?: (() => Promise<void>) | undefined;
+    loosingMinHeight?: number | undefined;
+}) => {
+    status: PullRefreshStatus;
+    setStatus: import("react").Dispatch<import("react").SetStateAction<PullRefreshStatus>>;
+    touching: boolean;
+    setTouching: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    loadingRef: import("react").MutableRefObject<boolean>;
+    labelRef: RefObject<HTMLDivElement>;
+    domRef: RefObject<HTMLDivElement>;
+    loosingHeight: number;
+    handleRefresh: () => Promise<[void | undefined, unknown]>;
+    tipsHeight: number;
+};
+export declare const useAddScrollEvents: ({ domRef, handleTouchStart, handleTouchMove, handleTouchEnd, }: {
+    domRef: RefObject<HTMLDivElement>;
+    handleTouchStart: (evt: HTMLElementEventMap['touchstart']) => void;
+    handleTouchMove: (evt: HTMLElementEventMap['touchmove']) => void;
+    handleTouchEnd: (evt: HTMLElementEventMap['touchend']) => void;
+}) => void;
+export declare const useCheckAsStart: ({ allowPullWhenNotTop, domRef, }: {
+    allowPullWhenNotTop: boolean;
+    domRef: RefObject<HTMLDivElement>;
+}) => {
+    ifShouldHandle: () => boolean | null;
+};

package/cjs/pull-refresh/hooks.js

@@ -0,0 +1,123 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCommonState = exports.useCheckAsStart = exports.useAddScrollEvents = void 0;
+
+var _react = require("react");
+
+var _es6Promise = require("es6-promise");
+
+var _model = require("./model");
+
+var useCommonState = function useCommonState(_ref) {
+  var onRefresh = _ref.onRefresh,
+      loosingMinHeight = _ref.loosingMinHeight;
+
+  var _useState = (0, _react.useState)(_model.PullRefreshStatus.Static),
+      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];
+
+  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; // 避免动画过快，最短加载时间
+    // @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
+      setTimeout(function () {
+        resolve();
+      }, 500);
+    })]);
+  }, [onRefresh]);
+  return {
+    status: status,
+    setStatus: setStatus,
+    touching: touching,
+    setTouching: setTouching,
+    loadingRef: loadingRef,
+    labelRef: labelRef,
+    domRef: domRef,
+    loosingHeight: loosingHeight,
+    handleRefresh: handleRefresh,
+    tipsHeight: tipsHeight
+  };
+};
+
+exports.useCommonState = useCommonState;
+
+var useAddScrollEvents = function useAddScrollEvents(_ref2) {
+  var domRef = _ref2.domRef,
+      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;
+  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]);
+  return {
+    ifShouldHandle: ifShouldHandle
+  };
+};
+
+exports.useCheckAsStart = useCheckAsStart;

package/cjs/pull-refresh/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PullRefreshBasicProps, PullRefreshRef } from './model';
+export type { PullRefreshRef } from './model';
+export interface PullRefreshProps extends PullRefreshBasicProps {
+    /**
+     * 分成两种类型
+     * @en Divided into two types
+     * @default 跟随系统
+     * @default_en follow the system
+     */
+    type?: 'ios' | 'android';
+}
+/**
+ * 下拉刷新数据组件。
+ * @en PullRefresh component that pulls down to refresh data.
+ * @name 下拉刷新
+ * @name_en PullRefresh
+ * @type 其他
+ * @type_en Others
+ */
+declare const PullRefresh: React.ForwardRefExoticComponent<PullRefreshProps & React.RefAttributes<PullRefreshRef>>;
+export default PullRefresh;

package/cjs/pull-refresh/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _iosPullRefresh = require("./ios-pull-refresh");
+
+var _androidPullRefresh = require("./android-pull-refresh");
+
+var _helpers = require("../_helpers");
+
+var _excluded = ["type", "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.
+ * @name 下拉刷新
+ * @name_en PullRefresh
+ * @type 其他
+ * @type_en Others
+ */
+var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var type = props.type,
+      children = props.children,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var system = (0, _helpers.useSystem)();
+  var Container = (type || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
+  return /*#__PURE__*/_react.default.createElement(Container, (0, _extends2.default)({}, rest, {
+    ref: ref
+  }), children);
+});
+var _default = PullRefresh;
+exports.default = _default;

package/cjs/pull-refresh/ios-pull-refresh.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PullRefreshRef, PullRefreshBasicProps } from './model';
+export declare const PullRefresh: React.ForwardRefExoticComponent<PullRefreshBasicProps & React.RefAttributes<PullRefreshRef>>;

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

@@ -0,0 +1,235 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.PullRefresh = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+var _loading = _interopRequireDefault(require("../loading"));
+
+var _contextProvider = require("../context-provider");
+
+var _model = require("./model");
+
+var _hooks = require("./hooks");
+
+var _helpers = require("../_helpers");
+
+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;
+
+  var animationRef = (0, _react.useRef)(0);
+  var className = props.className,
+      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];
+
+  var _useState2 = (0, _react.useState)(0),
+      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;
+
+  var _useCheckAsStart = (0, _hooks.useCheckAsStart)({
+    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;
+  }, [labelStyle, useHideAsNestedScroll, touching, disabled]);
+  var pullTextConfig = (_pullTextConfig = {}, _pullTextConfig[_model.PullRefreshStatus.Static] = initialText === void 0 ? pullingText : initialText, _pullTextConfig[_model.PullRefreshStatus.Pulling] = pullingText, _pullTextConfig[_model.PullRefreshStatus.Loading] = loadingText, _pullTextConfig[_model.PullRefreshStatus.Finish] = finishText, _pullTextConfig);
+  var reset = (0, _react.useCallback)(function (animationKey, callback) {
+    if (callback === void 0) {
+      callback = function callback() {};
+    }
+
+    if (animationRef.current === animationKey) {
+      setLabelStyle({
+        position: 'relative',
+        height: '0px',
+        top: 0,
+        transition: 'height .45s'
+      });
+    }
+
+    setTimeout(function () {
+      if (animationRef.current === animationKey) {
+        if (domRef.current) domRef.current.style.overflow = 'auto';
+        setStatus(_model.PullRefreshStatus.Pulling);
+        setLabelStyle({
+          position: 'absolute',
+          top: "-" + tipsHeight + "px",
+          height: tipsHeight + "px",
+          transition: 'height 0s'
+        });
+        statusRef.current = _model.PullRefreshStatus.Static;
+        loadingRef.current = false;
+        callback();
+      }
+    }, 450);
+  }, [tipsHeight]);
+  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) {
+        domRef.current.style.overflow = 'hidden';
+        var animationKey = new Date().getTime();
+        setStatus(_model.PullRefreshStatus.Loading);
+        setLabelStyle({
+          position: 'relative',
+          top: 0,
+          height: tipsHeight + "px",
+          transition: 'height 0s'
+        });
+        animationRef.current = animationKey;
+        handleRefresh().then(function () {
+          if (pullTextConfig[_model.PullRefreshStatus.Finish]) {
+            setStatus(_model.PullRefreshStatus.Finish);
+            setTimeout(function () {
+              reset(animationKey, resolve);
+            }, finishDelay);
+          } else {
+            reset(animationKey, resolve);
+          }
+        });
+      }
+    });
+  };
+
+  var handleTouchEnd = (0, _react.useCallback)(function () {
+    if (disabled || loadingRef.current || !domRef.current) return;
+    setTouching(false);
+    if (statusRef.current === _model.PullRefreshStatus.Loosing) refresh();
+  }, [disabled, tipsHeight]);
+  var handleTouchMove = (0, _react.useCallback)(function () {
+    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;
+    });
+  }, [disabled, loosingHeight]);
+  var updateIOSHeight = (0, _react.useCallback)(function () {
+    if (domRef.current) {
+      var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
+          height = _domRef$current$getBo.height;
+
+      setContentHeight(height);
+    }
+  }, []);
+  (0, _helpers.useListenResize)(updateIOSHeight);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      dom: domRef.current,
+      refresh: refresh,
+      updateIOSHeight: updateIOSHeight
+    };
+  });
+  (0, _react.useEffect)(function () {
+    updateIOSHeight();
+    reset(animationRef.current);
+  }, []);
+  (0, _hooks.useAddScrollEvents)({
+    domRef: domRef,
+    handleTouchStart: handleTouchStart,
+    handleTouchMove: handleTouchMove,
+    handleTouchEnd: handleTouchEnd
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh all-border-box is-ios", className, {
+      'is-disabled': disabled || !touching && useHideAsNestedScroll
+    }),
+    ref: domRef,
+    style: contentHeight > 0 ? {
+      height: contentHeight
+    } : {}
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-content-wrapper")
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-wrapper"),
+    style: currentLabelStyle
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label"),
+    ref: labelRef
+  }, pullTextConfig[status])), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-content"),
+    style: contentHeight > 0 ? {
+      minHeight: contentHeight + 1 + "px"
+    } : {}
+  }, children)));
+});
+exports.PullRefresh = PullRefresh;

package/cjs/pull-refresh/model.d.ts

@@ -0,0 +1,107 @@
+import type { ReactNode } from 'react';
+export interface PullRefreshRef {
+    /**
+     * 最外层元素 DOM
+     * @en The outermost element DOM
+     */
+    dom: HTMLDivElement | null;
+    /**
+     * 主动触发刷新，执行完成动画后异步返回
+     * @en Actively trigger the refresh, and return asynchronously after the animation is completed
+     */
+    refresh: () => Promise<void>;
+    /**
+     * 手动更新 IOS 容器自动高度
+     * @en Manually update IOS container height
+     */
+    updateIOSHeight: () => void;
+}
+export declare enum PullRefreshStatus {
+    Static = 0,
+    Pulling = 1,
+    Loosing = 2,
+    Loading = 3,
+    Finish = 4
+}
+export interface PullRefreshBasicProps {
+    /**
+     * 子元素
+     * @en Children element
+     */
+    children: ReactNode;
+    /**
+     * 样式类名
+     * @en Custom classname
+     * @default ""
+     */
+    className?: string;
+    /**
+     * 是否禁用
+     * @en Whether to be disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 加载完成后，展示加载完成的时间(ms)
+     * @en After the loading is completed, the time to display the loading completion (ms)
+     * @default 300
+     */
+    finishDelay?: number;
+    /**
+     * 下拉到可释放时的展示元素（type 为 ios 失效）
+     * @en Displayed element when pulled down to releasable (Invalid in type iOS)
+     */
+    loosingText?: ReactNode;
+    /**
+     * 加载中的展示元素
+     * @en Loading displayed element
+     */
+    loadingText?: ReactNode;
+    /**
+     * 下拉时的展示元素
+     * @en Displayed element when pulling down
+     */
+    pullingText?: ReactNode;
+    /**
+     * 加载完成的展示元素
+     * @en Loaded displayed element
+     */
+    finishText?: ReactNode;
+    /**
+     * 初始状态还未下拉时的展示元素
+     * @en The display element in the initial state when  has not been pulled down
+     * @default pullingText属性值
+     * @defalt_en  pullingText value
+     */
+    initialText?: ReactNode;
+    /**
+     * 阻尼系数（type 为 ios 失效）
+     * @en @en Damping coefficient (Invalid in type iOS)
+     * @default 4
+     */
+    dampRate?: number;
+    /**
+     * 刷新触发事件
+     * @en Callback when refreshing
+     */
+    onRefresh?: () => Promise<void>;
+    /**
+     * 惯性滑动时隐藏展示元素
+     * @en Whether to hide the display element during inertial sliding
+     * @default true
+     */
+    useHideAsNestedScroll?: boolean;
+    /**
+     * 释放可刷线的最小距离(px)
+     * @en Minimum distance to release brushable lines (px)
+     * @default loosingText 的高度
+     * @default_en loosingText Height
+     */
+    loosingMinHeight?: number;
+    /**
+     * 未滚到顶部时向下滑动也允许触发下拉刷新，可能影响ios回弹动画效果
+     * @en Swiping down when not scrolling to the top also allows a pull-down refresh to be triggered, which may affect the ios bounce animation effect
+     * @default false
+     */
+    allowPullWhenNotTop?: boolean;
+}

package/cjs/pull-refresh/model.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PullRefreshStatus = void 0;
+var PullRefreshStatus;
+exports.PullRefreshStatus = PullRefreshStatus;
+
+(function (PullRefreshStatus) {
+  PullRefreshStatus[PullRefreshStatus["Static"] = 0] = "Static";
+  PullRefreshStatus[PullRefreshStatus["Pulling"] = 1] = "Pulling";
+  PullRefreshStatus[PullRefreshStatus["Loosing"] = 2] = "Loosing";
+  PullRefreshStatus[PullRefreshStatus["Loading"] = 3] = "Loading";
+  PullRefreshStatus[PullRefreshStatus["Finish"] = 4] = "Finish";
+})(PullRefreshStatus || (exports.PullRefreshStatus = PullRefreshStatus = {}));