v2.7.7-released

SmileZXLee · Mar 31, 2024 · 1136da2 · 1136da2
1 parent 67864cf
commit 1136da2
Show file tree

Hide file tree

Showing 17 changed files with 84 additions and 51 deletions.
diff --git a/demo/z-paging-demo/components/custom-f2/custom-f2.vue b/demo/z-paging-demo/components/custom-f2/custom-f2.vue
@@ -7,12 +7,14 @@
 			<!-- #ifdef APP-NVUE -->
 			<n-navbar title="我的小程序" light :show-back="false"></n-navbar>
 			<!-- #endif -->
-			<view class="custom-f2-list">
-				<view class="custom-f2-item" v-for="index of 16" :key="index">
-					<image class="custom-f2-item-img" src="/static/duola.jpg" mode=""></image>
-					<text class="custom-f2-item-title">小程序{{index}}</text>
+			<scroll-view scroll-y class="custom-f2-list-container">
+				<view class="custom-f2-list">
+					<view class="custom-f2-item" v-for="index of 16" :key="index">
+						<image class="custom-f2-item-img" src="/static/duola.jpg" mode=""></image>
+						<text class="custom-f2-item-title">小程序{{index}}</text>
+					</view>
 				</view>
-			</view>
+			</scroll-view>
 		</view>
 		<view class="custom-f2-bottom" @click="onCloseF2Click">
 			<text class="custom-f2-bottom-text">回到首页</text>
@@ -49,6 +51,7 @@
 	}
 	.custom-f2-main {
 		flex: 1;
+		overflow: hidden;
 	}
 	.custom-f2-bottom {
 		background-color: #35364f;
@@ -66,6 +69,13 @@
 		font-weight: bold;
 		font-size: 32rpx;
 	}
