uview-plus 3.2.21 → 3.2.23

package/changelog.md

@@ -1,3 +1,17 @@
+## 3.2.23（2024-05-30）
+fix: #378 H5 u-input 在表单中初始值为空也会触发一次 formValidate(this,"change")事件导致进入页面直接校验了一次
+
+fix: #373 搜索组件up-search的@clear事件无效
+
+fix: #372 ActionSheet 组件的取消按钮触发区域太小
+
+## 3.2.22（2024-05-13）
+上传组件支持微信小程序预览视频
+
+修复折叠面板右侧箭头不显示
+
+修复uxp2px
+
 ## 3.2.21（2024-05-10）
 fix: loading-icon修复flex布局
 ## 3.2.20（2024-05-10）

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

@@ -93,13 +93,12 @@
 			    v-if="cancelText"
 			></u-gap>
 			<view class="u-action-sheet__item-wrap__item u-action-sheet__cancel"
-				hover-class="u-action-sheet--hover">
+				hover-class="u-action-sheet--hover" @tap="cancel">
 				<text
 				    @touchmove.stop.prevent
 				    :hover-stay-time="150"
 				    v-if="cancelText"
 				    class="u-action-sheet__cancel-text"
-				    @tap="cancel"
 				>{{cancelText}}</text>
 			</view>
 		</view>

package/components/u-cell/u-cell.vue

@@ -30,9 +30,10 @@
 			</slot>
 			<view class="u-cell__right-icon-wrap" v-if="$slots['right-icon'] || isLink"
 				:class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
-				<u-icon v-if="rightIcon && !$slots['right-icon']" :name="rightIcon" :custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
+				<u-icon v-if="rightIcon && !$slots['right-icon']" :name="rightIcon"
+					:custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
 					:size="size === 'large' ? 18 : 16"></u-icon>
-				<slot v-else name="right-icon">	
+				<slot v-else name="right-icon">
 				</slot>
 			</view>
 			<view class="u-cell__right-icon-wrap" v-if="$slots['righticon']"

package/components/u-code/u-code.vue

@@ -107,7 +107,7 @@
 				if(!this.keepRunning || !this.timer) return
 				// 记录当前的时间戳，为了下次进入页面，如果还在倒计时内的话，继续倒计时
 				// 倒计时尚未结束，结果大于0；倒计时已经开始，就会小于初始值，如果等于初始值，说明没有开始倒计时，无需处理
-				if(this.secNum > 0 && this.secNum <= this.seconds) {
+				if(this.secNum > 0 && this.secNum < this.seconds) {
 					// 获取当前时间戳(+ new Date()为特殊写法)，除以1000变成秒，再去除小数部分
 					let nowTimestamp = Math.floor((+ new Date()) / 1000)
 					// 将本该结束时候的时间戳保存起来 => 当前时间戳 + 剩余的秒数

package/components/u-collapse-item/u-collapse-item.vue

@@ -12,7 +12,7 @@
 			:arrowDirection="expanded ? 'up' : 'down'"
 			:disabled="disabled"
 		>
-			<!-- 微信小程序不支持，因为微信中不支持 <slot name="title" slot="title" />的写法 -->
+			<!-- 微信小程序不支持，因为微信中不支持 <slot name="title" #title />的写法 -->
 			<template #title>
 				<slot name="title">
 					<text v-if="!$slots.title && title">
@@ -33,6 +33,7 @@
 				</slot>
 			</template>
 			<template #right-icon>
+				<u-icon v-if="!$slots['right-icon']" :size="16" name="arrow-right"></u-icon>
 				<slot name="right-icon">
 				</slot>
 			</template>

package/components/u-input/u-input.vue

@@ -154,8 +154,8 @@ export default {
                 ) {
                     this.valueChange();
                 } else {
-					// 尝试调用u-form的验证方法
-					formValidate(this, "change");
+					// 尝试调用up-form的验证方法
+                    if(!this.firstChange) formValidate(this, "change");
 				}
                 /* #endif */
                 this.firstChange = false;
@@ -177,8 +177,8 @@ export default {
                 ) {
                     this.valueChange();
                 } else {
-					// 尝试调用u-form的验证方法
-					formValidate(this, "change");
+					// 尝试调用up-form的验证方法
+                    if(!this.firstChange) formValidate(this, "change");
 				}
                 /* #endif */
                 this.firstChange = false;

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

@@ -54,7 +54,7 @@
 			<view
 			    class="u-search__content__icon u-search__content__close"
 			    v-if="keyword && clearabled && focused"
-			    @tap="clear"
+			    @click="clear"
 			>
 				<u-icon
 				    name="close"

package/components/u-upload/u-upload.vue

@@ -21,13 +21,16 @@
 					<view
 					    v-else
 					    class="u-upload__wrap__preview__other"
+						@tap="onClickPreview($event, item)"
 					>
 						<u-icon
 						    color="#80CBF9"
 						    size="26"
 						    :name="item.isVideo || (item.type && item.type === 'video') ? 'movie' : 'folder'"
 						></u-icon>
-						<text class="u-upload__wrap__preview__other__text">{{item.isVideo || (item.type && item.type === 'video') ? '视频' : '文件'}}</text>
+						<text class="u-upload__wrap__preview__other__text">
+							{{item.isVideo || (item.type && item.type === 'video') ? '视频' : '文件'}}
+						</text>
 					</view>
 					<view
 					    class="u-upload__status"
@@ -335,6 +338,7 @@
 				const {
 					lists
 				} = this.data;
+				// #ifdef MP-WEIXIN
 				wx.previewMedia({
 					sources: lists
 						.filter((item) => isVideoFile(item))
@@ -348,12 +352,21 @@
 						toast('预览视频失败')
 					},
 				});
+				// #endif
 			},
 			onClickPreview(event) {
 				const {
 					index
 				} = event.currentTarget.dataset;
 				const item = this.data.lists[index];
+				if (!this.data.previewFullImage) return;
+				switch (item.type) {
+					case 'video':
+						this.onPreviewVideo(event);
+						break;
+					default:
+						break;
+				}
 				this.$emit(
 					'clickPreview',
 					Object.assign(Object.assign({}, item), this.getDetail(index))

package/libs/function/index.js

@@ -27,7 +27,7 @@ export function getPx(value, unit = false) {
 	}
 	// 如果带有rpx，先取出其数值部分，再转为px值
 	if (/(rpx|upx)$/.test(value)) {
-		return unit ? `${uni.rpx2px(parseInt(value))}px` : Number(uni.rpx2px(parseInt(value)))
+		return unit ? `${uni.upx2px(parseInt(value))}px` : Number(uni.upx2px(parseInt(value)))
 	}
 	return unit ? `${parseInt(value)}px` : parseInt(value)
 }

package/package.json

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