uview-plus 3.1.36 → 3.1.37

package/components/u-code/u-code.vue

@@ -45,6 +45,7 @@
 				}
 			}
 		},
+		emits: ["start", "end", "change"],
 		methods: {
 			checkKeepRunning() {
 				// 获取上一次退出页面(H5还包括刷新)时的时间戳，如果没有上次的保存，此值可能为空

package/components/u-code-input/props.js

@@ -31,11 +31,19 @@ export default {
             type: [String, Number],
             default: defprops.codeInput.space
         },
-        // 预置值
-        value: {
-            type: [String, Number],
-            default: defprops.codeInput.value
-        },
+		// #ifdef VUE3
+		// 预置值
+		modelValue: {
+			type: [String, Number],
+			default: defprops.codeInput.value
+		},
+		// #endif
+		// #ifdef VUE2
+		// 预置值
+		value: {
+			type: [String, Number],
+			default: defprops.codeInput.value
+		},
         // 是否自动获取焦点
         focus: {
             type: Boolean,

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

@@ -51,7 +51,7 @@
 	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * CodeInput 验证码输入
-	 * @description 该组件一般用于验证用户短信验证码的场景，也可以结合uView的键盘组件使用
+	 * @description 该组件一般用于验证用户短信验证码的场景，也可以结合uview-plus的键盘组件使用
 	 * @tutorial https://ijry.github.io/uview-plus/components/codeInput.html
 	 * @property {String | Number}	maxlength			最大输入长度 （默认 6 ）
 	 * @property {Boolean}			dot					是否用圆点填充 （默认 false ）
@@ -149,6 +149,7 @@
 				return style
 			}
 		},
+		emits: ["change", 'finish', "update:modelValue"],
 		methods: {
 			// 监听输入框的值发生变化
 			inputHandler(e) {
@@ -163,7 +164,12 @@
 				// 未达到maxlength之前，发送change事件，达到后发送finish事件
 				this.$emit('change', value)
 				// 修改通过v-model双向绑定的值
-				this.$emit('input', value)
+				// #ifdef VUE3
+                this.$emit("update:modelValue", value);
+                // #endif
+                // #ifdef VUE2
+                this.$emit("input", value);
+                // #endif
 				// 达到用户指定输入长度时，发出完成事件
 				if (String(value).length >= Number(this.maxlength)) {
 					this.$emit('finish', value)

package/components/u-col/u-col.vue

@@ -81,6 +81,7 @@
 		mounted() {
 			this.init()
 		},
+		emits: ["click"],
 		methods: {
 			async init() {
 				// 支付宝小程序不支持provide/inject，所以使用这个方法获取整个父组件，在created定义，避免循环引用

package/components/u-collapse/u-collapse.vue

@@ -46,6 +46,7 @@
 				return [this.accordion, this.value]
 			}
 		},
+		emits: ["open", "close", "change"],
 		methods: {
 			// 重新初始化一次内部的所有子元素
 			init() {

package/components/u-column-notice/u-column-notice.vue

@@ -107,6 +107,7 @@
 				index:0
 			}
 		},
+		emits: ["click", "close"],
 		methods: {
 			noticeChange(e){
 				this.index = e.detail.current

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

@@ -1,165 +1,166 @@
-<template>
-	<view class="u-count-down">
-		<slot>
-			<text class="u-count-down__text">{{ formattedTime }}</text>
-		</slot>
-	</view>
-</template>
-
-<script>
+<template>
+	<view class="u-count-down">
+		<slot>
+			<text class="u-count-down__text">{{ formattedTime }}</text>
+		</slot>
+	</view>
+</template>
+
+<script>
 	import props from './props.js';
 	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
-	import {
-		isSameSecond,
-		parseFormat,
-		parseTimeData
-	} from './utils';
-	/**
-	 * u-count-down 倒计时
-	 * @description 该组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。
-	 * @tutorial https://uviewui.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 ）
-	 * @property {Boolean}			millisecond	是否展示毫秒倒计时 （默认 false ）
-	 * @event {Function} finish 倒计时结束时触发 
-	 * @event {Function} change 倒计时变化时触发 
-	 * @event {Function} start	开始倒计时
-	 * @event {Function} pause	暂停倒计时 
-	 * @event {Function} reset	重设倒计时，若 auto-start 为 true，重设后会自动开始倒计时 
-	 * @example <u-count-down :time="time"></u-count-down>
-	 */
-	export default {
-		name: 'u-count-down',
-		mixins: [mpMixin, mixin, props],
-		data() {
-			return {
-				timer: null,
-				// 各单位(天，时，分等)剩余时间
-				timeData: parseTimeData(0),
-				// 格式化后的时间，如"03:23:21"
-				formattedTime: '0',
-				// 倒计时是否正在进行中
-				runing: false,
-				endTime: 0, // 结束的毫秒时间戳
-				remainTime: 0, // 剩余的毫秒时间
-			}
-		},
-		watch: {
-			time(n) {
-				this.reset()
-			}
-		},
-		mounted() {
-			this.init()
-		},
-		methods: {
-			init() {
-				this.reset()
-			},
-			// 开始倒计时
-			start() {
-				if (this.runing) return
-				// 标识为进行中
-				this.runing = true
-				// 结束时间戳 = 此刻时间戳 + 剩余的时间
-				this.endTime = Date.now() + this.remainTime
-				this.toTick()
-			},
-			// 根据是否展示毫秒，执行不同操作函数
-			toTick() {
-				if (this.millisecond) {
-					this.microTick()
-				} else {
-					this.macroTick()
-				}
-			},
-			macroTick() {
-				this.clearTimeout()
-				// 每隔一定时间，更新一遍定时器的值
-				// 同时此定时器的作用也能带来毫秒级的更新
-				this.timer = setTimeout(() => {
-					// 获取剩余时间
-					const remain = this.getRemainTime()
-					// 重设剩余时间
-					if (!isSameSecond(remain, this.remainTime) || remain === 0) {
-						this.setRemainTime(remain)
-					}
-					// 如果剩余时间不为0，则继续检查更新倒计时
-					if (this.remainTime !== 0) {
-						this.macroTick()
-					}
-				}, 30)
-			},
-			microTick() {
-				this.clearTimeout()
-				this.timer = setTimeout(() => {
-					this.setRemainTime(this.getRemainTime())
-					if (this.remainTime !== 0) {
-						this.microTick()
-					}
-				}, 50)
-			},
-			// 获取剩余的时间
-			getRemainTime() {
-				// 取最大值，防止出现小于0的剩余时间值
-				return Math.max(this.endTime - Date.now(), 0)
-			},
-			// 设置剩余的时间
-			setRemainTime(remain) {
-				this.remainTime = remain
-				// 根据剩余的毫秒时间，得出该有天，小时，分钟等的值，返回一个对象
-				const timeData = parseTimeData(remain)
-				this.$emit('change', timeData)
-				// 得出格式化后的时间
-				this.formattedTime = parseFormat(this.format, timeData)
-				// 如果时间已到，停止倒计时
-				if (remain <= 0) {
-					this.pause()
-					this.$emit('finish')
-				}
-			},
-			// 重置倒计时
-			reset() {
-				this.pause()
-				this.remainTime = this.time
-				this.setRemainTime(this.remainTime)
-				if (this.autoStart) {
-					this.start()
-				}
-			},
-			// 暂停倒计时
-			pause() {
-				this.runing = false;
-				this.clearTimeout()
-			},
-			// 清空定时器
-			clearTimeout() {
-				clearTimeout(this.timer)
-				this.timer = null
-			}
-		},
-		beforeDestroy() {
-			this.clearTimeout()
-		}
-	}
-</script>
-
-<style
-	lang="scss"
-	scoped
->
-	@import "../../libs/css/components.scss";
-	$u-count-down-text-color:$u-content-color !default;
-	$u-count-down-text-font-size:15px !default;
-	$u-count-down-text-line-height:22px !default;
-
-	.u-count-down {
-		&__text {
-			color: $u-count-down-text-color;
-			font-size: $u-count-down-text-font-size;
-			line-height: $u-count-down-text-line-height;
-		}
-	}
-</style>
+	import mixin from '../../libs/mixin/mixin.js';
+	import {
+		isSameSecond,
+		parseFormat,
+		parseTimeData
+	} from './utils';
+	/**
+	 * u-count-down 倒计时
+	 * @description 该组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。
+	 * @tutorial https://uiadmin.net/uview-plus/components/countDown.html
+	 * @property {String | Number}	time		倒计时时长，单位ms （默认 0 ）
+	 * @property {String}			format		时间格式，DD-日，HH-时，mm-分，ss-秒，SSS-毫秒  （默认 'HH:mm:ss' ）
+	 * @property {Boolean}			autoStart	是否自动开始倒计时 （默认 true ）
+	 * @property {Boolean}			millisecond	是否展示毫秒倒计时 （默认 false ）
+	 * @event {Function} finish 倒计时结束时触发 
+	 * @event {Function} change 倒计时变化时触发 
+	 * @event {Function} start	开始倒计时
+	 * @event {Function} pause	暂停倒计时 
+	 * @event {Function} reset	重设倒计时，若 auto-start 为 true，重设后会自动开始倒计时 
+	 * @example <u-count-down :time="time"></u-count-down>
+	 */
+	export default {
+		name: 'u-count-down',
+		mixins: [mpMixin, mixin, props],
+		data() {
+			return {
+				timer: null,
+				// 各单位(天，时，分等)剩余时间
+				timeData: parseTimeData(0),
+				// 格式化后的时间，如"03:23:21"
+				formattedTime: '0',
+				// 倒计时是否正在进行中
+				runing: false,
+				endTime: 0, // 结束的毫秒时间戳
+				remainTime: 0, // 剩余的毫秒时间
+			}
+		},
+		watch: {
+			time(n) {
+				this.reset()
+			}
+		},
+		mounted() {
+			this.init()
+		},
+		emits: ["change", "finish"],
+		methods: {
+			init() {
+				this.reset()
+			},
+			// 开始倒计时
+			start() {
+				if (this.runing) return
+				// 标识为进行中
+				this.runing = true
+				// 结束时间戳 = 此刻时间戳 + 剩余的时间
+				this.endTime = Date.now() + this.remainTime
+				this.toTick()
+			},
+			// 根据是否展示毫秒，执行不同操作函数
+			toTick() {
+				if (this.millisecond) {
+					this.microTick()
+				} else {
+					this.macroTick()
+				}
+			},
+			macroTick() {
+				this.clearTimeout()
+				// 每隔一定时间，更新一遍定时器的值
+				// 同时此定时器的作用也能带来毫秒级的更新
+				this.timer = setTimeout(() => {
+					// 获取剩余时间
+					const remain = this.getRemainTime()
+					// 重设剩余时间
+					if (!isSameSecond(remain, this.remainTime) || remain === 0) {
+						this.setRemainTime(remain)
+					}
+					// 如果剩余时间不为0，则继续检查更新倒计时
+					if (this.remainTime !== 0) {
+						this.macroTick()
+					}
+				}, 30)
+			},
+			microTick() {
+				this.clearTimeout()
+				this.timer = setTimeout(() => {
+					this.setRemainTime(this.getRemainTime())
+					if (this.remainTime !== 0) {
+						this.microTick()
+					}
+				}, 50)
+			},
+			// 获取剩余的时间
+			getRemainTime() {
+				// 取最大值，防止出现小于0的剩余时间值
+				return Math.max(this.endTime - Date.now(), 0)
+			},
+			// 设置剩余的时间
+			setRemainTime(remain) {
+				this.remainTime = remain
+				// 根据剩余的毫秒时间，得出该有天，小时，分钟等的值，返回一个对象
+				const timeData = parseTimeData(remain)
+				this.$emit('change', timeData)
+				// 得出格式化后的时间
+				this.formattedTime = parseFormat(this.format, timeData)
+				// 如果时间已到，停止倒计时
+				if (remain <= 0) {
+					this.pause()
+					this.$emit('finish')
+				}
+			},
+			// 重置倒计时
+			reset() {
+				this.pause()
+				this.remainTime = this.time
+				this.setRemainTime(this.remainTime)
+				if (this.autoStart) {
+					this.start()
+				}
+			},
+			// 暂停倒计时
+			pause() {
+				this.runing = false;
+				this.clearTimeout()
+			},
+			// 清空定时器
+			clearTimeout() {
+				clearTimeout(this.timer)
+				this.timer = null
+			}
+		},
+		beforeDestroy() {
+			this.clearTimeout()
+		}
+	}
+</script>
+
+<style
+	lang="scss"
+	scoped
+>
+	@import "../../libs/css/components.scss";
+	$u-count-down-text-color:$u-content-color !default;
+	$u-count-down-text-font-size:15px !default;
+	$u-count-down-text-line-height:22px !default;
+
+	.u-count-down {
+		&__text {
+			color: $u-count-down-text-color;
+			font-size: $u-count-down-text-font-size;
+			line-height: $u-count-down-text-line-height;
+		}
+	}
+</style>

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

@@ -64,6 +64,7 @@ export default {
 	mounted() {
 		this.autoplay && this.start();
 	},
+	emits: ["end"],
 	methods: {
 		easingFn(t, b, c, d) {
 			return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b;

package/components/u-divider/u-divider.vue

@@ -82,6 +82,7 @@
 				return style
 			}
 		},
+		emits: ["click"],
 		methods: {
 			// divider组件被点击时触发
 			click() {