uview-plus 3.1.50 → 3.1.51

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)进行偏移

package/components/u-input/props.js

@@ -1,18 +1,17 @@
-import defprops from '../../libs/config/props';
 export default {
 	props: {
 		// #ifdef VUE3
 		// 绑定的值
 		modelValue: {
 			type: [String, Number],
-			default: defprops.input.value
+			default: () => uni.$u.props.input.value
 		},
 		// #endif
 		// #ifdef VUE2
 		// 绑定的值
 		value: {
 			type: [String, Number],
-			default: defprops.input.value
+			default: () => uni.$u.props.input.value
 		},
 		// #endif
 		// number-数字输入键盘，app-vue下可以输入浮点数，app-nvue和小程序平台下只能输入整数
@@ -21,171 +20,171 @@ export default {
 		// text-文本输入键盘
 		type: {
 			type: String,
-			default: defprops.input.type
+			default: () => uni.$u.props.input.type
 		},
 		// 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，
 		// 兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序
 		fixed: {
 			type: Boolean,
-			default: defprops.input.fixed
+			default: () => uni.$u.props.input.fixed
 		},
 		// 是否禁用输入框
 		disabled: {
 			type: Boolean,
-			default: defprops.input.disabled
+			default: () => uni.$u.props.input.disabled
 		},
 		// 禁用状态时的背景色
 		disabledColor: {
 			type: String,
-			default: defprops.input.disabledColor
+			default: () => uni.$u.props.input.disabledColor
 		},
 		// 是否显示清除控件
 		clearable: {
 			type: Boolean,
-			default: defprops.input.clearable
+			default: () => uni.$u.props.input.clearable
 		},
 		// 是否密码类型
 		password: {
 			type: Boolean,
-			default: defprops.input.password
+			default: () => uni.$u.props.input.password
 		},
 		// 最大输入长度，设置为 -1 的时候不限制最大长度
 		maxlength: {
 			type: [String, Number],
-			default: defprops.input.maxlength
+			default: () => uni.$u.props.input.maxlength
 		},
 		// 	输入框为空时的占位符
 		placeholder: {
 			type: String,
-			default: defprops.input.placeholder
+			default: () => uni.$u.props.input.placeholder
 		},
 		// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/
 		placeholderClass: {
 			type: String,
-			default: defprops.input.placeholderClass
+			default: () => uni.$u.props.input.placeholderClass
 		},
 		// 指定placeholder的样式
 		placeholderStyle: {
 			type: [String, Object],
-			default: defprops.input.placeholderStyle
+			default: () => uni.$u.props.input.placeholderStyle
 		},
 		// 是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效
 		showWordLimit: {
 			type: Boolean,
-			default: defprops.input.showWordLimit
+			default: () => uni.$u.props.input.showWordLimit
 		},
 		// 设置右下角按钮的文字，有效值：send|search|next|go|done，兼容性详见uni-app文档
 		// https://uniapp.dcloud.io/component/input
 		// https://uniapp.dcloud.io/component/textarea
 		confirmType: {
 			type: String,
-			default: defprops.input.confirmType
+			default: () => uni.$u.props.input.confirmType
 		},
 		// 点击键盘右下角按钮时是否保持键盘不收起，H5无效
 		confirmHold: {
 			type: Boolean,
-			default: defprops.input.confirmHold
+			default: () => uni.$u.props.input.confirmHold
 		},
 		// focus时，点击页面的时候不收起键盘，微信小程序有效
 		holdKeyboard: {
 			type: Boolean,
-			default: defprops.input.holdKeyboard
+			default: () => uni.$u.props.input.holdKeyboard
 		},
 		// 自动获取焦点
 		// 在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点
 		focus: {
 			type: Boolean,
-			default: defprops.input.focus
+			default: () => uni.$u.props.input.focus
 		},
 		// 键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效
 		autoBlur: {
 			type: Boolean,
-			default: defprops.input.autoBlur
+			default: () => uni.$u.props.input.autoBlur
 		},
 		// 是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效
 		disableDefaultPadding: {
 			type: Boolean,
-			default: defprops.input.disableDefaultPadding
+			default: () => uni.$u.props.input.disableDefaultPadding
 		},
 		// 指定focus时光标的位置
 		cursor: {
 			type: [String, Number],
-			default: defprops.input.cursor
+			default: () => uni.$u.props.input.cursor
 		},
 		// 输入框聚焦时底部与键盘的距离
 		cursorSpacing: {
 			type: [String, Number],
-			default: defprops.input.cursorSpacing
+			default: () => uni.$u.props.input.cursorSpacing
 		},
 		// 光标起始位置，自动聚集时有效，需与selection-end搭配使用
 		selectionStart: {
 			type: [String, Number],
-			default: defprops.input.selectionStart
+			default: () => uni.$u.props.input.selectionStart
 		},
 		// 光标结束位置，自动聚集时有效，需与selection-start搭配使用
 		selectionEnd: {
 			type: [String, Number],
-			default: defprops.input.selectionEnd
+			default: () => uni.$u.props.input.selectionEnd
 		},
 		// 键盘弹起时，是否自动上推页面
 		adjustPosition: {
 			type: Boolean,
-			default: defprops.input.adjustPosition
+			default: () => uni.$u.props.input.adjustPosition
 		},
 		// 输入框内容对齐方式，可选值为：left|center|right
 		inputAlign: {
 			type: String,
-			default: defprops.input.inputAlign
+			default: () => uni.$u.props.input.inputAlign
 		},
 		// 输入框字体的大小
 		fontSize: {
 			type: [String, Number],
-			default: defprops.input.fontSize
+			default: () => uni.$u.props.input.fontSize
 		},
 		// 输入框字体颜色
 		color: {
 			type: String,
-			default: defprops.input.color
+			default: () => uni.$u.props.input.color
 		},
 		// 输入框前置图标
 		prefixIcon: {
 			type: String,
-			default: defprops.input.prefixIcon
+			default: () => uni.$u.props.input.prefixIcon
 		},
 		// 前置图标样式，对象或字符串
 		prefixIconStyle: {
 			type: [String, Object],
-			default: defprops.input.prefixIconStyle
+			default: () => uni.$u.props.input.prefixIconStyle
 		},
 		// 输入框后置图标
 		suffixIcon: {
 			type: String,
-			default: defprops.input.suffixIcon
+			default: () => uni.$u.props.input.suffixIcon
 		},
 		// 后置图标样式，对象或字符串
 		suffixIconStyle: {
 			type: [String, Object],
-			default: defprops.input.suffixIconStyle
+			default: () => uni.$u.props.input.suffixIconStyle
 		},
 		// 边框类型，surround-四周边框，bottom-底部边框，none-无边框
 		border: {
 			type: String,
-			default: defprops.input.border
+			default: () => uni.$u.props.input.border
 		},
 		// 是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会
 		readonly: {
 			type: Boolean,
-			default: defprops.input.readonly
+			default: () => uni.$u.props.input.readonly
 		},
 		// 输入框形状，circle-圆形，square-方形
 		shape: {
 			type: String,
-			default: defprops.input.shape
+			default: () => uni.$u.props.input.shape
 		},
 		// 用于处理或者过滤输入框内容的方法
 		formatter: {
 			type: [Function, null],
-			default: defprops.input.formatter
+			default: () => uni.$u.props.input.formatter
 		},
 		// 是否忽略组件内对文本合成系统事件的处理
 		ignoreCompositionEvent: {

package/components/u-input/u-input.vue

@@ -82,7 +82,7 @@ import mixin from '../../libs/mixin/mixin.js';
 /**
  * Input 输入框
  * @description  此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件u-form而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。
- * @tutorial https://uiadmin.net/uview-plus/components/input.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/input.html
  * @property {String | Number}	value					输入的值
  * @property {String}			type					输入框类型，见上方说明 （ 默认 'text' ）
  * @property {Boolean}			fixed					如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序 （ 默认 false ）
@@ -148,10 +148,13 @@ export default {
                 // 在H5中，外部value变化后，修改input中的值，不会触发@input事件，此时手动调用值变化方法
                 if (
                     this.firstChange === false &&
-					this.changeFromInner === false
+					this.changeFromInner === false
                 ) {
                     this.valueChange();
-                } else {
+                } else {
+					// 尝试调用u-form的验证方法
+					uni.$u.formValidate(this, "change");
+				}
                 /* #endif */
                 this.firstChange = false;
                 // 重置changeFromInner的值为false，标识下一次引起默认为外部引起的
@@ -171,7 +174,10 @@ export default {
                     this.changeFromInner === false
                 ) {
                     this.valueChange();
-                } else {
+                } else {
+					// 尝试调用u-form的验证方法
+					uni.$u.formValidate(this, "change");
+				}
                 /* #endif */
                 this.firstChange = false;
                 // 重置changeFromInner的值为false，标识下一次引起默认为外部引起的