z-paging.wxml 11 KB

12
  1. <wxs src="./wxs/z-paging-wxs.wxs" module="pagingWxs"></wxs>
  2. <view class="{{['data-v-28ebb0e4',(true)?'z-paging-content':'',(!usePageScroll&&fixed)?'z-paging-content-fixed':'',(usePageScroll)?'z-paging-content-page':'',(renderPropScrollTop<1)?'z-paging-reached-top':'']}}" style="{{$root.s0}}"><block wx:if="{{cssSafeAreaInsetBottom===-1}}"><view class="zp-safe-area-inset-bottom data-v-28ebb0e4"></view></block><block wx:if="{{!usePageScroll&&$slots.top}}"><slot name="top"></slot></block><block wx:else><block wx:if="{{usePageScroll&&$slots.top}}"><view class="zp-page-top data-v-28ebb0e4" style="{{'top:'+(windowTop+'px')+';'+('z-index:'+(topZIndex)+';')}}"><slot name="top"></slot></view></block></block><view class="{{['data-v-28ebb0e4',(true)?'zp-view-super':'',(!usePageScroll)?'zp-scroll-view-super':'']}}" style="{{$root.s1}}"><block wx:if="{{$slots.left}}"><view class="{{['data-v-28ebb0e4',(true)?'zp-page-left':'',(finalIsOldWebView)?'zp-absoulte':'']}}"><slot name="left"></slot></view></block><view class="{{['data-v-28ebb0e4',(true)?'zp-scroll-view-container':'',(finalIsOldWebView)?'zp-absoulte':'']}}" style="{{$root.s2}}"><scroll-view class="{{['data-v-28ebb0e4','vue-ref',(true)?'zp-scroll-view':'',(!usePageScroll)?'zp-scroll-view-absolute':'',(!showScrollbar)?'zp-scroll-view-hide-scrollbar':'']}}" scroll-top="{{scrollTop}}" scroll-x="{{scrollX}}" scroll-y="{{scrollable&&!usePageScroll&&scrollEnable&&(refresherCompleteScrollable?true:refresherStatus!==R.Complete)}}" enable-back-to-top="{{finalEnableBackToTop}}" show-scrollbar="{{showScrollbar}}" scroll-with-animation="{{finalScrollWithAnimation}}" scroll-into-view="{{scrollIntoView}}" lower-threshold="{{finalLowerThreshold}}" upper-threshold="{{5}}" refresher-enabled="{{finalRefresherEnabled&&!useCustomRefresher}}" refresher-threshold="{{finalRefresherThreshold}}" refresher-default-style="{{finalRefresherDefaultStyle}}" refresher-background="{{refresherBackground}}" refresher-triggered="{{finalRefresherTriggered}}" data-ref="zp-scroll-view" data-event-opts="{{[['scroll',[['_scroll',['$event']]]],['scrolltolower',[['_onLoadingMore',['toBottom']]]],['scrolltoupper',[['_scrollToUpper',['$event']]]],['refresherrestore',[['_onRestore',['$event']]]],['refresherrefresh',[['_onRefresh',[true]]]]]}}" bindscroll="__e" bindscrolltolower="__e" bindscrolltoupper="__e" bindrefresherrestore="__e" bindrefresherrefresh="__e"><view class="zp-paging-touch-view data-v-28ebb0e4" bindtouchstart="{{pagingWxs.touchstart}}" bindtouchmove="{{pagingWxs.touchmove}}" bindtouchend="{{pagingWxs.touchend}}" bindtouchcancel="{{pagingWxs.touchend}}" bindmousedown="{{pagingWxs.mousedown}}" bindmousemove="{{pagingWxs.mousemove}}" bindmouseup="{{pagingWxs.mouseup}}" bindmouseleave="{{pagingWxs.mouseleave}}"><block wx:if="{{finalRefresherFixedBacHeight>0}}"><view class="zp-fixed-bac-view data-v-28ebb0e4" style="{{'background:'+(refresherFixedBackground)+';'+('height:'+(finalRefresherFixedBacHeight+'px')+';')}}"></view></block><view class="zp-paging-main data-v-28ebb0e4" style="{{$root.s3}}" change:prop="{{pagingWxs.propObserver}}" prop="{{wxsPropType}}" data-refresherThreshold="{{finalRefresherThreshold}}" data-isIos="{{isIos}}" data-loading="{{loading||isRefresherInComplete}}" data-useChatRecordMode="{{useChatRecordMode}}" data-refresherEnabled="{{refresherEnabled}}" data-useCustomRefresher="{{useCustomRefresher}}" data-pageScrollTop="{{wxsPageScrollTop}}" data-scrollTop="{{wxsScrollTop}}" data-refresherMaxAngle="{{refresherMaxAngle}}" data-refresherAecc="{{refresherAngleEnableChangeContinued}}" data-usePageScroll="{{usePageScroll}}" data-watchTouchDirectionChange="{{watchTouchDirectionChange}}" data-oldIsTouchmoving="{{isTouchmoving}}" data-refresherOutRate="{{finalRefresherOutRate}}" data-refresherPullRate="{{finalRefresherPullRate}}" data-hasTouchmove="{{hasTouchmove}}"><block wx:if="{{showRefresher}}"><view class="zp-custom-refresher-view data-v-28ebb0e4" style="{{'margin-top:'+('-'+finalRefresherThreshold+'px')+';'+('background:'+(refresherBackground)+';')+('opacity:'+(isTouchmoving?1:0)+';')}}"><view class="zp-custom-refresher-container data-v-28ebb0e4" style="{{'height:'+(finalRefresherThreshold+'px')+';'+('background:'+(refresherBackground)+';')}}"><view class="zp-custom-refresher-slot-view data-v-28ebb0e4"><block wx:if="{{!($slots.refresherComplete&&refresherStatus===R.Complete)}}"><slot name="refresher"></slot><scoped-slots-refresher refresherStatus="{{refresherStatus}}" class="scoped-ref" bind:__l="__l"></scoped-slots-refresher></block></view><block wx:if="{{$slots.refresherComplete&&refresherStatus===R.Complete}}"><slot name="refresherComplete"></slot></block><block wx:else><block wx:if="{{!showCustomRefresher}}"><z-paging-refresh style="{{'height:'+(finalRefresherThreshold+'px')+';'}}" vue-id="16ea26bc-1" status="{{refresherStatus}}" defaultThemeStyle="{{finalRefresherThemeStyle}}" defaultText="{{finalRefresherDefaultText}}" pullingText="{{finalRefresherPullingText}}" refreshingText="{{finalRefresherRefreshingText}}" completeText="{{finalRefresherCompleteText}}" defaultImg="{{refresherDefaultImg}}" pullingImg="{{refresherPullingImg}}" refreshingImg="{{refresherRefreshingImg}}" completeImg="{{refresherCompleteImg}}" showUpdateTime="{{showRefresherUpdateTime}}" updateTimeKey="{{refresherUpdateTimeKey}}" updateTimeTextMap="{{finalRefresherUpdateTimeTextMap}}" imgStyle="{{refresherImgStyle}}" titleStyle="{{refresherTitleStyle}}" updateTimeStyle="{{refresherUpdateTimeStyle}}" data-ref="refresh" class="data-v-28ebb0e4 vue-ref" bind:__l="__l"></z-paging-refresh></block></block></view></view></block><view class="zp-paging-container data-v-28ebb0e4"><block wx:if="{{$root.g0}}"><slot name="chatLoading"></slot></block><block wx:else><block wx:if="{{$root.g1}}"><view class="zp-chat-record-loading-container data-v-28ebb0e4"><block wx:if="{{loadingStatus!==M.Loading}}"><text data-event-opts="{{[['tap',[['_scrollToUpper']]]]}}" class="{{['data-v-28ebb0e4',defaultThemeStyle==='white'?'zp-loading-more-text zp-loading-more-text-white':'zp-loading-more-text zp-loading-more-text-black']}}" bindtap="__e">{{chatRecordLoadingMoreText}}</text></block><block wx:else><image class="zp-chat-record-loading-custom-image data-v-28ebb0e4" src="{{base64Flower}}"></image></block></view></block></block><block wx:if="{{showLoading&&$slots.loading&&!loadingFullFixed}}"><slot name="loading"></slot></block><view class="zp-paging-container-content data-v-28ebb0e4" style="{{$root.s4}}"><slot></slot><block wx:if="{{finalUseInnerList}}"><slot name="header"></slot><view class="zp-list-container data-v-28ebb0e4" style="{{$root.s5}}"><block wx:if="{{finalUseVirtualList}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="zp_unique_index"><view class="zp-list-cell data-v-28ebb0e4" style="{{item.s6}}" id="{{'zp-id-'+item.$orig['zp_index']}}" data-event-opts="{{[['tap',[['_innerCellClick',['$0',virtualTopRangeIndex+index],[[['virtualList','zp_unique_index',item.$orig['zp_unique_index']]]]]]]]}}" bindtap="__e"><block wx:if="{{useCompatibilityMode}}"><view class="data-v-28ebb0e4">使用兼容模式请在组件源码z-paging.vue第99行中注释这一行,并打开下面一行注释</view></block><block wx:else><slot name="cell"></slot><scoped-slots-cell item="{{item.$orig}}" index="{{virtualTopRangeIndex+index}}" class="scoped-ref" bind:__l="__l"></scoped-slots-cell></block></view></block></block><block wx:else><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['_innerCellClick',['$0',index],[[['realTotalData','',index]]]]]]]}}" class="zp-list-cell data-v-28ebb0e4" bindtap="__e"><slot name="cell"></slot><scoped-slots-cell item="{{item.$orig}}" index="{{index}}" class="scoped-ref" bind:__l="__l"></scoped-slots-cell></view></block></block></view><slot name="footer"></slot></block><block wx:if="{{useVirtualList}}"><view class="zp-virtual-placeholder data-v-28ebb0e4" style="{{'height:'+(virtualPlaceholderBottomHeight+'px')+';'}}"></view></block><block wx:if="{{showLoadingMoreDefault}}"><slot name="loadingMoreDefault"></slot></block><block wx:else><block wx:if="{{showLoadingMoreLoading}}"><slot name="loadingMoreLoading"></slot></block><block wx:else><block wx:if="{{showLoadingMoreNoMore}}"><slot name="loadingMoreNoMore"></slot></block><block wx:else><block wx:if="{{showLoadingMoreFail}}"><slot name="loadingMoreFail"></slot></block><block wx:else><block wx:if="{{showLoadingMoreCustom}}"><z-paging-load-more vue-id="16ea26bc-2" config="{{zLoadMoreConfig}}" data-event-opts="{{[['^doClick',[['_onLoadingMore',['click']]]]]}}" bind:doClick="__e" class="data-v-28ebb0e4" bind:__l="__l"></z-paging-load-more></block></block></block></block></block><block wx:if="{{safeAreaInsetBottom&&useSafeAreaPlaceholder}}"><view class="zp-safe-area-placeholder data-v-28ebb0e4" style="{{'height:'+(safeAreaBottom+'px')+';'}}"></view></block></view><block wx:if="{{showEmpty}}"><view class="{{['data-v-28ebb0e4',(true)?'zp-empty-view':'',(emptyViewCenter)?'zp-empty-view-center':'']}}" style="{{'empty-view-super-style:'+(emptyViewSuperStyle)+';'}}"><block wx:if="{{$slots.empty}}"><slot name="empty"></slot></block><block wx:else><z-paging-empty-view vue-id="16ea26bc-3" emptyViewImg="{{finalEmptyViewImg}}" emptyViewText="{{finalEmptyViewText}}" showEmptyViewReload="{{finalShowEmptyViewReload}}" emptyViewReloadText="{{finalEmptyViewReloadText}}" isLoadFailed="{{isLoadFailed}}" emptyViewStyle="{{emptyViewStyle}}" emptyViewTitleStyle="{{emptyViewTitleStyle}}" emptyViewImgStyle="{{emptyViewImgStyle}}" emptyViewReloadStyle="{{emptyViewReloadStyle}}" emptyViewZIndex="{{emptyViewZIndex}}" emptyViewFixed="{{emptyViewFixed}}" data-event-opts="{{[['^reload',[['_emptyViewReload']]],['^viewClick',[['_emptyViewClick']]]]}}" bind:reload="__e" bind:viewClick="__e" class="data-v-28ebb0e4" bind:__l="__l"></z-paging-empty-view></block></view></block></view></view></view></scroll-view></view><block wx:if="{{$slots.right}}"><view class="{{['data-v-28ebb0e4',(true)?'zp-page-right':'',(finalIsOldWebView)?'zp-absoulte zp-right':'']}}"><slot name="right"></slot></view></block></view><block wx:if="{{!usePageScroll&&$slots.bottom}}"><slot name="bottom"></slot></block><block wx:else><block wx:if="{{usePageScroll&&$slots.bottom}}"><view class="zp-page-bottom data-v-28ebb0e4" style="{{'bottom:'+(windowBottom+'px')+';'}}"><slot name="bottom"></slot></view></block></block><block wx:if="{{showBackToTopClass}}"><view data-event-opts="{{[['tap',[['_backToTopClick',['$event']]]]]}}" class="{{['data-v-28ebb0e4',backToTopClass]}}" style="{{$root.s7}}" catchtap="__e"><block wx:if="{{$slots.backToTop}}"><slot name="backToTop"></slot></block><block wx:else><image class="zp-back-to-top-img data-v-28ebb0e4" src="{{$root.g2?backToTopImg:base64BackToTop}}"></image></block></view></block><block wx:if="{{showLoading&&$slots.loading&&loadingFullFixed}}"><view class="zp-loading-fixed data-v-28ebb0e4"><slot name="loading"></slot></view></block></view>