uview-plus 3.4.10 → 3.4.12

package/changelog.md

@@ -1,3 +1,11 @@
+## 3.4.12（2025-04-02）
+fix: dropdown关闭后遮挡页面内容 #653
+
+fix u-sticky.vue Uncaught TypeError: e.querySelector is not a function at uni-app-view.umd.js
+
+## 3.4.11（2025-03-31）
+fix: 优化upload组件预览视频的弹窗占位
+
 ## 3.4.10（2025-03-28）
 feat: select组件新增多个props属性及优化
 

package/components/u-dropdown/u-dropdown.vue

@@ -21,8 +21,7 @@
 		</view>
 		<view class="u-dropdown__content" :style="[contentStyle, {
 			transition: `opacity ${duration / 1000}s linear`,
-			top: addUnit(height),
-			height: contentHeight + 'px'
+			top: addUnit(height)
 		}]"
 		 @tap="maskClick" @touchmove.stop.prevent>
 			<view @tap.stop.prevent class="u-dropdown__content__popup" :style="[popupStyle]">
@@ -129,6 +128,7 @@
 				// 展开时，设置下拉内容的样式
 				this.contentStyle = {
 					zIndex: 11,
+					height: this.contentHeight + 'px'
 				}
 				// 标记展开状态以及当前展开项的索引
 				this.active = true;
@@ -149,7 +149,8 @@
 				// 下拉内容的样式进行调整，不透明度设置为0
 				this.contentStyle = {
 					zIndex: -1,
-					opacity: 0
+					opacity: 0,
+					height: '0px'
 				}
 			},
 			// 点击遮罩

package/components/u-popup/u-popup.vue

@@ -1,5 +1,7 @@
 <template>
-	<view class="u-popup" :class="[customClass]">
+	<view class="u-popup" :class="[customClass]"
+		:style="{width: show == false ? '0px' : '',
+			height: show == false ? '0px' : ''}">
 		<view class="u-popup__trigger">
 			<slot name="trigger">
 			</slot>

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

@@ -1,10 +1,10 @@
 <template>
 	<view
 		class="u-sticky"
-		:id="elId"
 		:style="[style]"
 	>
 		<view
+		:id="elId"
 			:style="[stickyContent]"
 			class="u-sticky__content"
 		>
@@ -114,7 +114,7 @@
 			observeContent() {
 				// 先断掉之前的观察
 				this.disconnectObserver('contentObserver')
-				const contentObserver = uni.createIntersectionObserver({
+				const contentObserver = uni.createIntersectionObserver(this,{
 					// 检测的区间范围
 					thresholds: [0.95, 0.98, 1]
 				})

package/components/u-upload/u-upload.vue

@@ -125,19 +125,6 @@
 						</view>
 					</slot>
 				</view>
-				<up-popup
-					mode="center"
-					v-model:show="popupShow">
-					<video id="myVideo"
-						:src="currentItemIndex >= 0 ? lists[currentItemIndex].url : ''"
-						@error="videoErrorCallback" show-center-play-btn
-						object-fit='cover' show-fullscreen-btn='true'
-						enable-play-gesture controls
-						:autoplay="true" auto-pause-if-open-native
-						@loadedmetadata="loadedVideoMetadata"
-						:initial-time='0.1'>
-					</video>
-				</up-popup>
 			</template>
 			<canvas id="myCanvas" type="2d"
 				style="width: 100px; height: 150px;display: none;"></canvas>
@@ -178,6 +165,19 @@
 				</view>
 			</template>
 		</view>
+		<up-popup
+			mode="center"
+			v-model:show="popupShow">
+			<video id="myVideo"
+				:src="currentItemIndex >= 0 ? lists[currentItemIndex].url : ''"
+				@error="videoErrorCallback" show-center-play-btn
+				object-fit='cover' show-fullscreen-btn='true'
+				enable-play-gesture controls
+				:autoplay="true" auto-pause-if-open-native
+				@loadedmetadata="loadedVideoMetadata"
+				:initial-time='0.1'>
+			</video>
+		</up-popup>
 	</view>
 </template>
 

package/components/u-upload/utils.js

@@ -124,8 +124,8 @@ export function chooseFile({
                 fail: reject
             })
             break
-            // #ifdef MP-WEIXIN || H5
-            // 只有微信小程序才支持chooseMessageFile接口
+        // #ifdef MP-WEIXIN || H5
+        // 只有微信小程序才支持chooseMessageFile接口
         case 'file':
             // #ifdef MP-WEIXIN
             wx.chooseMessageFile({
@@ -149,7 +149,7 @@ export function chooseFile({
             uni.chooseFile(params)
             // #endif
             break
-				// #endif
+		// #endif
 		default: 
 			// 此为保底选项，在accept不为上面任意一项的时候选取全部文件
 			// #ifdef MP-WEIXIN

package/package.json

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