UNPKG

@nutui/nutui-react-taro

Version:

京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序

63 lines (62 loc) 1.72 kB
import { default as React, FunctionComponent, ReactNode } from 'react'; import { ScrollViewProps } from '@tarojs/components'; import { BasicComponent } from '../../utils/typings'; import { InfiniteLoadingType } from './types'; export interface InfiniteLoadingProps extends BasicComponent, Omit<ScrollViewProps, 'style' | 'type' | 'onScroll'> { /** * 主题类型 * @default default */ type: InfiniteLoadingType /** * 是否还有更多数据 * @default true */ hasMore: boolean /** * 距离底部多远加载 * @default 200 */ threshold: number /** * 用于标识和区分页面中多个组件实例的唯一标识符。注意,这个属性并不是用于监听 DOM 元素,而是用于在同一页面上管理多个组件实例。 * @default - */ target: string /** * 是否开启下拉刷新 * @default false */ pullRefresh: boolean /** * 下拉刷新提示文案 * @default 松手刷新 */ pullingText: ReactNode /** * 上拉加载提示文案 * @default 刷新中 */ loadingText: ReactNode /** * “没有更多数据”展示文案 * @default 哎呀,这里是底部了啦 */ loadMoreText: ReactNode /** * 下拉刷新事件回调 * @default - */ onRefresh: () => Promise<void> /** * 继续加载的回调函数 * @default - */ onLoadMore: () => Promise<void> /** * 实时监听滚动高度 * @default - */ onScroll: (param: number) => void } export declare const InfiniteLoading: FunctionComponent<Partial<InfiniteLoadingProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'>>;