@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
63 lines (62 loc) • 1.72 kB
TypeScript
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'>>;