123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724 |
- type _Arrayable<T> = T | T[];
- declare global {
- /**
- * z-paging返回数据
- *
- * @since 2.5.3
- */
- interface ZPagingReturnData<T> {
- /**
- * 总列表
- */
- totalList: T[];
- /**
- * 是否没有更多数据
- */
- noMore: boolean;
- }
- /**
- * 嵌套父容器信息 [list组件](https://uniapp.dcloud.net.cn/component/list.html)
- *
- * @since 2.0.4
- */
- interface ZPagingSetSpecialEffectsArgs {
- /**
- * 和list同时滚动的组件id,应为外层的scroller
- */
- id?: string;
- /**
- * 要吸顶的header顶部距离scroller顶部的距离
- * - Android暂不支持
- *
- * @default 0
- */
- headerHeight?: number;
- }
- /**
- * z-paging组件实例
- */
- interface ZPagingInstance<T = any> {
- /**
- * 重新加载分页数据,pageNo恢复为默认值,相当于下拉刷新的效果
- *
- * @param [animate=false] 是否展示下拉刷新动画
- */
- reload: (animate?: boolean) => Promise<ZPagingReturnData<T>>;
- /**
- * 刷新列表数据,pageNo和pageSize不会重置,列表数据会重新从服务端获取
- *
- * @since 2.0.4
- */
- refresh: () => Promise<ZPagingReturnData<T>>;
- /**
- * 刷新列表数据至指定页
- *
- * @since 2.5.9
- * @param page 目标页数
- */
- refreshToPage: (page: number) => Promise<ZPagingReturnData<T>>;
- /**
- * 请求结束
- * - 当通过complete传进去的数组长度小于pageSize时,则判定为没有更多了
- *
- * @param [data] 请求结果数组
- * @param [success=true] 是否请求成功
- */
- complete: (data?: T[] | false, success?: boolean) => Promise<ZPagingReturnData<T>>;
- /**
- * 请求结束
- * - 通过total判断是否有更多数据
- *
- * @since 2.0.6
- * @param data 请求结果数组
- * @param total 列表总长度
- * @param [success=true] 是否请求成功
- */
- completeByTotal: (data: T[], total: number, success?: boolean) => Promise<ZPagingReturnData<T>>;
- /**
- * 请求结束
- * - 自行判断是否有更多数据
- *
- * @since 1.9.2
- * @param data 请求结果数组
- * @param noMore 是否没有更多数据
- * @param [success=true] 是否请求成功
- */
- completeByNoMore: (data: T[], noMore: boolean, success?: boolean) => Promise<ZPagingReturnData<T>>;
- /**
- * 请求失败
- * - 通过方法传入请求失败原因,将请求失败原因传递给z-paging展示
- *
- * @since 2.6.3
- * @param cause 请求失败原因
- */
- completeByError: (cause: string) => Promise<ZPagingReturnData<T>>;
- /**
- * 请求结束
- * - 保证数据一致
- *
- * @since 1.6.4
- * @param data 请求结果数组
- * @param key dataKey,需与:data-key绑定的一致
- * @param [success=true] 是否请求成功
- */
- completeByKey: (data: T[], key: string, success?: boolean) => Promise<ZPagingReturnData<T>>;
- /**
- * 清空分页数据,pageNo恢复为默认值
- *
- * @since 2.1.0
- */
- clear: () => void;
- /**
- * 从顶部添加数据,不会影响分页的pageNo和pageSize
- *
- * @param data 需要添加的数据,可以是一条数据或一组数据
- * @param [scrollToTop=true] 是否滚动到顶部,不填默认为true
- * @param [animate=true] 是否使用动画滚动到顶部
- */
- addDataFromTop: (data: _Arrayable<T>, scrollToTop?: boolean, animate?: boolean) => void;
- /**
- * 【不推荐】重新设置列表数据,调用此方法不会影响pageNo和pageSize,也不会触发请求
- * - 适用场景:当需要删除列表中某一项时,将删除对应项后的数组通过此方法传递给z-paging
- *
- * @param data 修改后的列表数组
- */
- resetTotalData: (data: T[]) => void;
- /**
- * 终止下拉刷新状态
- *
- * @since 2.1.0
- */
- endRefresh: () => void;
- /**
- * 手动更新自定义下拉刷新view高度
- * - 常用于某些情况下使用slot="refresher"插入的view高度未能正确计算导致异常时手动更新其高度
- *
- * @since 2.6.1
- */
- updateCustomRefresherHeight: () => void;
- /**
- * 手动关闭二楼
- *
- * @since 2.7.7
- */
- closeF2: () => void;
- /**
- * 手动触发上拉加载更多
- * - 非必须,可依据具体需求使用,例如当z-paging未确定高度时,内部的scroll-view会无限增高,此时z-paging无法得知是否滚动到底部,您可以在页面的onReachBottom中手动调用此方法触发上拉加载更多
- *
- * @param [source] 触发加载更多的来源类型
- */
- doLoadMore: (source?: "click" | "toBottom") => void;
- /**
- * 当使用页面滚动并且自定义下拉刷新时,请在页面的onPageScroll中调用此方法,告知z-paging当前的pageScrollTop,否则会导致在任意位置都可以下拉刷新
- * - 若引入了mixins,则不需要调用此方法
- *
- * @param scrollTop 从page的onPageScroll中获取的scrollTop
- */
- updatePageScrollTop: (scrollTop: number) => void;
- /**
- * 在使用页面滚动并且设置了slot="top"时,默认初次加载会自动获取其高度,并使内部容器下移,当slot="top"的view高度动态改变时,在其高度需要更新时调用此方法
- */
- updatePageScrollTopHeight: () => void;
- /**
- * 在使用页面滚动并且设置了slot="bottom"时,默认初次加载会自动获取其高度,并使内部容器下移,当slot="bottom"的view高度动态改变时,在其高度需要更新时调用此方法
- */
- updatePageScrollBottomHeight: () => void;
- /**
- * 更新slot="left"和slot="right"宽度,当slot="left"或slot="right"宽度动态改变后调用
- *
- * @since 2.3.5
- */
- updateLeftAndRightWidth: () => void;
- /**
- * 更新fixed模式下z-paging的布局,在onShow时候调用,以修复在iOS+h5+tabbar+fixed+底部有安全区域的设备中从tabbar页面跳转到无tabbar页面后返回,底部有一段空白区域的问题
- *
- * @since 2.6.5
- */
- updateFixedLayout: () => void;
- /**
- * 在使用动态高度虚拟列表时,若在列表数组中需要插入某个item,需要调用此方法
- *
- * @since 2.5.9
- * @param item 插入的数据项
- * @param index 插入的cell位置,若为2,则插入的item在原list的index=1之后,从0开始
- */
- doInsertVirtualListItem: (item: T, index: number) => void;
- /**
- * 在使用动态高度虚拟列表时,手动更新指定cell的缓存高度
- * - 当cell高度在初始化之后再次改变时调用
- *
- * @since 2.4.0
- * @param index 需要更新的cell在列表中的位置,从0开始
- */
- didUpdateVirtualListCell: (index: number) => void;
- /**
- * 在使用动态高度虚拟列表时,若删除了列表数组中的某个item,需要调用此方法以更新高度缓存数组
- *
- * @since 2.4.0
- * @param index 需要更新的cell在列表中的位置,从0开始
- */
- didDeleteVirtualListCell: (index: number) => void;
- /**
- * 手动触发虚拟列表渲染更新,可用于解决例如修改了虚拟列表数组中元素,但展示未更新的情况
- *
- * @since 2.7.10
- */
- updateVirtualListRender: () => void;
-
- /**
- * 设置本地分页,请求结束(成功或者失败)调用此方法,将请求的结果传递给z-paging作分页处理
- * - 若调用了此方法,则上拉加载更多时内部会自动分页,不会触发@query所绑定的事件
- *
- * @param data 请求结果数组
- * @param [success=true] 是否请求成功
- */
- setLocalPaging: (data: T[], success?: boolean) => Promise<ZPagingReturnData<T>>;
- /**
- * 手动触发滚动到顶部加载更多,聊天记录模式时有效
- */
- doChatRecordLoadMore: () => void;
- /**
- * 添加聊天记录,use-chat-record-mode为true时有效
- *
- * @param data 需要添加的聊天数据,可以是一条数据或一组数据
- * @param [scrollToBottom=true] 是否滚动到底部
- * @param [animate=true] 是否使用动画滚动到底部
- */
- addChatRecordData: (data: _Arrayable<T>, scrollToBottom?: boolean, animate?: boolean) => void;
- /**
- * 滚动到顶部
- *
- * @param [animate=true] 是否有动画效果
- */
- scrollToTop: (animate?: boolean) => void;
- /**
- * 滚动到底部
- *
- * @param [animate=true] 是否有动画效果
- */
- scrollToBottom: (animate?: boolean) => void;
- /**
- * 滚动到指定view
- * - vue中有效,若此方法无效,请使用scrollIntoViewByNodeTop
- *
- * @param id 需要滚动到的view的id值,不包含"#"
- * @param [offset=0] 偏移量,单位为px
- * @param [animate=false] 是否有动画效果
- */
- scrollIntoViewById: (id: string, offset?: number, animate?: boolean) => void;
- /**
- * 滚动到指定view
- * - vue中有效
- *
- * @since 1.7.4
- * @param top 需要滚动的view的top值(通过uni.createSelectorQuery()获取)
- * @param [offset=0] 偏移量,单位为px
- * @param [animate=false] 是否有动画效果
- */
- scrollIntoViewByNodeTop: (top: number, offset?: number, animate?: boolean) => void;
- /**
- * 滚动到指定view
- * - vue中有效
- * - 与scrollIntoViewByNodeTop的不同之处在于,scrollToY传入的是view相对于屏幕的top值,而scrollIntoViewByNodeTop传入的top值并非是固定的,通过uni.createSelectorQuery()获取到的top会因列表滚动而改变
- *
- * @param top 需要滚动到的view的top值,单位为px
- * @param [offset=0] 偏移量,单位为px
- * @param [animate=false] 是否有动画效果
- */
- scrollToY: (top: number, offset?: number, animate?: boolean) => void;
- /**
- * 滚动到指定view
- * - nvue或虚拟列表中有效
- * - 在nvue中的cell必须设置 :ref="`z-paging-${index}`"
- *
- * @param index 需要滚动到的view的index(第几个)
- * @param [offset=0] 偏移量,单位为px
- * @param [animate=false] 是否有动画效果
- */
- scrollIntoViewByIndex: (index: number, offset?: number, animate?: boolean) => void;
- /**
- * 滚动到指定view
- * - nvue中有效
- *
- * @param view 需要滚动到的view(通过this.$refs.xxx获取)
- * @param [offset=0] 偏移量,单位为px
- * @param [animate=false] 是否有动画效果
- */
- scrollIntoViewByView: (view: any, offset?: number, animate?: boolean) => void;
- /**
- * 设置nvue List的specialEffects
- *
- * @since 2.0.4
- * @param args 参见https://uniapp.dcloud.io/component/list?id=listsetspecialeffects
- */
- setSpecialEffects: (args: ZPagingSetSpecialEffectsArgs) => void;
- /**
- * 与{@link setSpecialEffects}相同
- *
- * @since 2.0.4
- */
- setListSpecialEffects: (args: ZPagingSetSpecialEffectsArgs) => void;
- /**
- * 手动更新列表缓存数据,将自动截取v-model绑定的list中的前pageSize条覆盖缓存,请确保在list数据更新到预期结果后再调用此方法
- *
- * @since 2.3.9
- */
- updateCache: () => void;
- /**
- * 获取当前版本号
- */
- getVersion: () => string;
- }
- /**
- * z-paging全局数据
- * - uni.$zp
- *
- * @since 2.6.5
- */
- interface ZPagingGlobal {
- /**
- * 配置
- */
- config: Record<string, any>;
- }
- /**
- * 虚拟列表数据项
- *
- * @since 2.7.7
- */
- type ZPagingVirtualItem<T> = T & {
- /**
- * 元素真实索引
- */
- zp_index: number;
- };
-
- namespace ZPagingEvent {
- /**
- * query的触发来源:0.用户主动下拉刷新 1.通过reload触发 2.通过refresh触发 3.通过滚动到底部加载更多或点击底部加载更多触发
- */
- type _QueryFrom = 0 | 1 | 2 | 3;
- /**
- * 下拉刷新或滚动到底部时会自动触发此方法
- *
- * @param pageNo 当前第几页
- * @param pageSize 每页多少条
- * @param from query的触发来源:0.用户主动下拉刷新 1.通过reload触发 2.通过refresh触发 3.通过滚动到底部加载更多或点击底部加载更多触发
- */
- interface Query {
- (pageNo: number, pageSize: number, from: _QueryFrom): void;
- }
- /**
- * 分页渲染的数组改变时触发
- *
- * @param list 最终的分页数据数组
- */
- interface ListChange {
- (list: []): void;
- }
- /**
- * 下拉刷新状态:0-默认状态 1.松手立即刷新 2.刷新中 3.刷新成功(默认情况下看不到此状态,如果需要展示刷新成功状态,请设置刷新结束以后延时收回的时间,如:refresher-complete-delay="200")
- */
- type _RefresherStatus = 0 | 1 | 2 | 3;
- /**
- * 自定义下拉刷新状态改变
- * - use-custom-refresher为false时无效
- *
- * @param status 下拉刷新状态:0-默认状态 1.松手立即刷新 2.刷新中 3.刷新成功(默认情况下看不到此状态,如果需要展示刷新成功状态,请设置刷新结束以后延时收回的时间,如:refresher-complete-delay="200")
- */
- interface RefresherStatusChange {
- (status: _RefresherStatus): void;
- }
- /**
- * 自定义下拉刷新下拉开始
- * - use-custom-refresher为false时无效,nvue无效
- *
- * @param y 当前触摸开始的屏幕点的y值(单位px)
- */
- interface RefresherTouchstart {
- (y: number): void;
- }
- /**
- * touchmove信息
- */
- interface _RefresherTouchmoveInfo {
- /** 下拉的距离 */
- pullingDistance: number;
- /** 前后两次回调滑动距离的差值 */
- dy: number;
- /** refresh组件高度 */
- viewHeight: number;
- /** pullingDistance/viewHeight的比值 */
- rate: number;
- }
- /**
- * 自定义下拉刷新下拉拖动中
- * - use-custom-refresher为false时无效
- * - 在使用wxs的平台上,为减少wxs与js通信折损,只有在z-paging添加@refresherTouchmove时,wxs才会实时将下拉拖动事件传给js,在微信小程序和QQ小程序中,因$listeners无效,所以必须设置:watch-refresher-touchmove="true"方可使此事件被触发
- *
- * @param info touchmove信息
- */
- interface RefresherTouchmove {
- (info: _RefresherTouchmoveInfo): void;
- }
- /**
- * 自定义下拉刷新下拉结束
- * - use-custom-refresher为false时无效,nvue无效
- *
- * @param y 当前触摸开始的屏幕点的y值(单位px)
- */
- interface RefresherTouchend {
- (y: number): void;
- }
- /**
- * 下拉进入二楼状态:go-二楼开启 close-二楼关闭
- */
- type _RefresherF2ChangeStatus = 'go' | 'close';
- /**
- * 下拉进入二楼状态改变
- *
- * @since 2.7.7
- * @param status 下拉进入二楼状态:go-二楼开启 close-二楼关闭
- */
- interface RefresherF2Change {
- (status: _RefresherF2ChangeStatus): void;
- }
- /**
- * 自定义下拉刷新被触发
- */
- interface OnRefresh {
- (): void;
- }
- /**
- * 自定义下拉刷新被复位
- */
- interface OnRestore {
- (): void;
- }
- /**
- * 底部加载更多状态:0-默认状态 1.加载中 2.没有更多数据 3.加载失败
- */
- type _LoadingStatus = 0 | 1 | 2 | 3;
- /**
- * 下拉进入二楼状态改变
- *
- * @param status 底部加载更多状态:0-默认状态 1.加载中 2.没有更多数据 3.加载失败
- */
- interface LoadingStatusChange {
- (status: _LoadingStatus): void;
- }
- /**
- * 点击空数据图中重新加载后是否进行reload操作,默认为是。如果需要禁止reload事件,则调用handler(false)
- */
- type _EmptyViewReloadHandler = (value: boolean) => void;
- /**
- * 点击了空数据图中的重新加载按钮
- *
- * @since 1.8.0
- * @param handler 点击空数据图中重新加载后是否进行reload操作,默认为是。如果需要禁止reload事件,则调用handler(false)
- */
- interface EmptyViewReload {
- (handler: _EmptyViewReloadHandler): void;
- }
- /**
- * 点击了空数据图view
- *
- * @since 2.3.3
- */
- interface EmptyViewClick {
- (): void;
- }
- /**
- * 请求失败状态改变
- *
- * @since 2.5.0
- * @param isLoadFailed 当前是否是请求失败状态,为true代表是,反之为否;默认状态为否
- */
- interface IsLoadFailedChange {
- (isLoadFailed: boolean): void;
- }
- /**
- * 点击返回顶部按钮后是否滚动到顶部,默认为是。如果需要禁止滚动到顶部事件,则调用handler(false)
- */
- type _BackToTopClickHandler = (value: boolean) => void;
- /**
- * 点击了返回顶部按钮
- *
- * @since 2.6.1
- * @param handler 点击返回顶部按钮后是否滚动到顶部,默认为是。如果需要禁止滚动到顶部事件,则调用handler(false)
- */
- interface BackToTopClick {
- (handler: _BackToTopClickHandler): void;
- }
- /**
- * 虚拟列表当前渲染的数组改变时触发,在虚拟列表中只会渲染可见区域内+预加载页面的数据
- * -nvue无效
- *
- * @since 2.2.7
- * @param list 虚拟列表当前渲染的数组
- */
- interface VirtualListChange {
- (list: []): void;
- }
- /**
- * 使用虚拟列表或内置列表时点击了cell的信息
- */
- interface _InnerCellClickInfo<T> {
- /** 当前点击的item */
- item: T;
- /** 当前点击的index */
- index: number;
- }
- /**
- * 使用虚拟列表或内置列表时点击了cell
- * -nvue无效
- *
- * @since 2.4.0
- * @param info 点击cell的信息
- */
- interface InnerCellClick {
- (info: _InnerCellClickInfo<any>): void;
- }
- /**
- * 在聊天记录模式下,触摸列表隐藏了键盘
- *
- * @since 2.3.6
- */
- interface HidedKeyboard {
- (): void;
- }
- /**
- * 键盘的高度信息
- */
- interface _KeyboardHeightInfo {
- /** 键盘的高度 */
- height: number;
- }
- /**
- * 键盘高度改变
- * -聊天记录模式启用时才有效,如果在聊天记录模式页面需要监听键盘高度改变,请不要直接通过uni.onKeyboardHeightChange监听,否则可能导致z-paging内置的键盘高度改变监听失效。ps:H5、百度小程序、抖音小程序、飞书小程序不支持
- *
- * @since 2.7.1
- * @param info 键盘高度信息
- */
- interface KeyboardHeightChange {
- (info: _KeyboardHeightInfo): void;
- }
- /**
- * 列表滚动信息(vue)
- */
- interface _ScrollInfo {
- detail: {
- scrollLeft: number;
- scrollTop: number;
- scrollHeight: number;
- scrollWidth: number;
- deltaX: number;
- deltaY: number;
- }
- }
- /**
- * 列表滚动信息(nvue)
- */
- interface _ScrollInfoN {
- contentSize: {
- width: number;
- height: number;
- };
- contentOffset: {
- x: number;
- y: number;
- };
- isDragging: boolean;
- }
- /**
- * 列表滚动时触发
- *
- * @param event 滚动事件信息,vue使用_ScrollInfo,nvue使用_ScrollInfoN
- */
- interface Scroll {
- (event: _ScrollInfo | _ScrollInfoN): void;
- }
- /**
- * scrollTop改变时触发,使用点击返回顶部时需要获取scrollTop时可使用此事件
- *
- * @param scrollTop
- */
- interface ScrollTopChange {
- (scrollTop: number): void;
- }
- /**
- * 内置的scroll-view滚动底部时的来源(toBottom滚动到底部;click点击了加载更多view)
- */
- type _ScrolltolowerFrom = 'toBottom' | 'click';
- /**
- * 内置的scroll-view滚动底部时触发
- *
- * @param from 来源(toBottom滚动到底部;click点击了加载更多view)
- */
- interface Scrolltolower {
- (from: _ScrolltolowerFrom): void;
- }
- /**
- * 内置的scroll-view滚动顶部时触发
- */
- interface Scrolltoupper {
- (): void;
- }
- /**
- * 滚动结束时触发事件信息
- */
- interface _ScrollendEvent {
- contentSize: {
- width: number;
- height: number;
- };
- contentOffset: {
- x: number;
- y: number;
- };
- isDragging: boolean;
- }
- /**
- * 内置的list滚动结束时触发
- * -仅nvue有效
- *
- * @since 2.7.3
- * @param event 滚动结束时触发事件信息
- */
- interface Scrollend {
- (event: _ScrollendEvent): void;
- }
- /**
- * z-paging中内容高度改变时触发
- *
- * @since 2.1.3
- * @param height 改变后的高度
- */
- interface ContentHeightChanged {
- (height: number): void;
- }
- /**
- * 列表触摸的方向,top代表用户将列表向上移动(scrollTop不断减小),bottom代表用户将列表向下移动(scrollTop不断增大)
- */
- type _TouchDirection = 'top' | 'bottom';
- /**
- * 监听列表触摸方向改变
- *
- * @since 2.3.0
- * @param direction 列表触摸的方向,top代表用户将列表向上移动(scrollTop不断减小),bottom代表用户将列表向下移动(scrollTop不断增大)
- */
- interface TouchDirectionChange {
- (direction: _TouchDirection): void;
- }
- }
- }
- export {};
|