uview-plus 3.1.41 → 3.1.45

package/changelog.md

@@ -1,3 +1,15 @@
+## 3.1.45（2024-01-24）
+fix: #262ext组件为超链接的情况下size属性不生效
+fix: #263最新版本3.1.42中微信小程序u-swipe-action-item报错
+fix: #224最新版本3.1.42中微信小程序u-swipe-action-item报错
+fix: #263支持支付宝小程序
+fix: #261u-input在直接修改v-model的绑定值时，每隔一次会无法出发change事件
+优化折叠面板兼容微信小程序
+## 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）

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

@@ -11,11 +11,9 @@
 						:custom-style="iconStyle"
 						:size="size === 'large' ? 22 : 18"></u-icon>
 				</view>
-				<view class="u-cell__title">
-					<slot name="title">
-						<text v-if="title" class="u-cell__title-text" :style="[titleTextStyle]"
+				<view class="u-cell__title">
+						<text v-else class="u-cell__title-text" :style="[titleTextStyle]"
 							:class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__title-text--large']">{{ title }}</text>
-					</slot>
 					<slot name="label">
 						<text class="u-cell__label" v-if="label"
 							:class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__label--large']">{{ label }}</text>
@@ -29,10 +27,8 @@
 			</slot>
 			<view class="u-cell__right-icon-wrap" v-if="$slots['right-icon'] || isLink"
 				:class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
-				<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>
+				<slot name="right-icon">
+					<u-icon v-if="rightIcon" :name="rightIcon" :custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
 			</view>
 		</view>
 		<u-line v-if="border"></u-line>
@@ -207,10 +203,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

@@ -1,7 +1,7 @@
 <template>
 	<view class="u-collapse-item">
 		<u-cell
-			:title="title"
+			:title="$slots.title ? '' : title"
 			:value="value"
 			:label="label"
 			:icon="icon"
@@ -12,21 +12,16 @@
 			:arrowDirection="expanded ? 'up' : 'down'"
 			:disabled="disabled"
 		>
-			<!-- #ifndef MP-WEIXIN -->
 			<!-- 微信小程序不支持，因为微信中不支持 <slot name="title" slot="title" />的写法 -->
-			<template #title>
-				<slot name="title"></slot>
-			</template>
-			<template #icon>
-				<slot name="icon"></slot>
+			<template #title>
+				<slot name="icon">
 			</template>
 			<template #value>
-				<slot name="value"></slot>
+				<slot name="value">
 			</template>
 			<template #right-icon>
-				<slot name="right-icon"></slot>
+				<slot name="right-icon">
 			</template>
-			<!-- #endif -->
 		</u-cell>
 		<view
 			class="u-collapse-item__content"
@@ -101,7 +96,7 @@
 			}
 		},
 		mounted() {
-			this.init()
+			this.init()
 		},
 		methods: {
 			// 异步获取内容，或者动态修改了内容时，需要重新初始化

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
@@ -147,10 +148,10 @@ export default {
                 // 在H5中，外部value变化后，修改input中的值，不会触发@input事件，此时手动调用值变化方法
                 if (
                     this.firstChange === false &&
-                    this.changeFromInner === false
+					this.changeFromInner === false
                 ) {
                     this.valueChange();
-                }
+                } else {
                 /* #endif */
                 this.firstChange = false;
                 // 重置changeFromInner的值为false，标识下一次引起默认为外部引起的
@@ -170,7 +171,7 @@ export default {
                     this.changeFromInner === false
                 ) {
                     this.valueChange();
-                }
+                } else {
                 /* #endif */
                 this.firstChange = false;
                 // 重置changeFromInner的值为false，标识下一次引起默认为外部引起的
@@ -254,7 +255,7 @@ export default {
             this.$emit("blur", event.detail.value);
             // H5端的blur会先于点击清除控件的点击click事件触发，导致focused
             // 瞬间为false，从而隐藏了清除控件而无法被点击到
-            uni.$u.sleep(50).then(() => {
+            uni.$u.sleep(150).then(() => {
                 this.focused = false;
             });
             // 尝试调用u-form的验证方法

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");
+			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 || H5  -->
 		<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-->
+		<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
+	import other from './other.js';
+	// #endif
 	/**
 	 * SwipeActionItem 滑动单元格子组件
 	 * @description 该组件一般用于左滑唤出操作菜单的场景，用的最多的是左滑删除操作
@@ -74,15 +90,8 @@
 	export default {
 		name: 'u-swipe-action-item',
 		emits: ['click'],
-		// #ifndef APP-NVUE
-		mixins: [mpMixin, mixin, props, touch],
-		// #endif
-		// #ifdef APP-NVUE
-		mixins: [mpMixin, mixin, props, nvue, touch],
-		// #endif
-		// #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ
-		mixins: [mpMixin, mixin, props, touch, wxs],
-		// #endif
+		
+		mixins: [
 		data() {
 			return {
 				// 按钮的尺寸信息
@@ -93,13 +102,16 @@
 				},
 				// 当前状态，open-打开，close-关闭
 				status: 'close',
+				sliderStyle: {}
 			}
 		},
 		watch: {
 			// 由于wxs无法直接读取外部的值，需要在外部值变化时，重新执行赋值逻辑
+			// #ifndef APP-NVUE
 			wxsInit(newValue, oldValue) {
 				this.queryRect()
 			}
+			// #endif
 		},
 		computed: {
 			wxsInit() {

package/components/u-text/u-text.vue

@@ -22,8 +22,8 @@
             ></u-icon>
         </view>
         <u-link
-            v-if="mode === 'link'"
-            :text="value"
+            v-if="mode === 'link'"
+            :style="{fontWeight: valueStyle.fontWeight, wordWrap: valueStyle.wordWrap, fontSize: valueStyle.fontSize}"
             :href="href"
             underLine
         ></u-link>

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.41",
+	"version": "3.1.45",
 	"description": "uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水",
 	"keywords": [
         "uview",