uview-plus 3.8.49 → 3.8.86

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
@@ -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/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: {
         // 控制打开或者关闭

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

@@ -214,11 +214,23 @@
 		/* #ifndef APP-NVUE || MP-WEIXIN */
 		touch-action: pan-y;
 		/* #endif */
+		/* #ifndef APP-NVUE */
+		// 触发独立合成层，避免 H5 下 overflow 裁剪失效导致右侧按钮露边
+		transform: translateZ(0);
+		/* #endif */
 
 		&__content {
+			position: relative;
+			// 保证内容层始终铺满整行，避免关闭态右侧露出删除按钮底色
+			width: 100%;
             transform: translateX(0px); // 修复某些情况下默认右侧按钮是展开的问题
 			background-color: var(--up-card-bg-color, #FFFFFF);
 			z-index: 10;
+			/* #ifndef APP-NVUE */
+			// 覆盖 H5 亚像素渲染时内容层与容器之间的 1px 缝隙
+			box-shadow: 1px 0 0 var(--up-card-bg-color, #FFFFFF);
+			box-sizing: border-box;
+			/* #endif */
 		}
 
 		&__right {
@@ -226,6 +238,8 @@
 			top: 0;
 			bottom: 0;
 			right: 0;
+			height: 100%;
+			z-index: 1;
 			@include flex;
 
 			&__button {

package/components/u-swiper/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SwiperDefaultProps from './swiper'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(SwiperDefaultProps)
 export const props = defineMixin({
     props: {
         // 列表数组，元素可为字符串，如为对象可通过keyName指定目标属性名
@@ -62,6 +65,11 @@ export const props = defineMixin({
             type: Boolean,
             default: () => defProps.swiper.circular
         },
+        // 滑动方向是否为纵向
+        vertical: {
+            type: Boolean,
+            default: () => defProps.swiper.vertical
+        },
         // 前边距，可用于露出前一项的一小部分，nvue和支付宝不支持
         previousMargin: {
             type: [String, Number],

package/components/u-swiper/swiper.js

@@ -22,6 +22,7 @@ export default {
         interval: 3000,
         duration: 300,
         circular: false,
+        vertical: false,
         previousMargin: 0,
         nextMargin: 0,
         acceleration: false,

package/components/u-swiper/u-swiper.vue

@@ -27,6 +27,7 @@
 			:autoplay="autoplay"
 			:current="current"
 			:currentItemId="currentItemId"
+			:vertical="vertical"
 			:previousMargin="addUnit(previousMargin)"
 			:nextMargin="addUnit(nextMargin)"
 			:acceleration="acceleration"
@@ -113,6 +114,7 @@
 	 * @property {String | Number}	interval				滑块自动切换时间间隔（ms）（默认 3000 ）
 	 * @property {String | Number}	duration				滑块切换过程所需时间（ms）（默认 300 ）
 	 * @property {Boolean}			circular				播放到末尾后是否重新回到开头（默认 false ）
+	 * @property {Boolean}			vertical				滑动方向是否为纵向（默认 false ）
 	 * @property {String | Number}	previousMargin			前边距，可用于露出前一项的一小部分，nvue和支付宝不支持（默认 0 ）
 	 * @property {String | Number}	nextMargin				后边距，可用于露出后一项的一小部分，nvue和支付宝不支持（默认 0 ）
 	 * @property {Boolean}			acceleration			当开启时，会根据滑动速度，连续滑动多屏，支付宝不支持（默认 false ）

package/components/u-swiper-indicator/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SwiperIndicatorDefaultProps from './swipterIndicator'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(SwiperIndicatorDefaultProps)
 export const props = defineMixin({
     props: {
         // 轮播的长度

package/components/u-switch/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import SwitchDefaultProps from './switch'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(SwitchDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否为加载中状态

package/components/u-tabbar/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import TabbarDefaultProps from './tabbar'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(TabbarDefaultProps)
 export const props = defineMixin({
     props: {
         // 当前匹配项的name

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import TabbarItemDefaultProps from './tabbarItem'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(TabbarItemDefaultProps)
 export const props = defineMixin({
     props: {
         // item标签的名称，作为与u-tabbar的value参数匹配的标识符

package/components/u-table/props.js

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