uview-plus 3.2.16 → 3.2.18

package/changelog.md

@@ -1,3 +1,17 @@
+## 3.2.18（2024-05-09）
+fix: 349 popup 组件设置 zIndex 属性后，组件渲染异常#
+feat: 搜索框增加adjustPosition属性
+fix: #331增加u-action-sheet__cancel
+优化mixin兼容性
+feat: #326 up-list增加下拉刷新功能
+fix: #319 优化up-tabs参数与定义匹配
+fix: index-list组件微信小程序端使用自定义导航栏异常
+fix: #285 pickerimmediateChange 写死为true
+fix: #111 u-scroll-list组件,隐藏指示器后报错, 提示找不到ref
+list增加微信小程序防抖配置
+
+## 3.2.17（2024-05-08）
+fix: 支付宝小程序二维码渲染
 ## 3.2.16（2024-05-06）
 修复tabs中，当前激活样式的undefined bug
 

package/components/u-action-sheet/u-action-sheet.vue

@@ -92,7 +92,8 @@
 			    height="6"
 			    v-if="cancelText"
 			></u-gap>
-			<view hover-class="u-action-sheet--hover">
+			<view class="u-action-sheet__item-wrap__item u-action-sheet__cancel"
+				hover-class="u-action-sheet--hover">
 				<text
 				    @touchmove.stop.prevent
 				    :hover-stay-time="150"

package/components/u-index-list/u-index-list.vue

@@ -366,6 +366,7 @@
 				// 非nvue通过detail获取滚动条位移
 				scrollTop = e.detail.scrollTop
 				// #endif
+				scrollTop += getPx(this.customNavHeight)
 				for (let i = 0; i < len; i++) {
 					const item = children[i],
 						nextItem = children[i + 1]

package/components/u-list/props.js

@@ -70,8 +70,31 @@ export default {
         preLoadScreen: {
             type: [String, Number],
             default: () => defProps.list.preLoadScreen
-        }
-        // vue下，是否开启虚拟列表
-
+        },
+        // 开启自定义下拉刷新
+        refresherEnabled: {
+            type: Boolean,
+            default: () => false
+        },
+        // 设置自定义下拉刷新阈值	
+        refresherThreshold: {
+            type: Number,
+            default: () => 45
+        },
+        // 设置自定义下拉刷新默认样式，支持设置 black，white，none，none 表示不使用默认样式
+        refresherDefaultStyle: {
+            type: String,
+            default: () => 'black'
+        },
+        // 设置自定义下拉刷新区域背景颜色
+        refresherBackground: {
+            type: String,
+            default: () => '#FFF'
+        },
+        // 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发
+        refresherTriggered: {
+            type: Boolean,
+            default: () => false
+        },
     }
 }

package/components/u-list/u-list.vue

@@ -28,6 +28,16 @@
 		@scroll="onScroll"
 		@scrolltolower="scrolltolower"
 		@scrolltoupper="scrolltoupper"
+		:refresher-enabled="refresherEnabled"
+		:refresher-threshold="refresherThreshold"
+		:refresher-default-style="refresherDefaultStyle"
+		:refresher-background="refresherBackground"
+		:refresher-triggered="refresherTriggered"
+		@refresherpulling="refresherpulling"
+		@refresherrefresh="refresherrefresh"
+		@refresherrestore="refresherrestore"
+		@refresherabort="refresherabort"
+		:scroll-anchoring="true"
 	>
 		<view>
 			<slot />
@@ -104,7 +114,8 @@
 			this.anchors = []
 		},
 		mounted() {},
-		emits: ["scroll", "scrolltolower", "scrolltoupper"],
+		emits: ["scroll", "scrolltolower", "scrolltoupper",
+			"refresherpulling", "refresherrefresh", "refresherrestore", "refresherabort"],
 		methods: {
 			updateOffsetFromChild(top) {
 				this.offset = top
@@ -144,6 +155,18 @@
 					// 这一句很重要，能绝对保证在性功能障碍的webview，滚动条到顶时，取消偏移值，让页面置顶
 					this.offset = 0
 				})
