2 lines
2.0 KiB
JavaScript
2 lines
2.0 KiB
JavaScript
|
import{Z as e,aq as t,ar as s,o as i,c as n,w as a,h,k as r}from"./index.26a6cf84.js";import{_ as c}from"./plugin-vue_export-helper.21dcd24c.js";var u=c({name:"u-verification-code",emits:["start","end","change"],props:{seconds:{type:[String,Number],default:60},startText:{type:String,default:"获取验证码"},changeText:{type:String,default:"X秒重新获取"},endText:{type:String,default:"重新获取"},keepRunning:{type:Boolean,default:!1},uniqueKey:{type:String,default:""}},data(){return{secNum:this.seconds,timer:null,canGetCode:!0}},mounted(){this.checkKeepRunning()},watch:{seconds:{immediate:!0,handler(e){this.secNum=e}}},methods:{checkKeepRunning(){let s=Number(e(this.uniqueKey+"_$uCountDownTimestamp"));if(!s)return this.changeEvent(this.startText);let i=Math.floor(+new Date/1e3);this.keepRunning&&s&&s>i?(this.secNum=s-i,t(this.uniqueKey+"_$uCountDownTimestamp"),this.start()):this.changeEvent(this.startText)},start(){this.timer&&(clearInterval(this.timer),this.timer=null),this.$emit("start"),this.canGetCode=!1,this.changeEvent(this.changeText.replace(/x|X/,this.secNum)),this.setTimeToStorage(),this.timer=setInterval((()=>{--this.secNum?this.changeEvent(this.changeText.replace(/x|X/,this.secNum)):(clearInterval(this.timer),this.timer=null,this.changeEvent(this.endText),this.secNum=this.seconds,this.$emit("end"),this.canGetCode=!0)}),1e3)},reset(){this.canGetCode=!0,clearInterval(this.timer),this.secNum=this.seconds,this.changeEvent(this.endText)},changeEvent(e){this.$emit("change",e)},setTimeToStorage(){if(this.keepRunning&&this.timer&&this.secNum>0&&this.secNum<=this.seconds){let e=Math.floor(+new Date/1e3);s({key:this.uniqueKey+"_$uCountDownTimestamp",data:e+Number(this.secNum)})}}},beforeUnmount(){this.setTimeToStorage(),clearTimeout(this.timer),this.timer=null}},[["render",function(e,t,s,c,u,m){const o=r;return i(),n(o,{class:"u-code-wrap"},{default:a((()=>[h(" 此组件功能由js完成，无需写html逻辑 ")])),_:1})}],["__scopeId","data-v-1cef9d0f"]]);export{u as _};
|