uview-plus 3.1.50 → 3.1.52

package/components/u-count-down/props.js

@@ -1,25 +1,24 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 倒计时时长，单位ms
         time: {
             type: [String, Number],
-            default: defprops.countDown.time
+            default: () => uni.$u.props.countDown.time
         },
         // 时间格式，DD-日，HH-时，mm-分，ss-秒，SSS-毫秒
         format: {
             type: String,
-            default: defprops.countDown.format
+            default: () => uni.$u.props.countDown.format
         },
         // 是否自动开始倒计时
         autoStart: {
             type: Boolean,
-            default: defprops.countDown.autoStart
+            default: () => uni.$u.props.countDown.autoStart
         },
         // 是否展示毫秒倒计时
         millisecond: {
             type: Boolean,
-            default: defprops.countDown.millisecond
+            default: () => uni.$u.props.countDown.millisecond
         }
     }
 }

package/components/u-count-down/u-count-down.vue

@@ -18,7 +18,7 @@
 	/**
 	 * u-count-down 倒计时
 	 * @description 该组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。
-	 * @tutorial https://uiadmin.net/uview-plus/components/countDown.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/countDown.html
 	 * @property {String | Number}	time		倒计时时长，单位ms （默认 0 ）
 	 * @property {String}			format		时间格式，DD-日，HH-时，mm-分，ss-秒，SSS-毫秒  （默认 'HH:mm:ss' ）
 	 * @property {Boolean}			autoStart	是否自动开始倒计时 （默认 true ）
@@ -141,7 +141,12 @@
 				this.timer = null
 			}
 		},
+		// #ifdef VUE2
 		beforeDestroy() {
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+		// #endif
 			this.clearTimeout()
 		}
 	}

package/components/u-count-to/props.js

@@ -1,60 +1,59 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 开始的数值，默认从0增长到某一个数
         startVal: {
             type: [String, Number],
-            default: defprops.countTo.startVal
+            default: () => uni.$u.props.countTo.startVal
         },
         // 要滚动的目标数值，必须
         endVal: {
             type: [String, Number],
-            default: defprops.countTo.endVal
+            default: () => uni.$u.props.countTo.endVal
         },
         // 滚动到目标数值的动画持续时间，单位为毫秒（ms）
         duration: {
             type: [String, Number],
-            default: defprops.countTo.duration
+            default: () => uni.$u.props.countTo.duration
         },
         // 设置数值后是否自动开始滚动
         autoplay: {
             type: Boolean,
-            default: defprops.countTo.autoplay
+            default: () => uni.$u.props.countTo.autoplay
         },
         // 要显示的小数位数
         decimals: {
             type: [String, Number],
-            default: defprops.countTo.decimals
+            default: () => uni.$u.props.countTo.decimals
         },
         // 是否在即将到达目标数值的时候，使用缓慢滚动的效果
         useEasing: {
             type: Boolean,
-            default: defprops.countTo.useEasing
+            default: () => uni.$u.props.countTo.useEasing
         },
         // 十进制分割
         decimal: {
             type: [String, Number],
-            default: defprops.countTo.decimal
+            default: () => uni.$u.props.countTo.decimal
         },
         // 字体颜色
         color: {
             type: String,
-            default: defprops.countTo.color
+            default: () => uni.$u.props.countTo.color
         },
         // 字体大小
         fontSize: {
             type: [String, Number],
-            default: defprops.countTo.fontSize
+            default: () => uni.$u.props.countTo.fontSize
         },
         // 是否加粗字体
         bold: {
             type: Boolean,
-            default: defprops.countTo.bold
+            default: () => uni.$u.props.countTo.bold
         },
         // 千位分隔符，类似金额的分割(￥23,321.05中的",")
         separator: {
             type: String,
-            default: defprops.countTo.separator
+            default: () => uni.$u.props.countTo.separator
         }
     }
 }

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

@@ -1,131 +1,143 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
+        // 是否显示input
+        hasInput: {
+            type: Boolean,
+            default: () => false
+        },
+        placeholder: {
+            type: String,
+            default: () => '请选择'
+        },
+        format: {
+            type: String,
+            default: () => ''
+        },
         // 是否打开组件
         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-datetime-picker/u-datetime-picker.vue

@@ -1,7 +1,15 @@
 <template>
+    <view v-if="hasInput">
+        <u-input
+            :placeholder="placeholder"
+            border="surround"
+            v-model="inputValue"
+            @click="showByClickInput = !showByClickInput"
+        ></u-input>
+    </view>
 	<u-picker
 		ref="picker"
-		:show="show"
+		:show="show || (hasInput && showByClickInput)"
 		:popupMode="popupMode"
 		:closeOnClickOverlay="closeOnClickOverlay"
 		:columns="columns"
@@ -43,7 +51,7 @@
 	 * @tutorial https://ijry.github.io/uview-plus/components/datetimePicker.html
 	 * @property {Boolean}			show				用于控制选择器的弹出与收起 ( 默认 false )
 	 * @property {Boolean}			showToolbar			是否显示顶部的操作栏  ( 默认 true )
-	 * @property {String | Number}	value				绑定值
+	 * @property {String | Number}	modelValue		    绑定值
 	 * @property {String}			title				顶部标题
 	 * @property {String}			mode				展示格式 mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择  ( 默认 ‘datetime )
 	 * @property {Number}			maxDate				可选的最大时间  默认值为后10年
@@ -74,6 +82,9 @@
 		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
+                // 原来的日期选择器不方便，这里增加一个hasInput选项支持类似element的自带输入框的功能。
+                inputValue: '', // 表单显示值
+                showByClickInput: false, // 是否在hasInput模式下显示日期选择弹唱
 				columns: [],
 				innerDefaultIndex: [],
 				innerFormatter: (type, value) => value
@@ -88,6 +99,7 @@
 			// #ifdef VUE3
 			modelValue(newValue) {
 				this.init()
+				this.getInputValue()
 			},
 			// #endif
 			// #ifdef VUE2
@@ -112,6 +124,34 @@
 		emits: ['close', 'cancel', 'confirm', 'change', 'update:modelValue'],
 		// #endif
 		methods: {
+			getInputValue(newValue) {
+				if (this.mode == 'time') {
+					this.inputValue = newValue
+				} else {
+					if (this.format) {
+						this.inputValue = dayjs(newValue).format(this.format)
+					} else {
+						let format = ''
+						switch (this.mode) {
+							case 'date':
+								format = 'YYYY-MM-DD'
+								break;
+							case 'year-month':
+								format = 'YYYY-MM'
+								break;
+							case 'datetime':
+								format = 'YYYY-MM-DD HH:mm'
+								break;
+							case 'time':
+								format = 'HH:mm'
+								break;
+							default:
+								break;
+						}
+						this.inputValue = dayjs(newValue).format(format)
+					}
+				}
+			},
 			init() {
 				// #ifdef VUE3
 				this.innerValue = this.correctValue(this.modelValue)
@@ -133,6 +173,9 @@
 			},
 			// 点击工具栏的取消按钮
 			cancel() {
+                if (this.hasInput) {
+                    this.showByClickInput = false
+                }
 				this.$emit('cancel')
 			},
 			// 点击工具栏的确定按钮
@@ -141,12 +184,17 @@
 					value: this.innerValue,
 					mode: this.mode
 				})
+                
 				// #ifdef VUE3
 				this.$emit('update:modelValue', this.innerValue)
 				// #endif
 				// #ifdef VUE2
 				this.$emit('input', this.innerValue)
 				// #endif
+                if (this.hasInput) {
+					this.getInputValue(this.innerValue)
+                    this.showByClickInput = false
+                }
 			},
 			//用正则截取输出值,当出现多组数字时,抛出错误
 			intercept(e,type){
@@ -214,7 +262,7 @@
         setTimeout(() => {
           this.updateIndexs(value)
         }, 0);
-				
+
 			},
 			// 更新索引
 			updateIndexs(value) {
@@ -268,6 +316,13 @@
 					// 进行过滤
 			        if (this.filter) {
 			            values = this.filter(type, values)
+						if (!values || (values && values.length == 0)) {
+							uni.showToast({
+								title: '日期filter结果不能为空',
+								icon: 'error',
+								mask: true
+							})
+						}
 			        }
 			        return { type, values }
 			    })

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规则可为数组形式，也可为对象形式，此处拼接成为数组