uview-plus 3.8.49 → 3.8.86

package/components/u-gap/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import GapDefaultProps from './gap'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(GapDefaultProps)
 export const props = defineMixin({
     props: {
         // 背景颜色（默认transparent）

package/components/u-grid/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import GridDefaultProps from './grid'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(GridDefaultProps)
 export const props = defineMixin({
     props: {
         // 分成几列

package/components/u-grid-item/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import GridItemDefaultProps from './gridItem'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(GridItemDefaultProps)
 export const props = defineMixin({
     props: {
         // 宫格的name

package/components/u-guide/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import GuideDefaultProps from './guide'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(GuideDefaultProps)
 export const props = defineMixin({
     props: {
         show: {

package/components/u-icon/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import IconDefaultProps from './icon'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(IconDefaultProps)
 export const props = defineMixin({
     props: {
         // 图标类名

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

@@ -161,8 +161,8 @@
 	$u-icon-error: $u-error !default;
 	$u-icon-label-line-height:1 !default;
 
-	/* #ifdef APP || MP-QQ || MP-TOUTIAO || MP-BAIDU || MP-KUAISHOU || MP-XHS */
-	// 2025/04/09在App/微信/支付宝/鸿蒙元服务已改用uni.loadFontFace加载字体
+	/* #ifdef MP-QQ || MP-TOUTIAO || MP-BAIDU || MP-KUAISHOU || MP-XHS */
+	// App端通过uni.loadFontFace加载包内本地字体，避免远程字体阻塞页面渲染。
 	@font-face {
 		font-family: 'uicon-iconfont';
 		src: url('https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf') format('truetype');

package/components/u-icon/util.js

@@ -1,22 +1,44 @@
 import config from '../../libs/config/config';
+// #ifdef APP || APP-NVUE
+import iconFontUrl from './upicon.ttf?url';
+// #endif
+
+const iconFontFamily = 'uicon-iconfont';
 
 let params = {
     loaded: false
 };
-// 加载字体方法
-const loadFont = () => {
-    // console.log('加载字体图标');
+
+const getIconUrl = () => {
+    // #ifdef APP || APP-NVUE
+    return iconFontUrl;
+    // #endif
+    return config.iconUrl;
+};
+
+const markFontLoaded = () => {
+    // App端使用包内本地字体，重复注册没有收益且会放大多图标页面开销。
+    // #ifdef APP || APP-NVUE
+    params.loaded = true;
+    return;
+    // #endif
     // 全局加载不稳定，默认关闭，需要开启可以配置loadFontOnce。
     if (config.loadFontOnce) {
         params.loaded = true;
     }
+};
+
+// 加载字体方法
+const loadFont = () => {
+    const iconUrl = getIconUrl();
+    markFontLoaded();
     // #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}')`
+        'fontFamily': iconFontFamily,
+        'src': `url('${iconUrl}')`
     });
     if (config.customIcon.family) {
         domModule.addRule('fontFace', {
@@ -28,8 +50,8 @@ const loadFont = () => {
     // #ifdef APP || H5 || MP-WEIXIN || MP-ALIPAY
     uni.loadFontFace({
         global: true, // 是否全局生效。微信小程序 '2.10.0'起支持全局生效，需在 app.vue 中调用。
-        family: 'uicon-iconfont',
-        source: 'url("' + config.iconUrl + '")',
+        family: iconFontFamily,
+        source: 'url("' + iconUrl + '")',
         success() {
             // console.log('内置字体图标加载成功');
         },

package/components/u-image/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ImageDefaultProps from './image'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ImageDefaultProps)
 export const props = defineMixin({
     props: {
         // 图片地址