uview-plus 3.4.47 → 3.4.49

package/changelog.md

@@ -1,3 +1,11 @@
+## 3.4.49（2025-07-11）
+feat: picker支持bgColor、round、duration和overlayOpacity属性
+
+## 3.4.48（2025-07-10）
+fix: 官方文档Card示例组件多行显示省略号样式异常
+
+feat: album组件支持自定义preview事件
+
 ## 3.4.47（2025-07-09）
 fix: 修复datetime-picker打开时，数值可能出现对不上的问题
 

package/components/u-album/u-album.vue

@@ -13,7 +13,7 @@
                 v-for="(item, index1) in arr"
                 :key="index1"
                 :style="[imageStyle(index + 1, index1 + 1)]"
-                @tap="previewFullImage ? onPreviewTap($event, getSrc(item)) : ''"
+                @tap="onPreviewTap($event, getSrc(item))"
             >
                 <image
                     :src="getSrc(item)"
@@ -185,6 +185,7 @@ export default {
             return width
         }
     },
+    emits: ['preview', 'albumWidth'],
     methods: {
         addUnit,
         // 预览图片
@@ -192,12 +193,19 @@ export default {
             const urls = this.urls.map((item) => {
                 return this.getSrc(item)
             })
-            uni.previewImage({
-                current: url,
-                urls
-            })
-            // 是否阻止事件传播
-			this.stop && this.preventEvent(e)
+            if (this.previewFullImage) {
+                uni.previewImage({
+                    current: url,
+                    urls
+                })
+                // 是否阻止事件传播
+                this.stop && this.preventEvent(e)
+            } else {
+                this.$emit('preview', {
+                    urls,
+                    currentIndex: urls.indexOf(url)
+                })
+            }
         },
         // 获取图片的路径
         getSrc(item) {

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

@@ -95,7 +95,7 @@
 					// console.log('内置字体图标加载成功');
 				},
 				fail() {
-					console.error('内置字体图标加载出错');
+					// console.error('内置字体图标加载出错');
 				}
 			});
 			if (config.customIcon.family) {
@@ -106,7 +106,7 @@
 						// console.log('扩展字体图标加载成功');
 					},
 					fail() {
-						console.error('扩展字体图标加载出错');
+						// console.error('扩展字体图标加载出错');
 					}
 				});
 			}

package/components/u-icon/util.js

@@ -0,0 +1,73 @@
+import config from '../../libs/config/config';
+// 定义高阶函数
+function once(fn) {
+    let called = false;
+    let result;
+
+    return function(...args) {
+        if (!called) {
+            result = fn.apply(this, args);
+            // called = true;
+        }
+        return result;
+    };
+}
+
+// 使用高阶函数
+const loadFont = once(() => {
+    console.log('这个函数只能执行一次');
+    // #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', {
+            'fontFamily': `${this.customPrefix}-${this.customFontFamily}`,
+            'src': `url('${this.customFontUrl}')`
+        })
+    }
+    // #endif
+    return true;
+});
+
+let util = {
+    loadFont
+}
+
+export default util

package/components/u-picker/picker.js

@@ -32,5 +32,9 @@ export default {
         disabledColor: '',
         placeholder: '请选择',
         inputProps: {},
+        bgColor: '',
+        round: 0,
+        duration: 300,
+        overlayOpacity: 0.5
     }
 }

package/components/u-picker/props.js

@@ -123,5 +123,25 @@ export const props = defineMixin({
 		    type: [String, Number],
 		    default: () => defProps.picker.zIndex
 		},
+        // 弹窗背景色，设置为transparent可去除白色背景
+        bgColor: {
+            type: String,
+            default: () => defProps.picker.bgColor
+        },
+        // 是否显示圆角
+        round: {
+            type: [Boolean, String, Number],
+            default: () => defProps.picker.round
+        },
+        // 动画时长，单位ms
+        duration: {
+            type: [String, Number],
+            default: () => defProps.picker.duration
+        },
+        // 遮罩的透明度，0-1之间
+        overlayOpacity: {
+            type: [Number, String],
+            default: () => defProps.picker.overlayOpacity
+        }
     }
 })

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

@@ -17,6 +17,10 @@
 			:show="show || (hasInput && showByClickInput)"
 			:mode="popupMode"
 			:zIndex="zIndex"
+			:bgColor="bgColor"
+			:round="round"
+			:duration="duration"
+			:overlayOpacity="overlayOpacity"
 			@close="closeHandler"
 		>
 			<view class="u-picker">
@@ -96,6 +100,10 @@
  * @property {Boolean}			closeOnClickOverlay	是否允许点击遮罩关闭选择器（默认 false ）
  * @property {Array}			defaultIndex		各列的默认索引
  * @property {Boolean}			immediateChange		是否在手指松开时立即触发change事件（默认 true ）
+ * @property {String | Number}	round				圆角值（默认 0）
+ * @property {String }	        bgColor				背景色值（默认 '' ）
+ * @property {String | Number}	duration			动画时长，单位ms （默认 300 ）
+ * @property {String | Number}	overlayDuration		遮罩层动画时长，单位ms （默认 350 ）
  * @event {Function} close		关闭选择器时触发
  * @event {Function} cancel		点击取消按钮触发
  * @event {Function} change		当选择值变化时触发

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

@@ -79,6 +79,7 @@
 	 * @property {Boolean}			safeAreaInsetTop	是否留出顶部安全距离（状态栏高度） （默认 false ）
 	 * @property {String}			closeIconPos		自定义关闭图标位置（默认 'top-right' ）
 	 * @property {String | Number}	round				圆角值（默认 0）
+	 * @property {String }	        bgColor				背景色值（默认 '' ）
 	 * @property {Boolean}			zoom				当mode=center时 是否开启缩放（默认 true ）
 	 * @property {Object}			customStyle			组件的样式，对象形式
 	 * @event {Function} open 弹出层打开

package/package.json

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