uview-plus 3.1.45 → 3.1.48

package/components/u-datetime-picker/props.js

@@ -1,131 +1,130 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 是否打开组件
         show: {
             type: Boolean,
-            default: defprops.datetimePicker.show
+            default: () => uni.$u.props.datetimePicker.show
         },
 		// 弹出的方向，可选值为 top bottom right left center
         popupMode: {
             type: String,
-            default: defprops.picker.popupMode
+            default: () => uni.$u.props.picker.popupMode
         },
         // 是否展示顶部的操作栏
         showToolbar: {
             type: Boolean,
-            default: defprops.datetimePicker.showToolbar
+            default: () => uni.$u.props.datetimePicker.showToolbar
         },
         // #ifdef VUE2
         // 绑定值
         value: {
             type: [String, Number],
-            default: defprops.datetimePicker.value
+            default: () => uni.$u.props.datetimePicker.value
         },
         // #endif
         // #ifdef VUE3
         // 绑定值
         modelValue: {
             type: [String, Number],
-            default: defprops.datetimePicker.value
+            default: () => uni.$u.props.datetimePicker.value
         },
         // #endif
         // 顶部标题
         title: {
             type: String,
-            default: defprops.datetimePicker.title
+            default: () => uni.$u.props.datetimePicker.title
         },
         // 展示格式，mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择
         mode: {
             type: String,
-            default: defprops.datetimePicker.mode
+            default: () => uni.$u.props.datetimePicker.mode
         },
         // 可选的最大时间
         maxDate: {
             type: Number,
             // 最大默认值为后10年
-            default: defprops.datetimePicker.maxDate
+            default: () => uni.$u.props.datetimePicker.maxDate
         },
         // 可选的最小时间
         minDate: {
             type: Number,
             // 最小默认值为前10年
-            default: defprops.datetimePicker.minDate
+            default: () => uni.$u.props.datetimePicker.minDate
         },
         // 可选的最小小时，仅mode=time有效
         minHour: {
             type: Number,
-            default: defprops.datetimePicker.minHour
+            default: () => uni.$u.props.datetimePicker.minHour
         },
         // 可选的最大小时，仅mode=time有效
         maxHour: {
             type: Number,
-            default: defprops.datetimePicker.maxHour
+            default: () => uni.$u.props.datetimePicker.maxHour
         },
         // 可选的最小分钟，仅mode=time有效
         minMinute: {
             type: Number,
-            default: defprops.datetimePicker.minMinute
+            default: () => uni.$u.props.datetimePicker.minMinute
         },
         // 可选的最大分钟，仅mode=time有效
         maxMinute: {
             type: Number,
-            default: defprops.datetimePicker.maxMinute
+            default: () => uni.$u.props.datetimePicker.maxMinute
         },
         // 选项过滤函数
         filter: {
             type: [Function, null],
-            default: defprops.datetimePicker.filter
+            default: () => uni.$u.props.datetimePicker.filter
         },
         // 选项格式化函数
         formatter: {
             type: [Function, null],
-            default: defprops.datetimePicker.formatter
+            default: () => uni.$u.props.datetimePicker.formatter
         },
         // 是否显示加载中状态
         loading: {
             type: Boolean,
-            default: defprops.datetimePicker.loading
+            default: () => uni.$u.props.datetimePicker.loading
         },
         // 各列中，单个选项的高度
         itemHeight: {
             type: [String, Number],
-            default: defprops.datetimePicker.itemHeight
+            default: () => uni.$u.props.datetimePicker.itemHeight
         },
         // 取消按钮的文字
         cancelText: {
             type: String,
-            default: defprops.datetimePicker.cancelText
+            default: () => uni.$u.props.datetimePicker.cancelText
         },
         // 确认按钮的文字
         confirmText: {
             type: String,
-            default: defprops.datetimePicker.confirmText
+            default: () => uni.$u.props.datetimePicker.confirmText
         },
         // 取消按钮的颜色
         cancelColor: {
             type: String,
-            default: defprops.datetimePicker.cancelColor
+            default: () => uni.$u.props.datetimePicker.cancelColor
         },
         // 确认按钮的颜色
         confirmColor: {
             type: String,
-            default: defprops.datetimePicker.confirmColor
+            default: () => uni.$u.props.datetimePicker.confirmColor
         },
         // 每列中可见选项的数量
         visibleItemCount: {
             type: [String, Number],
-            default: defprops.datetimePicker.visibleItemCount
+            default: () => uni.$u.props.datetimePicker.visibleItemCount
         },
         // 是否允许点击遮罩关闭选择器
         closeOnClickOverlay: {
             type: Boolean,
-            default: defprops.datetimePicker.closeOnClickOverlay
+            default: () => uni.$u.props.datetimePicker.closeOnClickOverlay
         },
         // 各列的默认索引
         defaultIndex: {
             type: Array,
-            default: defprops.datetimePicker.defaultIndex
+            default: () => uni.$u.props.datetimePicker.defaultIndex
         }
     }
 }

package/components/u-divider/props.js

