uview-plus 3.4.14 → 3.4.16

package/changelog.md

@@ -1,3 +1,16 @@
+## 3.4.16（2025-04-10）
+fix: 修复安卓新加载字体方式导致Cannot read property '$page' of undefined
+
+## 3.4.15（2025-04-10）
+improvment: 优化移步加载数据时swiper组件displayMultipleItems报错
+
+feat: modal增加contentStyle属性
+
+fix: 修复下拉菜单收起动画缺失
+
+fix: 修复sticky的offset属性值为响应式数据时失效 #237
+
+
 ## 3.4.14（2025-04-09）
 feat: 支持自托管内置图标及扩展自定义图标
 

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

@@ -20,11 +20,12 @@
 			</view>
 		</view>
 		<view class="u-dropdown__content" :style="[contentStyle, {
-			transition: `opacity ${duration / 1000}s linear`,
+			transition: `opacity ${duration / 1000}s, z-index ${duration / 1000}s linear`,
 			top: addUnit(height)
 		}]"
 		 @tap="maskClick" @touchmove.stop.prevent>
-			<view @tap.stop.prevent class="u-dropdown__content__popup" :style="[popupStyle]">
+			<view @tap.stop.prevent class="u-dropdown__content__popup" :style="[popupStyle, {
+			}]">
 				<slot></slot>
 			</view>
 			<view class="u-dropdown__content__mask"></view>
@@ -147,11 +148,11 @@
 				this.active = false;
 				this.current = 99999;
 				// 下拉内容的样式进行调整，不透明度设置为0
-				this.contentStyle = {
-					zIndex: -1,
-					opacity: 0,
-					height: '0px'
-				}
+				this.contentStyle.zIndex = -1;
+				this.contentStyle.opacity = 0;
+				setTimeout(() => {
+					this.contentStyle.height = 0;
+				}, this.duration)
 			},
 			// 点击遮罩
 			maskClick() {

package/components/u-icon/u-icon.vue

@@ -35,44 +35,10 @@
 </template>
 
 <script>
-	import config from '../../libs/config/config';
-	// #ifdef APP-NVUE
-	// nvue通过weex的dom模块引入字体，相关文档地址如下：
-	// https://weex.apache.org/zh/docs/modules/dom.html#addrule
-	const domModule = weex.requireModule('dom');
-	domModule.addRule('fontFace', {
-		'fontFamily': "uicon-iconfont",
-		'src': `url('${config.iconUrl}')`
-	});
-	// #endif
-	// #ifdef APP || H5 || MP-WEIXIN || MP-ALIPAY
-	uni.loadFontFace({
-		family: 'uicon-iconfont',
-		source: 'url("' + config.iconUrl + '")',
-		success() {
-			// console.log('内置字体图标加载成功');
-		},
-		fail() {
-			console.error('内置字体图标加载出错');
-		}
-	});
-	if (config.customIcon.family) {
-		uni.loadFontFace({
-			family: config.customIcon.family,
-			source: 'url("' + config.customIcon.url + '")',
-			success() {
-				// console.log('扩展字体图标加载成功');
-			},
-			fail() {
-				console.error('扩展字体图标加载出错');
-			}
-		});
-	}
-	// #endif
-
 	// 引入图标名称，已经对应的unicode
 	import icons from './icons';
 	import { props } from './props';
+	import config from '../../libs/config/config';
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
 	import { addUnit, addStyle } from '../../libs/function/index';
@@ -105,6 +71,46 @@
 	export default {
 		name: 'u-icon',
 		beforeCreate() {
+			
+			// #ifdef APP-NVUE
+			// nvue通过weex的dom模块引入字体，相关文档地址如下：
+			// https://weex.apache.org/zh/docs/modules/dom.html#addrule
+			const domModule = weex.requireModule('dom');
+			domModule.addRule('fontFace', {
+				'fontFamily': "uicon-iconfont",
+				'src': `url('${config.iconUrl}')`
+			});
+			if (config.customIcon.family) {
+				domModule.addRule('fontFace', {
+					'fontFamily': config.customIcon.family,
+					'src': `url('${config.customIcon.url}')`
+				});
+			}
+			// #endif
+			// #ifdef APP || H5 || MP-WEIXIN || MP-ALIPAY
+			uni.loadFontFace({
+				family: 'uicon-iconfont',
+				source: 'url("' + config.iconUrl + '")',
+				success() {
+					// console.log('内置字体图标加载成功');
+				},
+				fail() {
+					console.error('内置字体图标加载出错');
+				}
+			});
+			if (config.customIcon.family) {
+				uni.loadFontFace({
+					family: config.customIcon.family,
+					source: 'url("' + config.customIcon.url + '")',
+					success() {
+						// console.log('扩展字体图标加载成功');
+					},
+					fail() {
+						console.error('扩展字体图标加载出错');
+					}
+				});
+			}
+			// #endif
 			// #ifdef APP-NVUE
 			if (this.customFontFamily) {
 				domModule.addRule('fontFace', {

package/components/u-modal/modal.js

@@ -28,6 +28,7 @@ export default {
         confirmButtonShape: '',
         contentTextAlign: 'left',
         asyncCloseTip: '操作中...',
-        asyncCancelClose: false
+        asyncCancelClose: false,
+        contentStyle: {}
     }
 }

package/components/u-modal/props.js

@@ -97,6 +97,11 @@ export const props = defineMixin({
             type: Boolean,
             default: () => defProps.modal.asyncCancelClose
         },
+        // 内容样式
+        contentStyle: {
+            type: Object,
+            default: () => defProps.modal.contentStyle
+        },
         
     }
 })

package/components/u-modal/u-modal.vue

@@ -26,9 +26,7 @@
 			>{{ title }}</view>
 			<view
 				class="u-modal__content"
-				:style="{
-					paddingTop: `${title ? 12 : 25}px`
-				}"
+				:style="contentStyleCpu"
 			>
 				<slot>
 					<text class="u-modal__content__text" :style="{textAlign: contentTextAlign}">
@@ -138,6 +136,13 @@
 			}
 		},
 		emits: ["confirm", "cancel", "close", "update:show", 'cancelOnAsync'],
+		computed: {
+			contentStyleCpu() {
+				let style = this.contentStyle;
+				style.paddingTop = `${title ? 12 : 25}px`
+				return style;
+			}
+		},
 		methods: {
 			addUnit,
 			// 点击确定按钮

package/components/u-picker-data/u-picker-data.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="u-picker-data">
 		<view class="u-picker-data__trigger">
-			<slot name="trigger"></slot>
+			<slot name="trigger" :current="current"></slot>
 			<up-input
 				v-if="!$slots['trigger']"
 				:modelValue="current"

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

@@ -90,6 +90,11 @@
 		mounted() {
 			this.init()
 		},
+		watch: {
+			offsetTop(nval) {
+				this.getStickyTop()
+			}
+		},
 		methods: {
 			init() {
 				this.getStickyTop()

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

@@ -30,7 +30,7 @@
 			:previousMargin="addUnit(previousMargin)"
 			:nextMargin="addUnit(nextMargin)"
 			:acceleration="acceleration"
-			:displayMultipleItems="displayMultipleItems"
+			:displayMultipleItems="list.length > 0 ? displayMultipleItems : 0"
 			:easingFunction="easingFunction"
 		>
 			<swiper-item

package/package.json

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