55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
|
import { PhoneReg } from '~/utils/validate'
|
||
|
|
export function useSmsCode() {
|
||
|
|
// 数据
|
||
|
|
const disabled: globalThis.Ref<boolean> = ref<boolean>(false)
|
||
|
|
const text: globalThis.Ref<string> = ref<string>('获取验证码')
|
||
|
|
let timeoutId: any
|
||
|
|
const handleCodeSend = (timer: number = 60) => {
|
||
|
|
if (disabled.value) return
|
||
|
|
disabled.value = true
|
||
|
|
let n: number = timer
|
||
|
|
|
||
|
|
text.value = '剩余 ' + n + ' s'
|
||
|
|
timeoutId = setInterval(() => {
|
||
|
|
n = n - 1
|
||
|
|
if (n < 0) {
|
||
|
|
clearInterval(timeoutId)
|
||
|
|
}
|
||
|
|
text.value = '剩余 ' + n + ' s'
|
||
|
|
if (n <= 0) {
|
||
|
|
disabled.value = false
|
||
|
|
text.value = '重新获取'
|
||
|
|
}
|
||
|
|
}, 1000)
|
||
|
|
}
|
||
|
|
|
||
|
|
//清除倒计时
|
||
|
|
const stopCountdown = () => {
|
||
|
|
disabled.value = false
|
||
|
|
if (timeoutId !== undefined) {
|
||
|
|
clearInterval(timeoutId) // 清除定时器
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 手机号码验证
|
||
|
|
const checkPhone = (rule: any, value: any, callback: any) => {
|
||
|
|
if (!value) {
|
||
|
|
return callback(new Error('请输入手机号码'))
|
||
|
|
}
|
||
|
|
setTimeout(() => {
|
||
|
|
if (PhoneReg.test(value)) {
|
||
|
|
callback()
|
||
|
|
} else {
|
||
|
|
callback(new Error('请输入有效的电话号码'))
|
||
|
|
}
|
||
|
|
}, 150)
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
disabled,
|
||
|
|
text,
|
||
|
|
handleCodeSend,
|
||
|
|
stopCountdown,
|
||
|
|
checkPhone,
|
||
|
|
}
|
||
|
|
}
|