uview-plus 3.5.22 → 3.5.25

package/changelog.md

@@ -1,3 +1,14 @@
+## 3.5.25（2025-08-28）
+fix: 修复左侧与右侧弹出时页面打开闪现问题
+
+## 3.5.24（2025-08-28）
+feat: 优化tooltip弹窗定位
+
+feat: tooltip组件新增forcePosition支持强制精确定位
+
+## 3.5.23（2025-08-28）
+improvment: 调整pdf阅读器默认高度
+
 ## 3.5.22（2025-08-28）
 feat: 新增goods-sku商品SKU选购组件
 

package/components/u-pdf-reader/props.js

@@ -8,7 +8,7 @@ export default {
         // 组件高度
         height: {
             type: String,
-            default: '700px'
+            default: '500px'
         },
         // pdfjs资源域名
         baseUrl: {

package/components/u-tooltip/props.js

@@ -67,5 +67,10 @@ export const props = defineMixin({
             type: String,
             default: () => defProps.tooltip.triggerMode
         },
+        // 强制定位
+        forcePosition: {
+            type: Object,
+            default: () => defProps.tooltip.forcePosition
+        }
     }
 })

package/components/u-tooltip/tooltip.js

@@ -22,6 +22,7 @@ export default {
         overlay: true,
         showToast: true,
         popupBgColor: '',
-        triggerMode: 'longpress'
+        triggerMode: 'longpress',
+        forcePosition: {}
     }
 }

package/components/u-tooltip/u-tooltip.vue

@@ -29,9 +29,9 @@
 				duration="300"
 				:customStyle="{
 					position: 'absolute', 
-					top: addUnit(tooltipTop),
+					top: addUnit(tooltipTop, 'px'),
 					zIndex: zIndex,
-					...tooltipStyle
+					...tooltipStyleCpu
 				}"
 			>
 				<view
@@ -155,13 +155,14 @@
 				screenGap: 12,
 				// 三角形指示器的宽高，由于对元素进行了角度旋转，精确计算指示器位置时，需要用到其尺寸信息
 				indicatorWidth: 14,
-				tooltipStyle: {}
+				tooltipStyle: {},
+				calcReacted: false
 			}
 		},
 		watch: {
 			async propsChange() {
 				await this.getElRect()
-				this.getTooltipStyle();
+				// this.getTooltipStyle();
 			}
 		},
 		computed: {
@@ -169,28 +170,19 @@
 			// 当一些依赖参数变化时，需要重新计算气泡和指示器的位置信息
 			propsChange() {
 				return [this.text, this.buttons]
-			}
-		},
-		mounted() {
-			this.init()
-		},
-		emits: ["click"],
-		methods: {
-			addStyle,
-			addUnit,
-			async init() {
-				await this.getElRect()
-				this.getTooltipStyle();
 			},
 			// 计算气泡和指示器的位置信息
-			getTooltipStyle() {
+			tooltipStyleCpu() {
+				if (!this.calcReacted) {
+					return {}
+				}
 				const style = {},
 					sysInfo = getWindowInfo()
 				if (this.direction === 'left') {
 					// 右侧显示逻辑
 					style.transform = ``
 					// 垂直居中对齐
-					style.top = '-' + addUnit((this.tooltipInfo.height - this.indicatorWidth) / 2, 'px')
+					style.top = '-' + addUnit((this.textInfo.height - this.tooltipInfo.height) / 2, 'px')
 					style.right = addUnit(this.textInfo.width + this.indicatorWidth, 'px')
 					this.indicatorStyle = {}
 					this.indicatorStyle.right = '-4px'
@@ -199,7 +191,7 @@
 					// 右侧显示逻辑
 					style.transform = ``
 					// 垂直居中对齐
-					style.top = addUnit((this.textInfo.height - this.tooltipInfo.height) / 2, 'px')
+					style.top = '-' + addUnit((this.textInfo.height - this.tooltipInfo.height) / 2, 'px')
 					style.left = addUnit(this.textInfo.width + this.indicatorWidth, 'px')
 					this.indicatorStyle = {}
 					this.indicatorStyle.left = '-4px'
@@ -230,8 +222,21 @@
 						this.indicatorStyle.top = '-4px'
 					}
 				}
-				this.tooltipStyle = style
-				return style
+				let styleMerge = {...style, ...this.forcePosition}
+				this.tooltipStyle = styleMerge
+				return styleMerge
+			}
+		},
+		mounted() {
+			this.init()
+		},
+		emits: ["click"],
+		methods: {
+			addStyle,
+			addUnit,
+			async init() {
+				await this.getElRect()
+				// this.getTooltipStyle();
 			},
 			// 点击触发事件
 			async clickHander() {
@@ -292,6 +297,9 @@
 						// 获取气泡尺寸之后，将其隐藏，为了让下次切换气泡显示与隐藏时，有淡入淡出的效果
 						this.showTooltip = false
 						this.textInfo = await this.queryRect(this.textId)
+						sleep(500).then(() => {
+							this.calcReacted = true
+						})
 						resolve()
 					})
 				})

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。",
-  "version": "3.5.22",
+  "version": "3.5.25",
   "description": "零云®uview-plus已兼容vue3支持多语言，100+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
   "keywords": [
     "uview",