uview-plus 3.8.55 → 3.8.106

package/components/u-read-more/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ReadMoreDefaultProps from './readMore'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ReadMoreDefaultProps)
 export const props = defineMixin({
     props: {
         // 默认的显示占位高度

package/components/u-row/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import RowDefaultProps from './row'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(RowDefaultProps)
 export const props = defineMixin({
     props: {
         // 给col添加间距，左右边距各占一半

package/components/u-row-notice/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import RowNoticeDefaultProps from './rowNotice'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(RowNoticeDefaultProps)
 export const props = defineMixin({
     props: {
         // 显示的内容，字符串

package/components/u-safe-bottom/props.js

@@ -1,6 +1,7 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps({ safeBottom: {} })
 export const props = defineMixin({
     props: {
     }

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ScrollListDefaultProps from './scrollList'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ScrollListDefaultProps)
 export const props = defineMixin({
     props: {
         // 指示器的整体宽度

package/components/u-scroll-list/scrollWxs.wxs

@@ -17,7 +17,7 @@ function scroll(event, ownerInstance) {
 	setBarStyle(ownerInstance, x)
 }
 
-// 由于webview的无能，无法保证scroll-view在滑动过程中，一直触发scroll事件，会导致
+// 由于webview的问题，无法保证scroll-view在滑动过程中，一直触发scroll事件，会导致
 // 无法监听到某些滚动值，当在首尾临界值无法监听到时，这是致命的，因为错失这些值会导致滑块无法回到起点和终点
 // 所以这里需要对临界值做监听并处理
 function scrolltolower(event, ownerInstance) {

package/components/u-search/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SearchDefaultProps from './search'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(SearchDefaultProps)
 export const props = defineMixin({
 	props: {
 		// #ifdef VUE3

package/components/u-skeleton/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SkeletonDefaultProps from './skeleton'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(SkeletonDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否展示骨架组件

package/components/u-slider/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SliderDefaultProps from './slider'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(SliderDefaultProps)
 export const props = defineMixin({
     props: {
         // 最小可选值

package/components/u-slider/u-slider.vue

@@ -101,6 +101,7 @@
 	import { mpMixin } from '../../libs/mixin/mpMixin'
 	import { mixin } from '../../libs/mixin/mixin'
 	import { addUnit, addStyle, getPx, sleep } from '../../libs/function/index.js'
+	import { digitLength, strip } from '../../libs/function/digit.js'
 	// #ifdef APP-NVUE
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
@@ -179,7 +180,7 @@
 		},
 		async mounted() {
 			if (this.height != '') {
-				this.sizeLocal = val
+				this.sizeLocal = this.height
 			} else {
 				this.sizeLocal = this.size
 			}
@@ -326,16 +327,18 @@
 				clientX = touches.screenX;
 				clientY = touches.screenY;
 				// #endif
+				const min = this.toSliderNumber(this.min)
+				const max = this.toSliderNumber(this.max, 100)
 				if (this.vertical) {
 					this.distanceY = clientY - this.sliderRect.top;
 					// 获得移动距离对整个滑块的值，此为带有多位小数的值，不能用此更新视图
 					// 否则造成通信阻塞，需要每改变一个step值时修改一次视图
-					this.newValue = ((this.distanceY / this.sliderRect.height) * (this.max - this.min)) + parseFloat(this.min);
+					this.newValue = ((this.distanceY / this.sliderRect.height) * (max - min)) + min;
 				} else {
 					this.distanceX = clientX - this.sliderRect.left;
 					// 获得移动距离对整个滑块的值，此为带有多位小数的值，不能用此更新视图
 					// 否则造成通信阻塞，需要每改变一个step值时修改一次视图
-					this.newValue = ((this.distanceX / this.sliderRect.width) * (this.max - this.min)) + parseFloat(this.min);
+					this.newValue = ((this.distanceX / this.sliderRect.width) * (max - min)) + min;
 				}
 				
 				this.status = 'moving';
@@ -361,16 +364,18 @@
 				clientX = touches.screenX;
 				clientY = touches.screenY;
 				// #endif
+				const min = this.toSliderNumber(this.min)
+				const max = this.toSliderNumber(this.max, 100)
 				if (this.vertical) {
 					this.distanceY = clientY - this.sliderRect.top;
 					// 获得移动距离对整个滑块的值，此为带有多位小数的值，不能用此更新视图
 					// 否则造成通信阻塞，需要每改变一个step值时修改一次视图
-					this.newValue = ((this.distanceY / this.sliderRect.height) * (this.max - this.min)) + parseFloat(this.min);
+					this.newValue = ((this.distanceY / this.sliderRect.height) * (max - min)) + min;
 				} else {
 					this.distanceX = clientX - this.sliderRect.left;
 					// 获得移动距离对整个滑块的值，此为带有多位小数的值，不能用此更新视图
 					// 否则造成通信阻塞，需要每改变一个step值时修改一次视图
-					this.newValue = ((this.distanceX / this.sliderRect.width) * (this.max - this.min)) + parseFloat(this.min);
+					this.newValue = ((this.distanceX / this.sliderRect.width) * (max - min)) + min;
 				}
 				this.status = 'moving';
 				// 发出moving事件
@@ -407,35 +412,42 @@
 				// console.log('click', event)
 				// #ifndef APP-NVUE
 				// nvue下暂时无法获取坐标
+				const min = this.toSliderNumber(this.min)
+				const max = this.toSliderNumber(this.max, 100)
 				if (this.vertical) {
 					let clientY = event.detail.y - this.sliderRect.top
 					// console.log(this.sliderRect.top, event.detail.y)
-					this.newValue = ((clientY / this.sliderRect.height) * (this.max - this.min)) + parseFloat(this.min)
+					this.newValue = ((clientY / this.sliderRect.height) * (max - min)) + min
 					this.updateValue(this.newValue, false, 1)
 				} else {
 					let clientX = event.detail.x - this.sliderRect.left
-					this.newValue = ((clientX / this.sliderRect.width) * (this.max - this.min)) + parseFloat(this.min)
+					this.newValue = ((clientX / this.sliderRect.width) * (max - min)) + min
 					this.updateValue(this.newValue, false, 1)
 				}
 				// #endif
 			},
 			updateValue(value, drag, index = 1) {
-				// 去掉小数部分，同时也是对step步进的处理
 				let valueFormat = this.format(value, index)
+				const min = this.toSliderNumber(this.min)
+				const max = this.toSliderNumber(this.max, 100)
+				const range = max - min
 				// 不允许滑动的值超过max最大值
-				if(valueFormat > this.max ) {
-					valueFormat = this.max
+				if(valueFormat > max ) {
+					valueFormat = max
+				}
+				if(valueFormat < min ) {
+					valueFormat = min
 				}
 				// 设置移动的距离，不能用百分比，因为NVUE不支持。
 				let sliderLength = 0
 				let barStyle = {}
 				if (this.vertical) {
-					sliderLength = Math.min((valueFormat - this.min) / (this.max - this.min) * this.sliderRect.height, this.sliderRect.height)
+					sliderLength = range === 0 ? 0 : Math.min((valueFormat - min) / range * this.sliderRect.height, this.sliderRect.height)
 					barStyle['height'] = addUnit(sliderLength)
 					barStyle['width'] = addUnit(this.sizeLocal)
 					barStyle['marginLeft'] = '-' + getPx(this.sizeLocal, true)
 				} else {
-					sliderLength = Math.min((valueFormat - this.min) / (this.max - this.min) * this.sliderRect.width, this.sliderRect.width)
+					sliderLength = range === 0 ? 0 : Math.min((valueFormat - min) / range * this.sliderRect.width, this.sliderRect.width)
 					barStyle['width'] = addUnit(sliderLength)
 					barStyle['height'] = addUnit(this.sizeLocal)
 					barStyle['marginTop'] = '-' + getPx(this.sizeLocal, true)
@@ -477,31 +489,61 @@
 					return valueFormat
 				}
 			},
+			toSliderNumber(value, fallback = 0) {
+				const number = Number(value)
+				return Number.isFinite(number) ? number : fallback
+			},
+			getSliderStep() {
+				const step = this.toSliderNumber(this.step, 1)
+				return step > 0 ? step : 1
+			},
+			normalizeSliderValue(value, ...refs) {
+				const precision = Math.min(
+					15,
+					Math.max(
+						digitLength(value),
+						digitLength(this.toSliderNumber(this.min)),
+						digitLength(this.toSliderNumber(this.max, 100)),
+						digitLength(this.getSliderStep()),
+						...refs.map(item => digitLength(this.toSliderNumber(item)))
+					)
+				)
+				return Number(strip(value).toFixed(precision))
+			},
+			formatByStep(value, lowerLimit, upperLimit) {
+				const min = this.toSliderNumber(this.min)
+				const max = this.toSliderNumber(this.max, 100)
+				const step = this.getSliderStep()
+				const lower = Math.min(Math.max(this.toSliderNumber(lowerLimit, min), min), max)
+				const upper = Math.max(Math.min(this.toSliderNumber(upperLimit, max), max), lower)
+				const boundedValue = Math.max(lower, Math.min(this.toSliderNumber(value, min), upper))
+				const steps = Math.round((boundedValue - min) / step)
+				const valueFormat = this.normalizeSliderValue(min + steps * step, boundedValue)
+				return this.normalizeSliderValue(Math.max(lower, Math.min(valueFormat, upper)), boundedValue)
+			},
 			format(value, index = 1) {
-				// 将小数变成整数，为了减少对视图的更新，造成视图层与逻辑层的阻塞
 				if (this.isRange) {
+					const min = this.toSliderNumber(this.min)
+					const max = this.toSliderNumber(this.max, 100)
+					const step = this.getSliderStep()
 					switch (index) {
 						case 0:
-							return Math.round(
-								Math.max(this.min, Math.min(value, this.rangeValue[1] - parseInt(this.step),this.max))
-								/ parseInt(this.step)
-							) * parseInt(this.step);
-							break;
+							return this.formatByStep(
+								value,
+								min,
+								this.normalizeSliderValue(this.toSliderNumber(this.rangeValue[1], max) - step)
+							)
 						case 1:
-							return Math.round(
-								Math.max(this.min, this.rangeValue[0] + parseInt(this.step), Math.min(value, this.max))
-								/ parseInt(this.step)
-							) * parseInt(this.step);
-							break;
+							return this.formatByStep(
+								value,
+								this.normalizeSliderValue(this.toSliderNumber(this.rangeValue[0], min) + step),
+								max
+							)
 						default:
-							break;
+							return this.formatByStep(value, min, max)
 					}
-				} else {
-					return Math.round(
-						Math.max(this.min, Math.min(value, this.max))
-						/ parseInt(this.step)
-					) * parseInt(this.step);
 				}
+				return this.formatByStep(value, this.min, this.max)
 			}
 		}
 	}

package/components/u-status-bar/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import StatusBarDefaultProps from './statusBar'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(StatusBarDefaultProps)
 export const props = defineMixin({
     props: {
         bgColor: {

package/components/u-steps/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import StepsDefaultProps from './steps'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(StepsDefaultProps)
 export const props = defineMixin({
     props: {
         // 排列方向

package/components/u-steps-item/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import StepsItemDefaultProps from './stepsItem'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(StepsItemDefaultProps)
 export const props = defineMixin({
     props: {
         // 标题

package/components/u-sticky/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import StickyDefaultProps from './sticky'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(StickyDefaultProps)
 export const props = defineMixin({
     props: {
         // 吸顶容器到顶部某个距离的时候，进行吸顶，在H5平台，NavigationBar为44px

package/components/u-sticky/u-sticky.vue

@@ -159,6 +159,17 @@
 					this.cssSticky = true
 				}
 
+				// 鸿蒙系统现代 WebView 支持 css sticky；显式判断以避免静态检查告警
+				// platform 可能为 harmony / harmonyos / ohos
+				const platformName = os()
+				if (
+					platformName === 'harmony' ||
+					platformName === 'harmonyos' ||
+					platformName === 'ohos'
+				) {
+					this.cssSticky = true
+				}
+
 				// APP-Vue和微信平台，通过computedStyle判断是否支持css sticky
 				// #ifdef APP-VUE || MP-WEIXIN || MP-TOUTIAO
 				this.cssSticky = await this.checkComputedStyle()

package/components/u-subsection/props.js

@@ -1,6 +1,8 @@
 import {defineMixin} from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SubsectionDefaultProps from './subsection'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(SubsectionDefaultProps)
 export const props = defineMixin({
     props: {
         // tab的数据

package/components/u-swipe-action/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SwipeActionDefaultProps from './swipeAction'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(SwipeActionDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否自动关闭其他swipe按钮组

package/components/u-swipe-action-item/index.wxs

@@ -40,11 +40,12 @@ function touchmove(event, ownerInstance) {
 	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，以此做判断
+	}
+	// 如果移动的X轴距离小于Y轴距离，也即终点位置与起点位置连线，与Y轴夹角小于45度时，认为是页面上下滑动，而不是左右滑动单元格
+	if (Math.abs(moveX) < Math.abs(moveY)) return
+	ownerInstance.callMethod('setScrolling', true)
+
+	// 限制右滑的距离，不允许内容部分往右偏移，右滑会导致X轴偏移值大于0，以此做判断
 	// 此处不能直接return，因为滑动过程中会缺失某些关键点坐标，会导致错乱，最好的办法就是
 	// 在超出后，设置为0
 	if (state.status === 'open') {
@@ -68,11 +69,16 @@ function touchmove(event, 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
+	// wxs内的局部变量快照
+	var state = instance.getState()
+	if (!state.moving || state.disabled) {
+		ownerInstance.callMethod('setScrolling', false)
+		return
+	}
+	state.moving = false
+	ownerInstance.callMethod('setScrolling', false)
+	var touches = event.changedTouches ? event.changedTouches[0] : {}
+	var pageX = touches.pageX
 	var pageY = touches.pageY
 	var moveX = pageX - state.startX
 	if (state.status === 'open') {
@@ -98,11 +104,21 @@ function touchend(event, ownerInstance) {
 		} else {
 			openSwipeAction(instance, ownerInstance)
 		}
-	}
-}
-
-// 获取过渡时间
-function getDuration(value) {
+	}
+}
+
+// 触摸取消
+function touchcancel(event, ownerInstance) {
+	var instance = event.instance
+	var state = instance.getState()
+	if (state) {
+		state.moving = false
+	}
+	ownerInstance.callMethod('setScrolling', false)
+}
+
+// 获取过渡时间
+function getDuration(value) {
 	if (value.toString().indexOf('s') >= 0) return value
 	return value > 30 ? value + 'ms' : value + 's'
 }
@@ -157,10 +173,11 @@ function setStatus(status, instance, ownerInstance) {
 }
 
 // 一次性收起滑动菜单
-function closeSwipeAction(instance, ownerInstance) {
-	var state = instance.getState()
-	// 获取所有按钮的实例，需要通过它去设置按钮的位移
-	var buttons = ownerInstance.selectAllComponents('.u-swipe-action-item__right__button')
+function closeSwipeAction(instance, ownerInstance) {
+	var state = instance.getState()
+	ownerInstance.callMethod('setScrolling', false)
+	// 获取所有按钮的实例，需要通过它去设置按钮的位移
+	var buttons = ownerInstance.selectAllComponents('.u-swipe-action-item__right__button')
 	var len = buttons.length
 	// 处理duration单位问题
 	var duration = getDuration(state.duration)
@@ -226,9 +243,10 @@ function sizeChange(newValue, oldValue, ownerInstance, instance) {
 }
 
 module.exports = {
-	touchstart: touchstart,
-	touchmove: touchmove,
-	touchend: touchend,
-	sizeChange: sizeChange,
-	statusChange: statusChange
-}
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	touchcancel: touchcancel,
+	sizeChange: sizeChange,
+	statusChange: statusChange
+}

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

@@ -43,6 +43,7 @@ export default {
 		},
 		// 关闭单元格，用于打开一个，自动关闭其他单元格的场景
 		closeHandler() {
+			this.setScrolling(false)
 			if(this.status === 'open') {
 				// 如果在打开状态下，进行点击的话，直接关闭单元格
 				return this.moveCellByAnimation('close') && this.unbindBindingX()
@@ -55,6 +56,7 @@ export default {
 			// 尝试关闭其他打开的单元格
 			this.parent && this.parent.closeOther(this)
 			if(this.status === 'open') {
+				this.setScrolling(false)
 				// 如果在打开状态下，进行点击的话，直接关闭单元格
 				return this.moveCellByAnimation('close') && this.unbindBindingX()
 			}
@@ -63,9 +65,11 @@ export default {
 		onTouchstart(e) {
 			// 如果当前正在移动中，或者disabled状态，则返回
 			if(this.moving || this.disabled) { 
+				this.setScrolling(false)
 				return this.unbindBindingX()   
 			}
 			if(this.status === 'open') {
+				this.setScrolling(false)
 				// 如果在打开状态下，进行点击的话，直接关闭单元格
 				return this.moveCellByAnimation('close') && this.unbindBindingX()
 			}
@@ -73,6 +77,7 @@ export default {
 			e?.stopPropagation && e.stopPropagation() 
 			e?.preventDefault && e.preventDefault()
 			this.moving = true
+			this.setScrolling(true)
 			// 获取元素ref
 			const content = this.getContentRef()
 			let expression = `min(max(${-this.buttonsWidth}, x), 0)`
@@ -92,6 +97,7 @@ export default {
 			}, (res) => {
 				this.moving = false
 				if (res.state === 'end' || res.state === 'exit') {
+					this.setScrolling(false)
 					const deltaX = res.deltaX
 					if(deltaX <= -this.buttonsWidth || deltaX >= 0) {
 						// 如果触摸滑动的过程中，大于单元格的总宽度，或者大于0，意味着已经动过滑动达到了打开或者关闭的状态
@@ -114,6 +120,7 @@ export default {
 		},
 		// 释放bindingX
 		unbindBindingX() {
+			this.setScrolling(false)
 			// 释放上一次的资源
 			if (this?.panEvent?.token != 0) {
 				bindingX.unbind({
@@ -159,6 +166,7 @@ export default {
 				timingFunction: 'ease-in-out'
 			}, () => {
 				this.moving = false
+				this.setScrolling(false)
 				this.status = status
 				this.unbindBindingX()
 			})
@@ -168,6 +176,7 @@ export default {
 			return this.$refs['u-swipe-action-item__content'].ref
 		},
 		beforeUnmount() {
+			this.setScrolling(false)
 			this.unbindBindingX()
 		}
 	}

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

@@ -27,11 +27,12 @@ export default {
 		this.getBtnWidth()
 	},
     methods: {
-		clickHandler() {
-		},
-		closeHandler() {
-			this.closeSwipeAction()
-        },
+		clickHandler() {
+		},
+		closeHandler() {
+			this.setScrolling(false)
+			this.closeSwipeAction()
+        },
 		setStatus(status) {
 			this.status = status
 		},
@@ -72,11 +73,12 @@ export default {
 			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，以此做判断
+			}
+			// 如果移动的X轴距离小于Y轴距离，也即终点位置与起点位置连线，与Y轴夹角小于45度时，认为是页面上下滑动，而不是左右滑动单元格
+			if (Math.abs(moveX) < Math.abs(moveY)) return
+			this.setScrolling(true)
+
+			// 限制右滑的距离，不允许内容部分往右偏移，右滑会导致X轴偏移值大于0，以此做判断
 			// 此处不能直接return，因为滑动过程中会缺失某些关键点坐标，会导致错乱，最好的办法就是
 			// 在超出后，设置为0
 			if (this.status === 'open') {
@@ -95,11 +97,15 @@ export default {
 				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] : {}
+        touchend(event) {
+            // console.log(event)
+			if (!this.state.moving || this.disabled) {
+				this.setScrolling(false)
+				return
+			}
+			this.state.moving = false
+			this.setScrolling(false)
+			var touches = event.changedTouches ? event.changedTouches[0] : {}
 			var pageX = touches.pageX
 			var pageY = touches.pageY
 			var moveX = pageX - this.state.startX
@@ -126,9 +132,13 @@ export default {
 				} else {
 					this.openSwipeAction()
 				}
-			}
-        },
-		// 一次性展开滑动菜单
+			}
+        },
+		touchcancel(event) {
+			this.state.moving = false
+			this.setScrolling(false)
+		},
+		// 一次性展开滑动菜单
 		openSwipeAction() {
 			// 处理duration单位问题
 			var duration = this.getDuration(this.duration)
@@ -141,9 +151,10 @@ export default {
 			}
 			this.setStatus('open')
 		},
-		// 一次性收起滑动菜单
-		closeSwipeAction() {
-			// 处理duration单位问题
+		// 一次性收起滑动菜单
+		closeSwipeAction() {
+			this.setScrolling(false)
+			// 处理duration单位问题
 			var duration = this.getDuration(this.duration)
 			this.sliderStyle = {
 				'transition': 'transform ' + duration,

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SwipeActionItemDefaultProps from './swipeActionItem'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(SwipeActionItemDefaultProps)
 export const props = defineMixin({
     props: {
         // 控制打开或者关闭
@@ -26,6 +29,11 @@ export const props = defineMixin({
             type: Boolean,
             default: () => defProps.swipeActionItem.autoClose
         },
+        // 是否正在横向滑动，用于外部通过v-model:scrolling暂停页面或容器滚动
+        scrolling: {
+            type: Boolean,
+            default: () => defProps.swipeActionItem.scrolling
+        },
         // 滑动距离阈值，只有大于此值，才被认为是要打开菜单
         threshold: {
             type: Number,

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

@@ -16,6 +16,7 @@ export default {
         disabled: false,
         threshold: 20,
         autoClose: true,
+        scrolling: false,
         options: [],
         duration: 300
     }