+	.custom-f2-list-container {
+		height: 100%;
+		
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+	}
 	.custom-f2-list {
 		display: flex;
 		flex-direction: row;

diff --git a/demo/z-paging-demo/uni_modules/z-paging/changelog.md b/demo/z-paging-demo/uni_modules/z-paging/changelog.md
@@ -1,3 +1,8 @@
+## 2.7.7（2024-04-01）
+1.`新增` 下拉进入二楼功能及相关配置&demo。  
+2.`新增` 虚拟列表写法添加【非内置列表】写法，可良好兼容vue3中的各平台并有较优的性能表现。  
+3.`新增` `z-paging-cell`补充`@touchstart`事件。  
+4.`修复` 页面滚动模式设置了`auto-full-height`后可能出现的依然有异常空白占位的问题和下拉刷新时列表数据被切割的问题。  
 ## 2.7.6（2024-02-29）
 1.`新增` `max-width`，支持设置`z-paging`的最大宽度，默认`z-paging`宽度铺满窗口。  
 2.`新增` `chat-adjust-position-offset`，支持设置使用聊天记录模式中键盘弹出时占位高度偏移距离。    

diff --git a/demo/z-paging-demo/uni_modules/z-paging/components/z-paging/js/modules/nvue.js b/demo/z-paging-demo/uni_modules/z-paging/components/z-paging/js/modules/nvue.js
@@ -159,12 +159,13 @@ export default {
 		_nOnPullingdown(e) {
 			if (this.refresherStatus === Enum.Refresher.Loading || (this.isIos && !this.nListIsDragging)) return;
 			this._emitTouchmove(e);
-			const { viewHeight, pullingDistance } = e;
+			let { viewHeight, pullingDistance } = e;
 			// 更新下拉刷新状态
 			// 下拉刷新距离超过阈值
 			if (pullingDistance >= viewHeight) {
 				// 如果开启了下拉进入二楼并且下拉刷新距离超过进入二楼阈值，则当前下拉刷新状态为松手进入二楼，否则为松手立即刷新
-				this.refresherStatus = this.refresherF2Enabled && pullingDistance >= this.finalRefresherF2Threshold + viewHeight ? Enum.Refresher.GoF2 : Enum.Refresher.ReleaseToRefresh;
+				// (pullingDistance - viewHeight) + this.finalRefresherThreshold 不等同于pullingDistance，此处是为了兼容不同平台下拉相同距离pullingDistance不一致的问题，pullingDistance仅与viewHeight互相关联
+				this.refresherStatus = this.refresherF2Enabled && (pullingDistance - viewHeight) + this.finalRefresherThreshold >= this.finalRefresherF2Threshold ? Enum.Refresher.GoF2 : Enum.Refresher.ReleaseToRefresh;
 			} else {
 				// 下拉刷新距离未超过阈值，显示默认状态
 				this.refresherStatus = Enum.Refresher.Default;

diff --git a/demo/z-paging-demo/uni_modules/z-paging/package.json b/demo/z-paging-demo/uni_modules/z-paging/package.json
@@ -2,8 +2,8 @@
   "id": "z-paging",
   "name": "z-paging",
   "displayName": "【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，分页全自动处理",
-  "version": "2.7.6",
-  "description": "超简单、低耦合！使用wxs+renderjs实现。支持自定义下拉刷新、上拉加载更多、虚拟列表(轻松渲染万级列表)、自动管理空数据图、无闪动聊天分页、本地分页、国际化等100+项配置",
+  "version": "2.7.7",
+  "description": "超简单、低耦合！使用wxs+renderjs实现。支持自定义下拉刷新、上拉加载更多、虚拟列表、下拉进入二楼、自动管理空数据图、无闪动聊天分页、本地分页、国际化等100+项配置",
   "keywords": [
     "下拉刷新",
     "上拉加载",
@@ -41,7 +41,8 @@
     "platforms": {
       "cloud": {
         "tcb": "y",
-        "aliyun": "y"
+        "aliyun": "y",
+        "alipay": "n"
       },
       "client": {
         "App": {

diff --git a/demo/z-paging-vue3-demo/components/custom-f2/custom-f2.vue b/demo/z-paging-vue3-demo/components/custom-f2/custom-f2.vue
@@ -7,12 +7,14 @@
 			<!-- #ifdef APP-NVUE -->
 			<n-navbar title="我的小程序" light :show-back="false"></n-navbar>
 			<!-- #endif -->
-			<view class="custom-f2-list">
-				<view class="custom-f2-item" v-for="index of 16" :key="index">
-					<image class="custom-f2-item-img" src="/static/duola.jpg" mode=""></image>
-					<text class="custom-f2-item-title">小程序{{index}}</text>
+			<scroll-view scroll-y class="custom-f2-list-container">
+				<view class="custom-f2-list">
+					<view class="custom-f2-item" v-for="index of 16" :key="index">
+						<image class="custom-f2-item-img" src="/static/duola.jpg" mode=""></image>
+						<text class="custom-f2-item-title">小程序{{index}}</text>
+					</view>
 				</view>
-			</view>
+			</scroll-view>
 		</view>
 		<view class="custom-f2-bottom" @click="onCloseF2Click">
 			<text class="custom-f2-bottom-text">回到首页</text>
@@ -49,6 +51,7 @@
 	}
 	.custom-f2-main {
 		flex: 1;
+		overflow: hidden;
 	}
 	.custom-f2-bottom {
 		background-color: #35364f;
@@ -66,6 +69,13 @@
 		font-weight: bold;
 		font-size: 32rpx;
 	}
+	.custom-f2-list-container {
+		height: 100%;
+		
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+	}
 	.custom-f2-list {
 		display: flex;
 		flex-direction: row;

diff --git a/demo/z-paging-vue3-demo/uni_modules/z-paging/changelog.md b/demo/z-paging-vue3-demo/uni_modules/z-paging/changelog.md
@@ -1,3 +1,8 @@
+## 2.7.7（2024-04-01）
+1.`新增` 下拉进入二楼功能及相关配置&demo。  
+2.`新增` 虚拟列表写法添加【非内置列表】写法，可良好兼容vue3中的各平台并有较优的性能表现。  
+3.`新增` `z-paging-cell`补充`@touchstart`事件。  
+4.`修复` 页面滚动模式设置了`auto-full-height`后可能出现的依然有异常空白占位的问题和下拉刷新时列表数据被切割的问题。  
 ## 2.7.6（2024-02-29）
 1.`新增` `max-width`，支持设置`z-paging`的最大宽度，默认`z-paging`宽度铺满窗口。  
 2.`新增` `chat-adjust-position-offset`，支持设置使用聊天记录模式中键盘弹出时占位高度偏移距离。    

diff --git a/demo/z-paging-vue3-demo/uni_modules/z-paging/components/z-paging/js/modules/nvue.js b/demo/z-paging-vue3-demo/uni_modules/z-paging/components/z-paging/js/modules/nvue.js
@@ -159,12 +159,13 @@ export default {
 		_nOnPullingdown(e) {
 			if (this.refresherStatus === Enum.Refresher.Loading || (this.isIos && !this.nListIsDragging)) return;
 			this._emitTouchmove(e);
-			const { viewHeight, pullingDistance } = e;
+			let { viewHeight, pullingDistance } = e;
 			// 更新下拉刷新状态
 			// 下拉刷新距离超过阈值
 			if (pullingDistance >= viewHeight) {
 				// 如果开启了下拉进入二楼并且下拉刷新距离超过进入二楼阈值，则当前下拉刷新状态为松手进入二楼，否则为松手立即刷新
-				this.refresherStatus = this.refresherF2Enabled && pullingDistance >= this.finalRefresherF2Threshold + viewHeight ? Enum.Refresher.GoF2 : Enum.Refresher.ReleaseToRefresh;
+				// (pullingDistance - viewHeight) + this.finalRefresherThreshold 不等同于pullingDistance，此处是为了兼容不同平台下拉相同距离pullingDistance不一致的问题，pullingDistance仅与viewHeight互相关联
+				this.refresherStatus = this.refresherF2Enabled && (pullingDistance - viewHeight) + this.finalRefresherThreshold >= this.finalRefresherF2Threshold ? Enum.Refresher.GoF2 : Enum.Refresher.ReleaseToRefresh;
 			} else {
 				// 下拉刷新距离未超过阈值，显示默认状态
 				this.refresherStatus = Enum.Refresher.Default;

diff --git a/demo/z-paging-vue3-demo/uni_modules/z-paging/components/z-paging/js/z-paging-constant.js b/demo/z-paging-vue3-demo/uni_modules/z-paging/components/z-paging/js/z-paging-constant.js
@@ -2,7 +2,7 @@
 
 export default {
 	// 当前版本号
-	version: '2.7.6',
+	version: '2.7.7',
 	// 延迟操作的通用时间
 	delayTime: 100,
 	// 请求失败时候全局emit使用的key

diff --git a/demo/z-paging-vue3-demo/uni_modules/z-paging/components/z-paging/z-paging.vue b/demo/z-paging-vue3-demo/uni_modules/z-paging/components/z-paging/z-paging.vue
@@ -4,7 +4,7 @@
   / /_____| |_) | (_| | (_| | | | | | (_| |
  /___|    | .__/ \__,_|\__, |_|_| |_|\__, |
           |_|          |___/         |___/ 
-v2.7.6 (2024-02-29)
+v2.7.7 (2024-04-01)
 by ZXLee
 -->
 <!-- 文档地址：https://z-paging.zxlee.cn -->

diff --git a/demo/z-paging-vue3-demo/uni_modules/z-paging/package.json b/demo/z-paging-vue3-demo/uni_modules/z-paging/package.json
@@ -2,8 +2,8 @@
   "id": "z-paging",
   "name": "z-paging",
   "displayName": "【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，分页全自动处理",
-  "version": "2.7.6",
-  "description": "超简单、低耦合！使用wxs+renderjs实现。支持自定义下拉刷新、上拉加载更多、虚拟列表(轻松渲染万级列表)、自动管理空数据图、无闪动聊天分页、本地分页、国际化等100+项配置",
+  "version": "2.7.7",
+  "description": "超简单、低耦合！使用wxs+renderjs实现。支持自定义下拉刷新、上拉加载更多、虚拟列表、下拉进入二楼、自动管理空数据图、无闪动聊天分页、本地分页、国际化等100+项配置",
   "keywords": [
     "下拉刷新",
     "上拉加载",
@@ -41,7 +41,8 @@
     "platforms": {
       "cloud": {
         "tcb": "y",
-        "aliyun": "y"
+        "aliyun": "y",
+        "alipay": "n"
       },
       "client": {
         "App": {

diff --git a/demo/z-paging-vue3-demo/uni_modules/z-paging/readme.md b/demo/z-paging-vue3-demo/uni_modules/z-paging/readme.md
@@ -3,7 +3,7 @@
 <p align="center">
     <img alt="logo" src="https://z-paging.zxlee.cn/img/title-logo.png" height="100" style="margin-bottom: 50px;" />
 </p>
-[![version](https://img.shields.io/badge/version-2.7.6-blue)](https://github.com/SmileZXLee/uni-z-paging)
+[![version](https://img.shields.io/badge/version-2.7.7-blue)](https://github.com/SmileZXLee/uni-z-paging)
 [![license](https://img.shields.io/github/license/SmileZXLee/uni-z-paging)](https://en.wikipedia.org/wiki/MIT_License)  
 <img height="0" width="0" src="https://api.z-notify.zxlee.cn/v1/public/statistics/8293556910106066944/addOnly?from=uni" />   
 
@@ -34,17 +34,13 @@
 
 ***
 
-|                 自定义下拉刷新效果演示                  |                      滑动切换选项卡+吸顶演示                       |
-| :----------------------------------------------------------: | :----------------------------------------------------------: |
-| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo5.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo6.gif) |
+|                    自定义下拉刷新效果演示                    |                   滑动切换选项卡+吸顶演示                    | 聊天记录模式演示                                             |
+| :----------------------------------------------------------: | :----------------------------------------------------------: | ------------------------------------------------------------ |
+| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo5.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo6.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo7.gif) |
 
-|                   聊天记录模式演示                    |                    虚拟列表(流畅渲染1万+条)演示                     |
-| :----------------------------------------------------------: | :----------------------------------------------------------: |
-| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo7.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo8.gif) |
-
-|                       下拉进入二楼演示                       |                       在弹窗内使用演示                       |
-| :----------------------------------------------------------: | :----------------------------------------------------------: |
-| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo9.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo10.gif) |
+|                 虚拟列表(流畅渲染1万+条)演示                 |                       下拉进入二楼演示                       | 在弹窗内使用演示                                             |
+| :----------------------------------------------------------: | :----------------------------------------------------------: | ------------------------------------------------------------ |
+| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo8.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo9.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo10.gif) |
 
 
 ### 在线demo体验地址：

diff --git a/z-paging/README.md b/z-paging/README.md
@@ -3,7 +3,7 @@
 <p align="center">
     <img alt="logo" src="https://z-paging.zxlee.cn/img/title-logo.png" height="100" style="margin-bottom: 50px;" />
 </p>
-[![version](https://img.shields.io/badge/version-2.7.6-blue)](https://github.com/SmileZXLee/uni-z-paging)
+[![version](https://img.shields.io/badge/version-2.7.7-blue)](https://github.com/SmileZXLee/uni-z-paging)
 [![license](https://img.shields.io/github/license/SmileZXLee/uni-z-paging)](https://en.wikipedia.org/wiki/MIT_License)  
 <img height="0" width="0" src="https://api.z-notify.zxlee.cn/v1/public/statistics/8293556910106066944/addOnly?from=uni" />   
 
@@ -34,17 +34,13 @@
 
 ***
 
-|                 自定义下拉刷新效果演示                  |                      滑动切换选项卡+吸顶演示                       |
-| :----------------------------------------------------------: | :----------------------------------------------------------: |
-| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo5.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo6.gif) |
+|                    自定义下拉刷新效果演示                    |                   滑动切换选项卡+吸顶演示                    | 聊天记录模式演示                                             |
+| :----------------------------------------------------------: | :----------------------------------------------------------: | ------------------------------------------------------------ |
+| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo5.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo6.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo7.gif) |
 
-|                   聊天记录模式演示                    |                    虚拟列表(流畅渲染1万+条)演示                     |
-| :----------------------------------------------------------: | :----------------------------------------------------------: |
-| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo7.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo8.gif) |
-
-|                       下拉进入二楼演示                       |                       在弹窗内使用演示                       |
-| :----------------------------------------------------------: | :----------------------------------------------------------: |
-| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo9.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo10.gif) |
+|                 虚拟列表(流畅渲染1万+条)演示                 |                       下拉进入二楼演示                       | 在弹窗内使用演示                                             |
+| :----------------------------------------------------------: | :----------------------------------------------------------: | ------------------------------------------------------------ |
+| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo8.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo9.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo10.gif) |
 
 
 ### 在线demo体验地址：

diff --git a/z-paging/changelog.md b/z-paging/changelog.md
@@ -1,3 +1,8 @@
+## 2.7.7（2024-04-01）
+1.`新增` 下拉进入二楼功能及相关配置&demo。  
+2.`新增` 虚拟列表写法添加【非内置列表】写法，可良好兼容vue3中的各平台并有较优的性能表现。  
+3.`新增` `z-paging-cell`补充`@touchstart`事件。  
+4.`修复` 页面滚动模式设置了`auto-full-height`后可能出现的依然有异常空白占位的问题和下拉刷新时列表数据被切割的问题。  
 ## 2.7.6（2024-02-29）
 1.`新增` `max-width`，支持设置`z-paging`的最大宽度，默认`z-paging`宽度铺满窗口。  
 2.`新增` `chat-adjust-position-offset`，支持设置使用聊天记录模式中键盘弹出时占位高度偏移距离。    

diff --git a/z-paging/components/z-paging/js/modules/nvue.js b/z-paging/components/z-paging/js/modules/nvue.js
@@ -159,12 +159,13 @@ export default {
 		_nOnPullingdown(e) {
 			if (this.refresherStatus === Enum.Refresher.Loading || (this.isIos && !this.nListIsDragging)) return;
 			this._emitTouchmove(e);
-			const { viewHeight, pullingDistance } = e;
+			let { viewHeight, pullingDistance } = e;
 			// 更新下拉刷新状态
 			// 下拉刷新距离超过阈值
 			if (pullingDistance >= viewHeight) {
 				// 如果开启了下拉进入二楼并且下拉刷新距离超过进入二楼阈值，则当前下拉刷新状态为松手进入二楼，否则为松手立即刷新
-				this.refresherStatus = this.refresherF2Enabled && pullingDistance >= this.finalRefresherF2Threshold + viewHeight ? Enum.Refresher.GoF2 : Enum.Refresher.ReleaseToRefresh;
+				// (pullingDistance - viewHeight) + this.finalRefresherThreshold 不等同于pullingDistance，此处是为了兼容不同平台下拉相同距离pullingDistance不一致的问题，pullingDistance仅与viewHeight互相关联
+				this.refresherStatus = this.refresherF2Enabled && (pullingDistance - viewHeight) + this.finalRefresherThreshold >= this.finalRefresherF2Threshold ? Enum.Refresher.GoF2 : Enum.Refresher.ReleaseToRefresh;
 			} else {
 				// 下拉刷新距离未超过阈值，显示默认状态
 				this.refresherStatus = Enum.Refresher.Default;

diff --git a/z-paging/components/z-paging/js/z-paging-constant.js b/z-paging/components/z-paging/js/z-paging-constant.js
@@ -2,7 +2,7 @@
 
 export default {
 	// 当前版本号
-	version: '2.7.6',
+	version: '2.7.7',
 	// 延迟操作的通用时间
 	delayTime: 100,
 	// 请求失败时候全局emit使用的key

diff --git a/z-paging/components/z-paging/z-paging.vue b/z-paging/components/z-paging/z-paging.vue
@@ -4,7 +4,7 @@
   / /_____| |_) | (_| | (_| | | | | | (_| |
  /___|    | .__/ \__,_|\__, |_|_| |_|\__, |
           |_|          |___/         |___/ 
-v2.7.6 (2024-02-29)
+v2.7.7 (2024-04-01)
 by ZXLee
 -->
 <!-- 文档地址：https://z-paging.zxlee.cn -->

diff --git a/z-paging/package.json b/z-paging/package.json
@@ -2,8 +2,8 @@
   "id": "z-paging",
   "name": "z-paging",
   "displayName": "【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，分页全自动处理",
-  "version": "2.7.6",
-  "description": "超简单、低耦合！使用wxs+renderjs实现。支持自定义下拉刷新、上拉加载更多、虚拟列表(轻松渲染万级列表)、自动管理空数据图、无闪动聊天分页、本地分页、国际化等100+项配置",
+  "version": "2.7.7",
+  "description": "超简单、低耦合！使用wxs+renderjs实现。支持自定义下拉刷新、上拉加载更多、虚拟列表、下拉进入二楼、自动管理空数据图、无闪动聊天分页、本地分页、国际化等100+项配置",
   "keywords": [
     "下拉刷新",
     "上拉加载",
@@ -41,7 +41,8 @@
     "platforms": {
       "cloud": {
         "tcb": "y",
-        "aliyun": "y"
+        "aliyun": "y",
+        "alipay": "n"
       },
       "client": {
         "App": {