uview-plus 3.4.53 → 3.4.54

package/changelog.md

@@ -1,3 +1,8 @@
+## 3.4.54（2025-07-18）
+feat: dropdown组件的highlight方法支持同时高亮多个菜单项
+
+feat: 支持一次性全局加载icon字体
+
 ## 3.4.53（2025-07-18）
 feat: dropdown组件的highlight方法支持同时高亮多个菜单项 感谢@keeplearning66
 

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

@@ -8,13 +8,13 @@
 			<view class="u-dropdown__menu__item" v-for="(item, index) in menuList" :key="index" @tap.stop="menuClick(index)">
 				<view class="u-flex u-flex-row">
 					<text class="u-dropdown__menu__item__text" :style="{
-						color: item.disabled ? '#c0c4cc' : (index === current || highlightIndex == index) ? activeColor : inactiveColor,
+						color: item.disabled ? '#c0c4cc' : (index === current || highlightIndexList.includes(index)) ? activeColor : inactiveColor,
 						fontSize: addUnit(titleSize)
 					}">{{item.title}}</text>
 					<view class="u-dropdown__menu__item__arrow" :class="{
 						'u-dropdown__menu__item__arrow--rotate': index === current
 					}">
-						<u-icon :custom-style="{display: 'flex'}" :name="menuIcon" :size="addUnit(menuIconSize)" :color="index === current || highlightIndex == index ? activeColor : '#c0c4cc'"></u-icon>
+						<u-icon :custom-style="{display: 'flex'}" :name="menuIcon" :size="addUnit(menuIconSize)" :color="index === current || highlightIndexList.includes(index) ? activeColor : '#c0c4cc'"></u-icon>
 					</view>
 				</view>
 			</view>
@@ -71,8 +71,8 @@
 					zIndex: -1,
 					opacity: 0
 				},
-				// 让某个菜单保持高亮的状态
-				highlightIndex: 99999,
+				// 让某些菜单保持高亮的状态
+				highlightIndexList: [],
 				contentHeight: 0
 			}
 		},
@@ -160,9 +160,13 @@
 				if (!this.closeOnClickMask) return;
 				this.close();
 			},
-			// 外部手动设置某个菜单高亮
-			highlight(index = undefined) {
-				this.highlightIndex = index !== undefined ? index : 99999;
+			// 外部手动设置某些菜单高亮
+			highlight(indexParams = undefined) {
+                if (Array.isArray(indexParams)) {
+                    this.highlightIndexList = [...indexParams];
+                    return;
+                }
+				this.highlightIndexList = indexParams !== undefined ? [indexParams] : [];
 			},
 			// 获取下拉菜单内容的高度
 			getContentHeight() {

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

@@ -42,6 +42,7 @@
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
 	import { addUnit, addStyle } from '../../libs/function/index';
+	import fontUtil from './util';
 	/**
 	 * icon 图标
 	 * @description 基于字体的图标集，包含了大多数常见场景的图标。
@@ -71,54 +72,7 @@
 	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', {
-					'fontFamily': `${this.customPrefix}-${this.customFontFamily}`,
-					'src': `url('${this.customFontUrl}')`
-				})
-			}
-        	// #endif
+			fontUtil.loadFont();
     	},
 		data() {
 			return {

package/components/u-icon/util.js

@@ -7,7 +7,7 @@ function once(fn) {
     return function(...args) {
         if (!called) {
             result = fn.apply(this, args);
-            // called = true;
+            called = true;
         }
         return result;
     };
@@ -15,7 +15,7 @@ function once(fn) {
 
 // 使用高阶函数
 const loadFont = once(() => {
-    console.log('这个函数只能执行一次');
+    // console.log('这个函数只能执行一次');
     // #ifdef APP-NVUE
     // nvue通过weex的dom模块引入字体，相关文档地址如下：
     // https://weex.apache.org/zh/docs/modules/dom.html#addrule
@@ -33,6 +33,7 @@ const loadFont = once(() => {
     // #endif
     // #ifdef APP || H5 || MP-WEIXIN || MP-ALIPAY
     uni.loadFontFace({
+        global: true, // 是否全局生效。微信小程序 '2.10.0'起支持全局生效，需在 app.vue 中调用。
         family: 'uicon-iconfont',
         source: 'url("' + config.iconUrl + '")',
         success() {
@@ -44,6 +45,7 @@ const loadFont = once(() => {
     });
     if (config.customIcon.family) {
         uni.loadFontFace({
+            global: true, // 是否全局生效。微信小程序 '2.10.0'起支持全局生效，需在 app.vue 中调用。
             family: config.customIcon.family,
             source: 'url("' + config.customIcon.url + '")',
             success() {
@@ -66,8 +68,8 @@ const loadFont = once(() => {
     return true;
 });
 
-let util = {
+let fontUtil = {
     loadFont
 }
 
-export default util
+export default fontUtil

package/index.js

@@ -38,9 +38,12 @@ import platform from './libs/function/platform'
 // http
 import http from './libs/function/http.js'
 
+// fontUtil
+import fontUtil from './components/u-icon/util.js';
+
 // 导出
 let themeType = ['primary', 'success', 'error', 'warning', 'info'];
-export { route, http, debounce, throttle, calc, digit, platform, themeType, mixin, mpMixin, props, color, test, zIndex }
+export { route, http, debounce, throttle, calc, digit, platform, themeType, mixin, mpMixin, props, color, test, zIndex, fontUtil }
 export * from './libs/function/index.js'
 export * from './libs/function/colorGradient.js'
 

package/package.json

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