type _Arrayable = T | T[]; declare global { /** * z-paging返回数据 * * @since 2.5.3 */ interface ZPagingReturnData { /** * 总列表 */ 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 { /** * 重新加载分页数据,pageNo恢复为默认值,相当于下拉刷新的效果 * * @param [animate=false] 是否展示下拉刷新动画 */ reload: (animate?: boolean) => Promise>; /** * 刷新列表数据,pageNo和pageSize不会重置,列表数据会重新从服务端获取 * * @since 2.0.4 */ refresh: () => Promise>; /** * 刷新列表数据至指定页 * * @since 2.5.9 * @param page 目标页数 */ refreshToPage: (page: number) => Promise>; /** * 请求结束 * - 当通过complete传进去的数组长度小于pageSize时,则判定为没有更多了 * * @param [data] 请求结果数组 * @param [success=true] 是否请求成功 */ complete: (data?: T[] | false, success?: boolean) => Promise>; /** * 请求结束 * - 通过total判断是否有更多数据 * * @since 2.0.6 * @param data 请求结果数组 * @param total 列表总长度 * @param [success=true] 是否请求成功 */ completeByTotal: (data: T[], total: number, success?: boolean) => Promise>; /** * 请求结束 * - 自行判断是否有更多数据 * * @since 1.9.2 * @param data 请求结果数组 * @param noMore 是否没有更多数据 * @param [success=true] 是否请求成功 */ completeByNoMore: (data: T[], noMore: boolean, success?: boolean) => Promise>; /** * 请求失败 * - 通过方法传入请求失败原因,将请求失败原因传递给z-paging展示 * * @since 2.6.3 * @param cause 请求失败原因 */ completeByError: (cause: string) => Promise>; /** * 请求结束 * - 保证数据一致 * * @since 1.6.4 * @param data 请求结果数组 * @param key dataKey,需与:data-key绑定的一致 * @param [success=true] 是否请求成功 */ completeByKey: (data: T[], key: string, success?: boolean) => Promise>; /** * 清空分页数据,pageNo恢复为默认值 * * @since 2.1.0 */ clear: () => void; /** * 从顶部添加数据,不会影响分页的pageNo和pageSize * * @param data 需要添加的数据,可以是一条数据或一组数据 * @param [scrollToTop=true] 是否滚动到顶部,不填默认为true * @param [animate=true] 是否使用动画滚动到顶部 */ addDataFromTop: (data: _Arrayable, 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>; /** * 手动触发滚动到顶部加载更多,聊天记录模式时有效 */ doChatRecordLoadMore: () => void; /** * 添加聊天记录,use-chat-record-mode为true时有效 * * @param data 需要添加的聊天数据,可以是一条数据或一组数据 * @param [scrollToBottom=true] 是否滚动到底部 * @param [animate=true] 是否使用动画滚动到底部 */ addChatRecordData: (data: _Arrayable, 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; } /** * 虚拟列表数据项 * * @since 2.7.7 */ type ZPagingVirtualItem = 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 { /** 当前点击的item */ item: T; /** 当前点击的index */ index: number; } /** * 使用虚拟列表或内置列表时点击了cell * -nvue无效 * * @since 2.4.0 * @param info 点击cell的信息 */ interface InnerCellClick { (info: _InnerCellClickInfo): 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 {};