@@ -1,45 +1,44 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 是否虚线
         dashed: {
             type: Boolean,
-            default: defprops.divider.dashed
+            default: () => uni.$u.props.divider.dashed
         },
         // 是否细线
         hairline: {
             type: Boolean,
-            default: defprops.divider.hairline
+            default: () => uni.$u.props.divider.hairline
         },
         // 是否以点替代文字，优先于text字段起作用
         dot: {
             type: Boolean,
-            default: defprops.divider.dot
+            default: () => uni.$u.props.divider.dot
         },
         // 内容文本的位置，left-左边，center-中间，right-右边
         textPosition: {
             type: String,
-            default: defprops.divider.textPosition
+            default: () => uni.$u.props.divider.textPosition
         },
         // 文本内容
         text: {
             type: [String, Number],
-            default: defprops.divider.text
+            default: () => uni.$u.props.divider.text
         },
         // 文本大小
         textSize: {
             type: [String, Number],
-            default: defprops.divider.textSize
+            default: () => uni.$u.props.divider.textSize
         },
         // 文本颜色
         textColor: {
             type: String,
-            default: defprops.divider.textColor
+            default: () => uni.$u.props.divider.textColor
         },
         // 线条颜色
         lineColor: {
             type: String,
-            default: defprops.divider.lineColor
+            default: () => uni.$u.props.divider.lineColor
         }
     }
 }

package/components/u-dropdown/props.js

@@ -1,4 +1,3 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 标题选中时的样式

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

@@ -1,4 +1,3 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 当前选中项的value值

package/components/u-empty/props.js

@@ -1,60 +1,59 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 内置图标名称，或图片路径，建议绝对路径
         icon: {
             type: String,
-            default: defprops.empty.icon
+            default: () => uni.$u.props.empty.icon
         },
         // 提示文字
         text: {
             type: String,
-            default: defprops.empty.text
+            default: () => uni.$u.props.empty.text
         },
         // 文字颜色
         textColor: {
             type: String,
-            default: defprops.empty.textColor
+            default: () => uni.$u.props.empty.textColor
         },
         // 文字大小
         textSize: {
             type: [String, Number],
-            default: defprops.empty.textSize
+            default: () => uni.$u.props.empty.textSize
         },
         // 图标的颜色
         iconColor: {
             type: String,
-            default: defprops.empty.iconColor
+            default: () => uni.$u.props.empty.iconColor
         },
         // 图标的大小
         iconSize: {
             type: [String, Number],
-            default: defprops.empty.iconSize
+            default: () => uni.$u.props.empty.iconSize
         },
         // 选择预置的图标类型
         mode: {
             type: String,
-            default: defprops.empty.mode
+            default: () => uni.$u.props.empty.mode
         },
         //  图标宽度，单位px
         width: {
             type: [String, Number],
-            default: defprops.empty.width
+            default: () => uni.$u.props.empty.width
         },
         // 图标高度，单位px
         height: {
             type: [String, Number],
-            default: defprops.empty.height
+            default: () => uni.$u.props.empty.height
         },
         // 是否显示组件
         show: {
             type: Boolean,
-            default: defprops.empty.show
+            default: () => uni.$u.props.empty.show
         },
         // 组件距离上一个元素之间的距离，默认px单位
         marginTop: {
             type: [String, Number],
-            default: defprops.empty.marginTop
+            default: () => uni.$u.props.empty.marginTop
         }
     }
 }

package/components/u-form/props.js

@@ -1,46 +1,45 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 当前form的需要验证字段的集合
         model: {
             type: Object,
-            default: defprops.form.model
+            default: () => uni.$u.props.form.model
         },
         // 验证规则
         rules: {
             type: [Object, Function, Array],
-            default: defprops.form.rules
+            default: () => uni.$u.props.form.rules
         },
         // 有错误时的提示方式，message-提示信息，toast-进行toast提示
         // border-bottom-下边框呈现红色，none-无提示
         errorType: {
             type: String,
-            default: defprops.form.errorType
+            default: () => uni.$u.props.form.errorType
         },
         // 是否显示表单域的下划线边框
         borderBottom: {
             type: Boolean,
-            default: defprops.form.borderBottom
+            default: () => uni.$u.props.form.borderBottom
         },
         // label的位置，left-左边，top-上边
         labelPosition: {
             type: String,
-            default: defprops.form.labelPosition
+            default: () => uni.$u.props.form.labelPosition
         },
         // label的宽度，单位px
         labelWidth: {
             type: [String, Number],
-            default: defprops.form.labelWidth
+            default: () => uni.$u.props.form.labelWidth
         },
         // lable字体的对齐方式
         labelAlign: {
             type: String,
-            default: defprops.form.labelAlign
+            default: () => uni.$u.props.form.labelAlign
         },
         // lable的样式，对象形式
         labelStyle: {
             type: Object,
-            default: defprops.form.labelStyle
+            default: () => uni.$u.props.form.labelStyle
         }
     }
 }

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

@@ -146,7 +146,7 @@
 							const propertyName =
 								propertyChain[propertyChain.length - 1];
 
-							const rule = this.formRules[child.prop];
+							const rule = this.formRules[child.rule || child.prop];
 							// 如果不存在对应的规则，直接返回，否则校验器会报错
 							if (!rule) return;
 							// rule规则可为数组形式，也可为对象形式，此处拼接成为数组

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-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
 			}