+			},
+			refresherpulling(e) {
+				this.$emit('refresherpulling', e)
+			},
+			refresherrefresh(e) {
+				this.$emit('refresherrefresh', e)
+			},
+			refresherrestore(e) {
+				this.$emit('refresherrestore', e)
+			},
+			refresherabort(e) {
+				this.$emit('refresherabort', e)
 			}
 			// #endif
 		},

package/components/u-parse/u-parse.vue

@@ -127,11 +127,12 @@ export default {
 		}
 	},
 	// #ifdef VUE2
-		beforeDestroy() {
-		// #endif
-		// #ifdef VUE3
-		beforeUnmount() {
-		// #endif
+	// beforeDestroy()
+	// #endif
+	// #ifdef VUE3
+	beforeUnmount()
+	// #endif
+	{
 		this._hook('onDetached')
 	},
 	methods: {

package/components/u-picker/u-picker.vue

@@ -19,7 +19,7 @@
 				class="u-picker__view"
 				:indicatorStyle="`height: ${addUnit(itemHeight)}`"
 				:value="innerIndex"
-				:immediateChange="true"
+				:immediateChange="immediateChange"
 				:style="{
 					height: `${addUnit(visibleItemCount * itemHeight)}`
 				}"
@@ -72,7 +72,7 @@
  * @property {String}			keyName				选项对象中，需要展示的属性键名（默认 'text' ）
  * @property {Boolean}			closeOnClickOverlay	是否允许点击遮罩关闭选择器（默认 false ）
  * @property {Array}			defaultIndex		各列的默认索引
- * @property {Boolean}			immediateChange		是否在手指松开时立即触发change事件（默认 false ）
+ * @property {Boolean}			immediateChange		是否在手指松开时立即触发change事件（默认 true ）
  * @event {Function} close		关闭选择器时触发
  * @event {Function} cancel		点击取消按钮触发
  * @event {Function} change		当选择值变化时触发

package/components/u-popup/u-popup.vue

@@ -4,6 +4,7 @@
 			:show="show"
 			@click="overlayClick"
 			v-if="overlay"
+			:zIndex="zIndex"
 			:duration="overlayDuration"
 			:customStyle="overlayStyle"
 			:opacity="overlayOpacity"

package/components/u-qrcode/u-qrcode.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="u-qrcode">
-		<canvas class="u-qrcode__canvas" :canvas-id="cid" :style="{ width: size + unit, height: size + unit }" />
+		<canvas class="u-qrcode__canvas" :id="cid" :canvas-id="cid" :style="{ width: size + unit, height: size + unit }" />
 		<image v-show="show" :src="result" :style="{ width: size + unit, height: size + unit }" />
 	</view>
 </template>

package/components/u-scroll-list/nvue.js

@@ -6,7 +6,10 @@ export default {
         // 此处不写注释，请自行体会
         nvueScrollHandler(e) {
             const anchor = this.$refs['u-scroll-list__scroll-view'].ref
-            const element = this.$refs['u-scroll-list__indicator__line__bar'].ref
+            const element = {}
+            if (this.$refs['u-scroll-list__indicator__line__bar']) {
+                element = this.$refs['u-scroll-list__indicator__line__bar'].ref
+            }
             const scrollLeft = e.contentOffset.x
             const contentSize = e.contentSize.width
             const { scrollWidth } = this

package/components/u-search/props.js

@@ -118,6 +118,16 @@ export default {
         label: {
             type: [String, Number, null],
             default: () => defProps.search.label
+        },
+        // 键盘弹起时，是否自动上推页面	
+        adjustPosition: {
+            type: Boolean,
+            default: () => true
+        },
+        // 键盘收起时，是否自动失去焦点	
+        autoBlur: {
+            type: Boolean,
+            default: () => false
         }
     }
 }

package/components/u-search/u-search.vue

@@ -37,6 +37,8 @@
 			    @focus="getFocus"
 			    :focus="focus"
 			    :maxlength="maxlength"
+				:adjust-position="adjustPosition"
+				:auto-blur="autoBlur"
 			    placeholder-class="u-search__content__input--placeholder"
 			    :placeholder="placeholder"
 			    :placeholder-style="`color: ${placeholderColor}`"
@@ -103,6 +105,8 @@
 	 * @property {String | Number}	maxlength			输入框最大能输入的长度，-1为不限制长度  (默认 '-1' )
 	 * @property {String | Number}	height				输入框高度，单位px（默认 64 ）
 	 * @property {String | Number}	label				搜索框左边显示内容
+	 * @property {Boolean}	        adjustPosition	    键盘弹起时，是否自动上推页面	
+	 * @property {Boolean}	        autoBlur	        键盘收起时，是否自动失去焦点		
 	 * @property {Object}			customStyle			定义需要用到的外部样式
 	 *
 	 * @event {Function} change 输入框内容发生变化时触发

package/components/u-tabs/u-tabs.vue

@@ -90,6 +90,7 @@
 	import mixin from '../../libs/mixin/mixin';
 	import defProps from '../../libs/config/props.js';
 	import { addUnit, addStyle, deepMerge, getPx, sleep, sys } from '../../libs/function/index';
+import Index from '@/pages/template/login/index.vue';
 	/**
 	 * Tabs 标签
 	 * @description tabs标签组件，在标签多的时候，可以配置为左右滑动，标签少的时候，可以禁止滑动。 该组件的一个特点是配置为滚动模式时，激活的tab会自动移动到组件的中间位置。
@@ -204,7 +205,7 @@
 				this.$emit('click', {
 					...item,
 					index
-				})
+				}, index)
 				// 如果disabled状态，返回
 				if (item.disabled) return
 				this.innerCurrent = index
@@ -212,7 +213,7 @@
 				this.$emit('change', {
 					...item,
 					index
-				})
+				}, index)
 			},
 			init() {
 				sleep().then(() => {

package/libs/config/props/picker.js

@@ -25,6 +25,6 @@ export default {
         keyName: 'text',
         closeOnClickOverlay: false,
         defaultIndex: [],
-		immediateChange: false
+		immediateChange: true
     }
 }

package/libs/mixin/mixin.js

@@ -150,11 +150,12 @@ export default {
         uni.$emit('uOnReachBottom')
 	},
 	// #ifdef VUE2
-	beforeDestroy() {
+	// beforeDestroy()
 	// #endif
 	// #ifdef VUE3
-	beforeUnmount() {
+	beforeUnmount()
 	// #endif
+    {
         // 判断当前页面是否存在parent和chldren，一般在checkbox和checkbox-group父子联动的场景会有此情况
         // 组件销毁时，移除子组件在父组件children数组中的实例，释放资源，避免数据混乱
         if (this.parent && test.array(this.parent.children)) {

package/package.json

@@ -2,7 +2,7 @@
 	"id": "uview-plus",
 	"name": "uview-plus",
 	"displayName": "uview-plus3.0重磅发布，全面的Vue3移动组件库。",
-	"version": "3.2.16",
+	"version": "3.2.18",
 	"description": "uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水",
 	"keywords": [
         "uview",

package/types/comps/tabs.d.ts

@@ -62,16 +62,16 @@ declare interface TabsProps {
   keyName?: string
   /**
    * 点击标签时触发
-   * @param index 标签索引值
    * @param item 传入的其他值
+   * @param index 标签索引值
    */
-  onClick?: (index: number, item: any) => any
+  onClick?: (item: any, index: number) => any
   /**
    * 标签索引改变时触发(`disalbed`时不会触发)
-   * @param index 标签索引值
    * @param item 传入的其他值
+   * @param index 标签索引值
    */
-  onChange?: (index: number, item: any) => any
+  onChange?: (item: any, index: number) => any
 }
 
 declare interface _Tabs {