uview-plus 3.1.40 → 3.1.42

package/changelog.md

@@ -1,3 +1,10 @@
+## 3.1.42（2024-01-15）
+修复u-number-box默认值0时在小程序不显示值
+优化u-code的timer判断
+优化支付宝小程序下textarea字数统计兼容
+优化u-calendar
+## 3.1.41（2023-11-18）
+#215优化u-cell图标容器间距问题
 ## 3.1.40（2023-11-16）
 修复u-slider双向绑定
 ## 3.1.39（2023-11-10）

package/components/u-calendar/month.vue

@@ -450,7 +450,7 @@
 			},
 			setSelected(selected, event = true) {
 				this.selected = selected
-				event && this.$emit('monthSelected', this.selected)
+				event && this.$emit('monthSelected', this.selected,'tap')
 			}
 		}
 	}

package/components/u-calendar/u-calendar.vue

@@ -199,7 +199,7 @@ export default {
 			this.innerFormatter = e
 		},
 		// month组件内部选择日期后，通过事件通知给父组件
-		monthSelected(e) {
+		monthSelected(e,scene ='init') {
 			this.selected = e
 			if (!this.showConfirm) {
 				// 在不需要确认按钮的情况下，如果为单选，或者范围多选且已选长度大于2，则直接进行返还
@@ -208,7 +208,12 @@ export default {
 					this.mode === 'single' ||
 					(this.mode === 'range' && this.selected.length >= 2)
 				) {
-					this.$emit('confirm', this.selected)
+				   if( scene === 'init'){
+					 return
+				   }
+				   if( scene === 'tap') {
+					 this.$emit('confirm', this.selected)
+				   }
 				}
 			}
 		},

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

@@ -4,12 +4,12 @@
 		@tap="clickHandler">
 		<view class="u-cell__body" :class="[ center && 'u-cell--center', size === 'large' && 'u-cell__body--large']">
 			<view class="u-cell__body__content">
-				<view class="u-cell__left-icon-wrap">
-					<slot name="icon">
-						<u-icon  v-if="icon" :name="icon"
-							:custom-style="iconStyle"
-							:size="size === 'large' ? 22 : 18"></u-icon>
+				<view class="u-cell__left-icon-wrap" v-if="$slots.icon || icon">
+					<slot name="icon" v-if="$slots.icon">
 					</slot>
+					<u-icon v-else :name="icon"
+						:custom-style="iconStyle"
+						:size="size === 'large' ? 22 : 18"></u-icon>
 				</view>
 				<view class="u-cell__title">
 					<slot name="title">
@@ -27,12 +27,12 @@
 					:class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__value--large']"
 					v-if="!$u.test.empty(value)">{{ value }}</text>
 			</slot>
-			<view class="u-cell__right-icon-wrap"
+			<view class="u-cell__right-icon-wrap" v-if="$slots['right-icon'] || isLink"
 				:class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
-				<slot name="right-icon">
-					<u-icon v-if="isLink" :name="rightIcon" :custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
-						:size="size === 'large' ? 18 : 16"></u-icon>
+				<slot name="right-icon" v-if="$slots['right-icon']">
 				</slot>
+				<u-icon v-else :name="rightIcon" :custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
+					:size="size === 'large' ? 18 : 16"></u-icon>
 			</view>
 		</view>
 		<u-line v-if="border"></u-line>
@@ -145,7 +145,7 @@
 			&__content {
 				@include flex(row);
 				align-items: center;
-				flex: 1;
+				flex: 1 0 1;
 			}
 
 			&--large {
@@ -207,10 +207,10 @@
 
 		&__value {
 			text-align: right;
+			margin-left: auto;
 			font-size: $u-cell-value-font-size;
 			line-height: $u-cell-line-height;
 			color: $u-cell-value-color;
-
 			&--large {
 				font-size: $u-cell-value-font-size-large;
 			}

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

@@ -18,11 +18,11 @@
 	 * @property {String}			endText			倒计结束的提示语，见官网说明（默认 '重新获取' ）
 	 * @property {Boolean}			keepRunning		是否在H5刷新或各端返回再进入时继续倒计时（ 默认false ）
 	 * @property {String}			uniqueKey		为了区分多个页面，或者一个页面多个倒计时组件本地存储的继续倒计时变了
-	 * 
+	 *
 	 * @event {Function}	change	倒计时期间，每秒触发一次
 	 * @event {Function}	start	开始倒计时触发
 	 * @event {Function}	end		结束倒计时触发
-	 * @example <u-code ref="uCode" @change="codeChange" seconds="20"></u-code> 
+	 * @example <u-code ref="uCode" @change="codeChange" seconds="20"></u-code>
 	 */
 	export default {
 		name: "u-code",
@@ -104,7 +104,7 @@
 			},
 			// 保存时间戳，为了防止倒计时尚未结束，H5刷新或者各端的右上角返回上一页再进来
 			setTimeToStorage() {
-				if(!this.keepRunning || !this.timer) return
+				if(!this.keepRunning) return
 				// 记录当前的时间戳，为了下次进入页面，如果还在倒计时内的话，继续倒计时
 				// 倒计时尚未结束，结果大于0；倒计时已经开始，就会小于初始值，如果等于初始值，说明没有开始倒计时，无需处理
 				if(this.secNum > 0 && this.secNum <= this.seconds) {

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

@@ -12,7 +12,7 @@
 			:arrowDirection="expanded ? 'up' : 'down'"
 			:disabled="disabled"
 		>
-			<!-- #ifndef MP-WEIXIN -->
+			<!-- #ifndef MP-WEIXIN || MP-ALIPAY -->
 			<!-- 微信小程序不支持，因为微信中不支持 <slot name="title" slot="title" />的写法 -->
 			<template #title>
 				<slot name="title"></slot>

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

@@ -48,10 +48,10 @@
 			class="u-index-list__letter"
 			ref="u-index-list__letter"
 			:style="{ top: $u.addUnit(letterInfo.top || 100) }"
-			@touchstart="touchStart"
-			@touchmove.stop.prevent="touchMove"
-			@touchend.stop.prevent="touchEnd"
-			@touchcancel.stop.prevent="touchEnd"
+			@touchstart.prevent="touchStart"
+			@touchmove.prevent="touchMove"
+			@touchend.prevent="touchEnd"
+			@touchcancel.prevent="touchEnd"
 		>
 			<view
 				class="u-index-list__letter__item"

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

@@ -44,6 +44,7 @@
             	    @focus="onFocus"
             	    @confirm="onConfirm"
             	    @keyboardheightchange="onkeyboardheightchange"
+					@change="onInput"
             	/>
             </view>
             <view

package/components/u-number-box/u-number-box.vue

@@ -136,11 +136,14 @@
 			// #endif
 			// #ifdef VUE3
 			// 监听v-mode的变化，重新初始化内部的值
-			modelValue(n) {
-				if (n !== this.currentValue) {
-					this.currentValue = this.format(this.modelValue)
-				}
-			}
+			modelValue: {
+				handler: function (newV, oldV) {
+					if (newV !== this.currentValue) {
+						this.currentValue = this.format(this.modelValue)
+					}
+				},
+				immediate: true
+		}
 			// #endif
 		},
 		computed: {

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

@@ -30,7 +30,7 @@
 					:key="index"
 					class="u-picker__view__column"
 				>
-					<text
+					<view
 						v-if="$u.test.array(item)"
 						class="u-picker__view__column__item u-line-1"
 						v-for="(item1, index1) in item"
@@ -40,7 +40,7 @@
 							lineHeight: $u.addUnit(itemHeight),
 							fontWeight: index1 === innerIndex[index] ? 'bold' : 'normal'
 						}"
-					>{{ getItemText(item1) }}</text>
+					>{{ getItemText(item1) }}</view>
 				</picker-view-column>
 			</picker-view>
 			<view

package/components/u-swipe-action-item/alipay.sjs

@@ -0,0 +1,229 @@
+/**
+ * 此为wxs模块，只支持APP-VUE，微信和QQ小程序以及H5平台
+ * wxs内部不支持es6语法，变量只能使用var定义，无法使用解构，箭头函数等特性
+ */
+
+// 开始触摸
+function touchstart(event, ownerInstance) {
+	// 触发事件的组件的ComponentDescriptor实例
+	var instance = event.instance
+	// wxs内的局部变量快照，此快照是属于整个组件的，在touchstart和touchmove事件中都能获取到相同的结果
+	var state = instance.getState()
+	if (state.disabled) return
+	var touches = event.touches
+	// 如果进行的是多指触控，不允许进行操作
+	if (touches && touches.length > 1) return
+	// 标识当前为滑动中状态
+	state.moving = true
+	// 记录触摸开始点的坐标值
+	state.startX = touches[0].pageX
+	state.startY = touches[0].pageY
+	
+	ownerInstance.callMethod('closeOther')
+}
+
+// 触摸滑动
+function touchmove(event, ownerInstance) {
+	// 触发事件的组件的ComponentDescriptor实例
+	var instance = event.instance
+	// wxs内的局部变量快照
+	var state = instance.getState()
+	if (state.disabled || !state.moving) return
+	var touches = event.touches
+	var pageX = touches[0].pageX
+	var pageY = touches[0].pageY
+	var moveX = pageX - state.startX
+	var moveY = pageY - state.startY
+	var buttonsWidth = state.buttonsWidth
+
+	// 移动的X轴距离大于Y轴距离，也即终点与起点位置连线，与X轴夹角小于45度时，禁止页面滚动
+	if (Math.abs(moveX) > Math.abs(moveY) || Math.abs(moveX) > state.threshold) {
+		event.preventDefault && event.preventDefault()
+		event.stopPropagation && event.stopPropagation()
+	}
+	// 如果移动的X轴距离小于Y轴距离，也即终点位置与起点位置连线，与Y轴夹角小于45度时，认为是页面上下滑动，而不是左右滑动单元格
+	if (Math.abs(moveX) < Math.abs(moveY)) return
+
+	// 限制右滑的距离，不允许内容部分往右偏移，右滑会导致X轴偏移值大于0，以此做判断
+	// 此处不能直接return，因为滑动过程中会缺失某些关键点坐标，会导致错乱，最好的办法就是
+	// 在超出后，设置为0
+	if (state.status === 'open') {
+		// 在开启状态下，向左滑动，需忽略
+		if (moveX < 0) moveX = 0
+		// 想要收起菜单，最大能移动的距离为按钮的总宽度
+		if (moveX > buttonsWidth) moveX = buttonsWidth
+		// 如果是已经打开了的状态，向左滑动时，移动收起菜单
+		moveSwipeAction(-buttonsWidth + moveX, instance, ownerInstance)
+	} else {
+		// 关闭状态下，右滑动需忽略
+		if (moveX > 0) moveX = 0
+		// 滑动的距离不允许超过所有按钮的总宽度，此时只能是左滑，最终设置按钮的总宽度，同时为负数
+		if (Math.abs(moveX) > buttonsWidth) moveX = -buttonsWidth
+		// 只要是在滑过程中，就不断移动单元格内容部分，从而使隐藏的菜单显示出来
+		moveSwipeAction(moveX, instance, ownerInstance)
+	}
+}
+
+// 触摸结束
+function touchend(event, ownerInstance) {
+	// 触发事件的组件的ComponentDescriptor实例
+	var instance = event.instance
+	// wxs内的局部变量快照
+	var state = instance.getState()
+	if (!state.moving || state.disabled) return
+	var touches = event.changedTouches ? event.changedTouches[0] : {}
+	var pageX = touches.pageX
+	var pageY = touches.pageY
+	var moveX = pageX - state.startX
+	if (state.status === 'open') {
+		// 在展开的状态下，继续左滑，无需操作
+		if (moveX < 0) return
+		// 在开启状态下，点击一下内容区域，moveX为0，也即没有进行移动，这时执行收起菜单逻辑
+		if (moveX === 0) {
+			return closeSwipeAction(instance, ownerInstance)
+		}
+		// 在开启状态下，滑动距离小于阈值，则默认为不关闭，同时恢复原来的打开状态
+		if (Math.abs(moveX) < state.threshold) {
+			openSwipeAction(instance, ownerInstance)
+		} else {
+			// 如果滑动距离大于阈值，则执行收起逻辑
+			closeSwipeAction(instance, ownerInstance)
+		}
+	} else {
+		// 在关闭的状态下，右滑，无需操作
+		if (moveX > 0) return
+		// 理由同上
+		if (Math.abs(moveX) < state.threshold) {
+			closeSwipeAction(instance, ownerInstance)
+		} else {
+			openSwipeAction(instance, ownerInstance)
+		}
+	}
+}
+
+// 获取过渡时间
+function getDuration(value) {
+	if (value.toString().indexOf('s') >= 0) return value
+	return value > 30 ? value + 'ms' : value + 's'
+}
+
+// 滑动结束时判断滑动的方向
+function getMoveDirection(instance, ownerInstance) {
+	var state = instance.getState()
+}
+
+// 移动滑动选择器内容区域，同时显示出其隐藏的菜单
+function moveSwipeAction(moveX, instance, ownerInstance) {
+	var state = instance.getState()
+	// 获取所有按钮的实例，需要通过它去设置按钮的位移
+	var buttons = ownerInstance.selectAllComponents('.u-swipe-action-item__right__button')
+
+	// 设置菜单内容部分的偏移
+	instance.requestAnimationFrame(function() {
+		instance.setStyle({
+			// 设置translateX的值
+			'transition': 'none',
+			transform: 'translateX(' + moveX + 'px)',
+			'-webkit-transform': 'translateX(' + moveX + 'px)'
+		})
+	})
+}
+
+// 一次性展开滑动菜单
+function openSwipeAction(instance, ownerInstance) {
+	var state = instance.getState()
+	// 获取所有按钮的实例，需要通过它去设置按钮的位移
+	var buttons = ownerInstance.selectAllComponents('.u-swipe-action-item__right__button')
+	// 处理duration单位问题
+	var duration = getDuration(state.duration)
+	// 展开过程中，是向左移动，所以X的偏移应该为负值
+	var buttonsWidth = -state.buttonsWidth
+	instance.requestAnimationFrame(function() {
+		// 设置菜单主体内容
+		instance.setStyle({
+			'transition': 'transform ' + duration,
+			'transform': 'translateX(' + buttonsWidth + 'px)',
+			'-webkit-transform': 'translateX(' + buttonsWidth + 'px)',
+		})
+	})
+	setStatus('open', instance, ownerInstance)
+}
+
+// 标记菜单的当前状态，open-已经打开，close-已经关闭
+function setStatus(status, instance, ownerInstance) {
+	var state = instance.getState()
+	state.status = status
+	ownerInstance.callMethod('setState', status)
+}
+
+// 一次性收起滑动菜单
+function closeSwipeAction(instance, ownerInstance) {
+	var state = instance.getState()
+	// 获取所有按钮的实例，需要通过它去设置按钮的位移
+	var buttons = ownerInstance.selectAllComponents('.u-swipe-action-item__right__button')
+	var len = buttons.length
+	// 处理duration单位问题
+	var duration = getDuration(state.duration)
+	instance.requestAnimationFrame(function() {
+		// 设置菜单主体内容
+		instance.setStyle({
+			'transition': 'transform ' + duration,
+			'transform': 'translateX(0px)',
+			'-webkit-transform': 'translateX(0px)'
+		})
+		// 设置各个隐藏的按钮为收起的状态
+		for (var i = len - 1; i >= 0; i--) {
+			buttons[i].setStyle({
+				'transition': 'transform ' + duration,
+				'transform': 'translateX(0px)',
+				'-webkit-transform': 'translateX(0px)'
+			})
+		}
+	})
+	setStatus('close', instance, ownerInstance)
+}
+
+// status的状态发生变化
+function statusChange(newValue, oldValue, ownerInstance, instance) {
+	var state = instance.getState()
+	if (state.disabled) return
+	// 打开或关闭单元格
+	if (newValue === 'close' && state.status === 'open') {
+		closeSwipeAction(instance, ownerInstance)
+	} else if(newValue === 'open' && state.status === 'close') {
+		openSwipeAction(instance, ownerInstance)
+	}
+}
+
+// 菜单尺寸发生变化
+function sizeChange(newValue, oldValue, ownerInstance, instance) {
+	// wxs内的局部变量快照
+	var state = instance.getState()
+	// 临时防止nv_disabled报错
+	if (!state || !newValue) {
+		return;
+	}
+	state.disabled = newValue.disabled
+	state.duration = newValue.duration
+	state.show = newValue.show
+	state.threshold = newValue.threshold
+	state.buttons = newValue.buttons
+
+	if (state.buttons) {
+		var len = state.buttons.length
+		var buttonsWidth = 0
+		var buttons = newValue.buttons
+		for (var i = 0; i < len; i++) {
+			buttonsWidth += buttons[i].width
+		}
+	}
+	state.buttonsWidth = buttonsWidth
+}
+
+export default {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	sizeChange: sizeChange,
+	statusChange: statusChange
+}

package/components/u-swipe-action-item/other.js

@@ -0,0 +1,171 @@
+export default {
+	data() {
+		return {
+			state: {
+				moving: false,
+				startX: 0,
+				startY: 0,
+				buttonsWidth: 0
+			}
+		}
+	},
+	watch: {
+		status(newValue) {
+			if (this.disabled) return
+			// 打开或关闭单元格
+			if (newValue === 'close' && this.status === 'open') {
+				this.closeSwipeAction(instance, ownerInstance)
+			} else if(newValue === 'open' && this.status === 'close') {
+				this.openSwipeAction()
+			}
+		},
+		options(newVal) {
+			this.getBtnWidth()
+		}
+	},
+	mounted() {
+		this.getBtnWidth()
+	},
+    methods: {
+		clickHandler() {
+		},
+		getBtnWidth() {
+			let view = uni.createSelectorQuery().in(this).select(".u-swipe-action-item__right__button");
+			view.fields({
+				size: true,
+				scrollOffset: true
+				}, data => {
+					this.state.buttonsWidth = data.width
+					// console.log("得到节点信息" + JSON.stringify(data));
+			}).exec();
+		},
+        // 开始触摸
+        touchstart(event) {
+			// console.log(event)
+			// 标识当前为滑动中状态
+			this.state.moving = true
+			// 记录触摸开始点的坐标值
+			var touches = event.touches
+			this.state.startX = touches[0].pageX
+			this.state.startY = touches[0].pageY
+			
+			// todo关闭其它
+			// this.$parent && this.$parent.closeOther(this)
+        },
+        touchmove(event) {
+            // console.log(event)
+			if (this.disabled || !this.state.moving) return
+			var touches = event.touches
+			var pageX = touches[0].pageX
+			var pageY = touches[0].pageY
+			var moveX = pageX - this.state.startX
+			var moveY = pageY - this.state.startY
+
+			// 移动的X轴距离大于Y轴距离，也即终点与起点位置连线，与X轴夹角小于45度时，禁止页面滚动
+			if (Math.abs(moveX) > Math.abs(moveY) || Math.abs(moveX) > this.threshold) {
+				event.preventDefault && event.preventDefault()
+				event.stopPropagation && event.stopPropagation()
+			}
+			// 如果移动的X轴距离小于Y轴距离，也即终点位置与起点位置连线，与Y轴夹角小于45度时，认为是页面上下滑动，而不是左右滑动单元格
+			if (Math.abs(moveX) < Math.abs(moveY)) return
+
+			// 限制右滑的距离，不允许内容部分往右偏移，右滑会导致X轴偏移值大于0，以此做判断
+			// 此处不能直接return，因为滑动过程中会缺失某些关键点坐标，会导致错乱，最好的办法就是
+			// 在超出后，设置为0
+			if (this.status === 'open') {
+				// 在开启状态下，向左滑动，需忽略
+				if (moveX < 0) moveX = 0
+				// 想要收起菜单，最大能移动的距离为按钮的总宽度
+				if (moveX > this.state.buttonsWidth) moveX = this.state.buttonsWidth
+				// 如果是已经打开了的状态，向左滑动时，移动收起菜单
+				this.moveSwipeAction(-this.state.buttonsWidth + moveX)
+			} else {
+				// 关闭状态下，右滑动需忽略
+				if (moveX > 0) moveX = 0
+				// 滑动的距离不允许超过所有按钮的总宽度，此时只能是左滑，最终设置按钮的总宽度，同时为负数
+				if (Math.abs(moveX) > this.state.buttonsWidth) moveX = -this.state.buttonsWidth
+				// 只要是在滑过程中，就不断移动单元格内容部分，从而使隐藏的菜单显示出来
+				this.moveSwipeAction(moveX)
+			}
+        },
+        touchend(event) {
+            // console.log(event)
+			if (!this.state.moving || this.disabled) return
+			this.state.moving = false
+			var touches = event.changedTouches ? event.changedTouches[0] : {}
+			var pageX = touches.pageX
+			var pageY = touches.pageY
+			var moveX = pageX - this.state.startX
+			if (this.status === 'open') {
+				// 在展开的状态下，继续左滑，无需操作
+				if (moveX < 0) return
+				// 在开启状态下，点击一下内容区域，moveX为0，也即没有进行移动，这时执行收起菜单逻辑
+				if (moveX === 0) {
+					return this.closeSwipeAction()
+				}
+				// 在开启状态下，滑动距离小于阈值，则默认为不关闭，同时恢复原来的打开状态
+				if (Math.abs(moveX) < this.threshold) {
+					this.openSwipeAction()
+				} else {
+					// 如果滑动距离大于阈值，则执行收起逻辑
+					this.closeSwipeAction()
+				}
+			} else {
+				// 在关闭的状态下，右滑，无需操作
+				if (moveX > 0) return
+				// 理由同上
+				if (Math.abs(moveX) < this.threshold) {
+					this.closeSwipeAction()
+				} else {
+					this.openSwipeAction()
+				}
+			}
+        },
+		// 一次性展开滑动菜单
+		openSwipeAction() {
+			// 处理duration单位问题
+			var duration = this.getDuration(this.duration)
+			// 展开过程中，是向左移动，所以X的偏移应该为负值
+			var buttonsWidth = -this.state.buttonsWidth
+			this.sliderStyle = {
+				'transition': 'transform ' + duration,
+				'transform': 'translateX(' + buttonsWidth + 'px)',
+				'-webkit-transform': 'translateX(' + buttonsWidth + 'px)',
+			}
+			this.setStatus('open')
+		},
+		// 一次性收起滑动菜单
+		closeSwipeAction() {
+			// 处理duration单位问题
+			var duration = this.getDuration(this.duration)
+			this.sliderStyle = {
+				'transition': 'transform ' + duration,
+				'transform': 'translateX(0px)',
+				'-webkit-transform': 'translateX(0px)'
+			}
+			// 设置各个隐藏的按钮为收起的状态
+			// for (var i = this.state.buttonsWidth - 1; i >= 0; i--) {
+			// 	buttons[i].setStyle({
+			// 		'transition': 'transform ' + duration,
+			// 		'transform': 'translateX(0px)',
+			// 		'-webkit-transform': 'translateX(0px)'
+			// 	})
+			// }
+			this.setStatus('close')
+		},
+		// 移动滑动选择器内容区域，同时显示出其隐藏的菜单
+		moveSwipeAction(moveX) {
+			// 设置菜单内容部分的偏移
+			this.sliderStyle = {
+				'transition': 'none',
+				transform: 'translateX(' + moveX + 'px)',
+				'-webkit-transform': 'translateX(' + moveX + 'px)'
+			}
+		},
+		// 获取过渡时间
+		getDuration(value) {
+			if (value.toString().indexOf('s') >= 0) return value
+			return value > 30 ? value + 'ms' : value + 's'
+		}
+    }
+}

package/components/u-swipe-action-item/u-swipe-action-item.vue

@@ -1,4 +1,7 @@
-<template>
+<template>	
+	<!-- #ifdef MP-ALIPAY -->
+	<!-- <import-sjs from="./alipay.sjs" name="mysjs" /> -->
+	<!-- #endif -->
 	<view class="u-swipe-action-item" ref="u-swipe-action-item">
 		<view class="u-swipe-action-item__right">
 			<slot name="button">
@@ -27,13 +30,23 @@
 				</view>
 			</slot>
 		</view>
-		<!-- #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ -->
+		<!-- #ifdef APP-VUE || MP-WEIXIN || MP-QQ -->
 		<view class="u-swipe-action-item__content" @touchstart="wxs.touchstart" @touchmove="wxs.touchmove"
 			@touchend="wxs.touchend" :status="status" :change:status="wxs.statusChange" :size="size"
 			:change:size="wxs.sizeChange">
 			<slot></slot>
 		</view>
 		<!-- #endif -->
+		<!-- #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || H5 -->
+		<view class="u-swipe-action-item__content" @click="clickHandler" @touchstart="touchstart" @touchmove="touchmove"
+			@touchend="touchend" :style="sliderStyle">
+			<slot></slot>
+		</view>
+		<!-- <view class="u-swipe-action-item__content" @touchstart="mysjs.touchstart" @touchmove="mysjs.touchmove"
+			@touchend="mysjs.touchend">
+			<slot></slot>
+		</view> -->
+		<!-- #endif -->
 		<!-- #ifdef APP-NVUE -->
 		<view class="u-swipe-action-item__content" ref="u-swipe-action-item__content" @panstart="onTouchstart"
 			@tap="clickHandler">
@@ -42,7 +55,7 @@
 		<!-- #endif -->
 	</view>
 </template>
-<!-- #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ -->
+<!-- #ifdef APP-VUE || MP-WEIXIN || MP-QQ || H5 -->
 <script src="./index.wxs" module="wxs" lang="wxs"></script>
 <!-- #endif -->
 <script>
@@ -53,9 +66,12 @@
 	// #ifdef APP-NVUE
 	import nvue from './nvue.js';
 	// #endif
-	// #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ
+	// #ifdef APP-VUE || MP-WEIXIN || MP-QQ || H5
 	import wxs from './wxs.js';
 	// #endif
+	// #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || H5
+	import other from './other.js';
+	// #endif
 	/**
 	 * SwipeActionItem 滑动单元格子组件
 	 * @description 该组件一般用于左滑唤出操作菜单的场景，用的最多的是左滑删除操作
@@ -81,7 +97,7 @@
 		mixins: [mpMixin, mixin, props, nvue, touch],
 		// #endif
 		// #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ
-		mixins: [mpMixin, mixin, props, touch, wxs],
+		mixins: [mpMixin, mixin, props, touch, wxs, other],
 		// #endif
 		data() {
 			return {
@@ -93,13 +109,16 @@
 				},
 				// 当前状态，open-打开，close-关闭
 				status: 'close',
+				sliderStyle: {}
 			}
 		},
 		watch: {
 			// 由于wxs无法直接读取外部的值，需要在外部值变化时，重新执行赋值逻辑
+			// #ifndef APP-NVUE
 			wxsInit(newValue, oldValue) {
 				this.queryRect()
 			}
+			// #endif
 		},
 		computed: {
 			wxsInit() {

package/components/u-textarea/u-textarea.vue

@@ -29,6 +29,7 @@
             @confirm="onConfirm"
             @keyboardheightchange="onKeyboardheightchange"
         ></textarea>
+		<!-- #ifndef MP-ALIPAY -->
         <text
             class="u-textarea__count"
             :style="{
@@ -37,6 +38,7 @@
             v-if="count"
             >{{ innerValue.length }}/{{ maxlength }}</text
         >
+		<!-- #endif -->
     </view>
 </template>
 

package/package.json

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