uview-plus 3.1.50 → 3.1.52

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

@@ -1,44 +1,48 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // input的label提示语
         label: {
             type: String,
-            default: defprops.formItem.label
+            default: () => uni.$u.props.formItem.label
         },
         // 绑定的值
         prop: {
             type: String,
-            default: defprops.formItem.prop
+            default: () => uni.$u.props.formItem.prop
+        },
+        // 绑定的规则
+        prop: {
+            type: String,
+            default: () => uni.$u.props.formItem.rule
         },
         // 是否显示表单域的下划线边框
         borderBottom: {
             type: [String, Boolean],
-            default: defprops.formItem.borderBottom
+            default: () => uni.$u.props.formItem.borderBottom
         },
         // label的宽度，单位px
         labelWidth: {
             type: [String, Number],
-            default: defprops.formItem.labelWidth
+            default: () => uni.$u.props.formItem.labelWidth
         },
         // 右侧图标
         rightIcon: {
             type: String,
-            default: defprops.formItem.rightIcon
+            default: () => uni.$u.props.formItem.rightIcon
         },
         // 左侧图标
         leftIcon: {
             type: String,
-            default: defprops.formItem.leftIcon
+            default: () => uni.$u.props.formItem.leftIcon
         },
         // 是否显示左边的必填星号，只作显示用，具体校验必填的逻辑，请在rules中配置
         required: {
             type: Boolean,
-            default: defprops.formItem.required
+            default: () => uni.$u.props.formItem.required
         },
         leftIconStyle: {
             type: [String, Object],
-            default: defprops.formItem.leftIconStyle,
+            default: () => uni.$u.props.formItem.leftIconStyle,
         }
     }
 }

package/components/u-form-item/u-form-item.vue

@@ -84,6 +84,7 @@
 	 * @tutorial https://ijry.github.io/uview-plus/components/form.html
 	 * @property {String}			label			input的label提示语
 	 * @property {String}			prop			绑定的值
+	 * @property {String}			rule			绑定的规则
 	 * @property {String | Boolean}	borderBottom	是否显示表单域的下划线边框
 	 * @property {String | Number}	labelWidth		label的宽度，单位px
 	 * @property {String}			rightIcon		右侧图标

package/components/u-gap/props.js

@@ -1,25 +1,24 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 背景颜色（默认transparent）
         bgColor: {
             type: String,
-            default: defprops.gap.bgColor
+            default: () => uni.$u.props.gap.bgColor
         },
         // 分割槽高度，单位px（默认30）
         height: {
             type: [String, Number],
-            default: defprops.gap.height
+            default: () => uni.$u.props.gap.height
         },
         // 与上一个组件的距离
         marginTop: {
             type: [String, Number],
-            default: defprops.gap.marginTop
+            default: () => uni.$u.props.gap.marginTop
         },
         // 与下一个组件的距离
         marginBottom: {
             type: [String, Number],
-            default: defprops.gap.marginBottom
+            default: () => uni.$u.props.gap.marginBottom
         }
     }
 }

package/components/u-gap/u-gap.vue

@@ -6,6 +6,7 @@
 	import props from './props.js';
 	import mpMixin from '../../libs/mixin/mpMixin.js';
 	import mixin from '../../libs/mixin/mixin.js';
+	import { addStyle, addUnit, deepMerge } from '../../libs/function/index.js';
 	/**
 	 * gap 间隔槽
 	 * @description 该组件一般用于内容块之间的用一个灰色块隔开的场景，方便用户风格统一，减少工作量
@@ -25,11 +26,11 @@
 			gapStyle() {
 				const style = {
 					backgroundColor: this.bgColor,
-					height: uni.$u.addUnit(this.height),
-					marginTop: uni.$u.addUnit(this.marginTop),
-					marginBottom: uni.$u.addUnit(this.marginBottom),
+					height: addUnit(this.height),
+					marginTop: addUnit(this.marginTop),
+					marginBottom: addUnit(this.marginBottom),
 				}
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+				return deepMerge(style, addStyle(this.customStyle))
 			}
 		}
 	};

package/components/u-grid/props.js

@@ -1,20 +1,19 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 分成几列
         col: {
             type: [String, Number],
-            default: defprops.grid.col
+            default: () => uni.$u.props.grid.col
         },
         // 是否显示边框
         border: {
             type: Boolean,
-            default: defprops.grid.border
+            default: () => uni.$u.props.grid.border
         },
         // 宫格对齐方式，表现为数量少的时候，靠左，居中，还是靠右
         align: {
             type: String,
-            default: defprops.grid.align
+            default: () => uni.$u.props.grid.align
         }
     }
 }

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

@@ -1,15 +1,14 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 宫格的name
         name: {
             type: [String, Number, null],
-            default: defprops.gridItem.name
+            default: () => uni.$u.props.gridItem.name
         },
         // 背景颜色
         bgColor: {
             type: String,
-            default: defprops.gridItem.bgColor
+            default: () => uni.$u.props.gridItem.bgColor
         }
     }
 }

package/components/u-grid-item/u-grid-item.vue

@@ -166,7 +166,12 @@
 				}
 			}
 		},
+		// #ifdef VUE2
 		beforeDestroy() {
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+		// #endif
 			// 移除事件监听，释放性能
 			uni.$off('$uGridItem')
 		}

package/components/u-icon/props.js

@@ -1,90 +1,89 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 图标类名
         name: {
             type: String,
-            default: defprops.icon.name
+            default: () => uni.$u.props.icon.name
         },
         // 图标颜色，可接受主题色
         color: {
             type: String,
-            default: defprops.icon.color
+            default: () => uni.$u.props.icon.color
         },
         // 字体大小，单位px
         size: {
             type: [String, Number],
-            default: defprops.icon.size
+            default: () => uni.$u.props.icon.size
         },
         // 是否显示粗体
         bold: {
             type: Boolean,
-            default: defprops.icon.bold
+            default: () => uni.$u.props.icon.bold
         },
         // 点击图标的时候传递事件出去的index（用于区分点击了哪一个）
         index: {
             type: [String, Number],
-            default: defprops.icon.index
+            default: () => uni.$u.props.icon.index
         },
         // 触摸图标时的类名
         hoverClass: {
             type: String,
-            default: defprops.icon.hoverClass
+            default: () => uni.$u.props.icon.hoverClass
         },
         // 自定义扩展前缀，方便用户扩展自己的图标库
         customPrefix: {
             type: String,
-            default: defprops.icon.customPrefix
+            default: () => uni.$u.props.icon.customPrefix
         },
         // 图标右边或者下面的文字
         label: {
             type: [String, Number],
-            default: defprops.icon.label
+            default: () => uni.$u.props.icon.label
         },
         // label的位置，只能右边或者下边
         labelPos: {
             type: String,
-            default: defprops.icon.labelPos
+            default: () => uni.$u.props.icon.labelPos
         },
         // label的大小
         labelSize: {
             type: [String, Number],
-            default: defprops.icon.labelSize
+            default: () => uni.$u.props.icon.labelSize
         },
         // label的颜色
         labelColor: {
             type: String,
-            default: defprops.icon.labelColor
+            default: () => uni.$u.props.icon.labelColor
         },
         // label与图标的距离
         space: {
             type: [String, Number],
-            default: defprops.icon.space
+            default: () => uni.$u.props.icon.space
         },
         // 图片的mode
         imgMode: {
             type: String,
-            default: defprops.icon.imgMode
+            default: () => uni.$u.props.icon.imgMode
         },
         // 用于显示图片小图标时，图片的宽度
         width: {
             type: [String, Number],
-            default: defprops.icon.width
+            default: () => uni.$u.props.icon.width
         },
         // 用于显示图片小图标时，图片的高度
         height: {
             type: [String, Number],
-            default: defprops.icon.height
+            default: () => uni.$u.props.icon.height
         },
         // 用于解决某些情况下，让图标垂直居中的用途
         top: {
             type: [String, Number],
-            default: defprops.icon.top
+            default: () => uni.$u.props.icon.top
         },
         // 是否阻止事件传播
         stop: {
             type: Boolean,
-            default: defprops.icon.stop
+            default: () => uni.$u.props.icon.stop
         }
     }
 }

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

@@ -92,12 +92,13 @@
 			uClasses() {
 				let classes = []
 				classes.push(this.customPrefix + '-' + this.name)
-				// // uView的自定义图标类名为u-iconfont
-				// if (this.customPrefix == 'uicon') {
-				// 	classes.push('u-iconfont')
-				// } else {
-				// 	classes.push(this.customPrefix)
-				// }
+				// uView的自定义图标类名为u-iconfont
+				if (this.customPrefix == 'uicon') {
+					classes.push('u-iconfont')
+				} else {
+					// 不能缺少这一步，否则自定义图标会无效
+					classes.push(this.customPrefix)
+				}
 				// 主题色，通过类配置
 				if (this.color && uni.$u.config.type.includes(this.color)) classes.push('u-icon__icon--' + this.color)
 				// 阿里，头条，百度小程序通过数组绑定类名时，无法直接使用[a, b, c]的形式，否则无法识别
@@ -134,6 +135,8 @@
 			},
 			// 通过图标名，查找对应的图标
 			icon() {
+				// 使用自定义图标的时候页面上会把name属性也展示出来，所以在这里处理一下
+				if (this.customPrefix !== "uicon") return "";
 				// 如果内置的图标中找不到对应的图标，就直接返回name值，因为用户可能传入的是unicode代码
 				return icons['uicon-' + this.name] || this.name
 			}

package/components/u-image/props.js

@@ -1,85 +1,84 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 图片地址
         src: {
             type: String,
-            default: defprops.image.src
+            default: () => uni.$u.props.image.src
         },
         // 裁剪模式
         mode: {
             type: String,
-            default: defprops.image.mode
+            default: () => uni.$u.props.image.mode
         },
         // 宽度，单位任意
         width: {
             type: [String, Number],
-            default: defprops.image.width
+            default: () => uni.$u.props.image.width
         },
         // 高度，单位任意
         height: {
             type: [String, Number],
-            default: defprops.image.height
+            default: () => uni.$u.props.image.height
         },
         // 图片形状，circle-圆形，square-方形
         shape: {
             type: String,
-            default: defprops.image.shape
+            default: () => uni.$u.props.image.shape
         },
         // 圆角，单位任意
         radius: {
             type: [String, Number],
-            default: defprops.image.radius
+            default: () => uni.$u.props.image.radius
         },
         // 是否懒加载，微信小程序、App、百度小程序、字节跳动小程序
         lazyLoad: {
             type: Boolean,
-            default: defprops.image.lazyLoad
+            default: () => uni.$u.props.image.lazyLoad
         },
         // 开启长按图片显示识别微信小程序码菜单
         showMenuByLongpress: {
             type: Boolean,
-            default: defprops.image.showMenuByLongpress
+            default: () => uni.$u.props.image.showMenuByLongpress
         },
         // 加载中的图标，或者小图片
         loadingIcon: {
             type: String,
-            default: defprops.image.loadingIcon
+            default: () => uni.$u.props.image.loadingIcon
         },
         // 加载失败的图标，或者小图片
         errorIcon: {
             type: String,
-            default: defprops.image.errorIcon
+            default: () => uni.$u.props.image.errorIcon
         },
         // 是否显示加载中的图标或者自定义的slot
         showLoading: {
             type: Boolean,
-            default: defprops.image.showLoading
+            default: () => uni.$u.props.image.showLoading
         },
         // 是否显示加载错误的图标或者自定义的slot
         showError: {
             type: Boolean,
-            default: defprops.image.showError
+            default: () => uni.$u.props.image.showError
         },
         // 是否需要淡入效果
         fade: {
             type: Boolean,
-            default: defprops.image.fade
+            default: () => uni.$u.props.image.fade
         },
         // 只支持网络资源，只对微信小程序有效
         webp: {
             type: Boolean,
-            default: defprops.image.webp
+            default: () => uni.$u.props.image.webp
         },
         // 过渡时间，单位ms
         duration: {
             type: [String, Number],
-            default: defprops.image.duration
+            default: () => uni.$u.props.image.duration
         },
         // 背景颜色，用于深色页面加载图片时，为了和背景色融合
         bgColor: {
             type: String,
-            default: defprops.image.bgColor
+            default: () => uni.$u.props.image.bgColor
         }
     }
 }

package/components/u-image/u-image.vue

@@ -70,7 +70,7 @@
 	/**
 	 * Image 图片
 	 * @description 此组件为uni-app的image组件的加强版，在继承了原有功能外，还支持淡入动画、加载中、加载失败提示、圆角值和形状等。
-	 * @tutorial https://uiadmin.net/uview-plus/components/image.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/image.html
 	 * @property {String}			src 				图片地址
 	 * @property {String}			mode 				裁剪模式，见官网说明 （默认 'aspectFill' ）
 	 * @property {String | Number}	width 				宽度，单位任意，如果为数值，则为px单位 （默认 '300' ）

package/components/u-index-anchor/props.js

@@ -1,30 +1,29 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 列表锚点文本内容
         text: {
             type: [String, Number],
-            default: defprops.indexAnchor.text
+            default: () => uni.$u.props.indexAnchor.text
         },
         // 列表锚点文字颜色
         color: {
             type: String,
-            default: defprops.indexAnchor.color
+            default: () => uni.$u.props.indexAnchor.color
         },
         // 列表锚点文字大小，单位默认px
         size: {
             type: [String, Number],
-            default: defprops.indexAnchor.size
+            default: () => uni.$u.props.indexAnchor.size
         },
         // 列表锚点背景颜色
         bgColor: {
             type: String,
-            default: defprops.indexAnchor.bgColor
+            default: () => uni.$u.props.indexAnchor.bgColor
         },
         // 列表锚点高度，单位默认px
         height: {
             type: [String, Number],
-            default: defprops.indexAnchor.height
+            default: () => uni.$u.props.indexAnchor.height
         }
     }
 }

package/components/u-index-anchor/u-index-anchor.vue

@@ -33,7 +33,7 @@
 	/**
 	 * IndexAnchor 列表锚点
 	 * @description 
-	 * @tutorial https://uiadmin.net/uview-plus/components/indexList.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/indexList.html
 	 * @property {String | Number}	text	列表锚点文本内容
 	 * @property {String}			color	列表锚点文字颜色 ( 默认 '#606266' )
 	 * @property {String | Number}	size	列表锚点文字大小，单位默认px ( 默认 14 )

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

@@ -1,4 +1,3 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
 

package/components/u-index-item/u-index-item.vue

@@ -25,7 +25,7 @@
 	/**
 	 * IndexItem 
 	 * @description 
-	 * @tutorial https://uiadmin.net/uview-plus/components/indexList.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/indexList.html
 	 * @property {String}
 	 * @event {Function}
 	 * @example

package/components/u-index-list/props.js

@@ -1,30 +1,29 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 右边锚点非激活的颜色
         inactiveColor: {
             type: String,
-            default: defprops.indexList.inactiveColor
+            default: () => uni.$u.props.indexList.inactiveColor
         },
         // 右边锚点激活的颜色
         activeColor: {
             type: String,
-            default: defprops.indexList.activeColor
+            default: () => uni.$u.props.indexList.activeColor
         },
         // 索引字符列表，数组形式
         indexList: {
             type: Array,
-            default: defprops.indexList.indexList
+            default: () => uni.$u.props.indexList.indexList
         },
         // 是否开启锚点自动吸顶
         sticky: {
             type: Boolean,
-            default: defprops.indexList.sticky
+            default: () => uni.$u.props.indexList.sticky
         },
         // 自定义导航栏的高度
         customNavHeight: {
             type: [String, Number],
-            default: defprops.indexList.customNavHeight
+            default: () => uni.$u.props.indexList.customNavHeight
         }
     }
 }

package/components/u-index-list/u-index-list.vue

@@ -110,7 +110,7 @@
 	/**
 	 * IndexList 索引列表
 	 * @description  通过折叠面板收纳内容区域
-	 * @tutorial https://uiadmin.net/uview-plus/components/indexList.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/indexList.html
 	 * @property {String}			inactiveColor	右边锚点非激活的颜色 ( 默认 '#606266' )
 	 * @property {String}			activeColor		右边锚点激活的颜色 ( 默认 '#5677fc' )
 	 * @property {Array}			indexList		索引字符列表，数组形式
@@ -310,7 +310,8 @@
 				// #endif
 				// #ifdef MP-WEIXIN
 				// 微信小程序下，scroll-view的scroll-into-view属性无法对slot中的内容的id生效，只能通过设置scrollTop的形式去移动滚动条
-				this.scrollTop = this.children[currentIndex].top
+				const customNavHeight = this.customNavHeight
+				this.scrollTop = this.children[currentIndex].top - uni.$u.getPx(customNavHeight)
 				// #endif
 				// #ifdef APP-NVUE
 				// 在nvue中，由于cell和header为同级元素，所以实际是需要对header(anchor)进行偏移