@xysfe/actui/es/GoldVerifyCode/index.js

A fantastic mobile ui lib implement by Vue

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/mixins/gold-visible.js"),require("@xysfe/actui/es/assets/mixins/gold-element.js"),require("@xysfe/actui/es/assets/common/baseelement.js"),require("@xysfe/actui/es/assets/mixins/gold-change.js"),require("@xysfe/actui/es/BaseInput/index.js")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/create/index.js","@xysfe/actui/es/assets/mixins/gold-visible.js","@xysfe/actui/es/assets/mixins/gold-element.js","@xysfe/actui/es/assets/common/baseelement.js","@xysfe/actui/es/assets/mixins/gold-change.js","@xysfe/actui/es/BaseInput/index.js"],t):"object"==typeof exports?exports.GoldVerifyCode=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/mixins/gold-visible.js"),require("@xysfe/actui/es/assets/mixins/gold-element.js"),require("@xysfe/actui/es/assets/common/baseelement.js"),require("@xysfe/actui/es/assets/mixins/gold-change.js"),require("@xysfe/actui/es/BaseInput/index.js")):e.GoldVerifyCode=t(e["@xysfe/actui/es/assets/utils/create/index.js"],e["@xysfe/actui/es/assets/mixins/gold-visible.js"],e["@xysfe/actui/es/assets/mixins/gold-element.js"],e["@xysfe/actui/es/assets/common/baseelement.js"],e["@xysfe/actui/es/assets/mixins/gold-change.js"],e["@xysfe/actui/es/BaseInput/index.js"])}("undefined"!=typeof self?self:this,function(e,t,s,i,n,o){return function(e){function t(i){if(s[i])return s[i].exports;var n=s[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var s={};return t.m=e,t.c=s,t.d=function(e,s,i){t.o(e,s)||Object.defineProperty(e,s,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var s=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(s,"a",s),s},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="../es",t(t.s=1531)}({105:function(e,s){e.exports=t},1085:function(e,t,s){"use strict";var i=s(105),n=s.n(i),o=s(119),r=s.n(o),a=s(142),c=s.n(a),u=s(128),f=s.n(u),l=s(632),d=s.n(l);t.a={name:"ActGoldVerifyCode",mixins:[n.a,r.a,c.a],data:function(){return{isVerifyCode:!0,supportVoice:!1,showVoiceBtn:!1,smsTimer:0,voiceTimeLeft:0,timeLeft:0}},props:{time:{type:Number,default:60},canSend:{type:Boolean,default:!0},verifyCodeConfig:{type:Object,default:function(){return{}}},maxLength:{type:[String,Number],default:""}},computed:{autoStart:function(){var e=this.verifyCodeConfig,t=e.codeCanNotRetry,s=e.codeState,i=e.leftTime;return 0==+t&&1==+s&&+i>0},startTime:function(){var e=this.time,t=this.verifyCodeConfig,s=t.countDown,i=t.codeState,n=t.leftTime;return 1==+i?e=+n:+s>0&&(e=s),e||this.time},isCanSend:function(){var e=this.verifyCodeConfig,t=e.codeState,s=e.codeCanNotRetry;if(1==+t){if(1==+s)return!1;if(0==+s)return!0}else if(0==+t){if(1==+s)return!0;if(0==+s)return!0}return this.canSend}},methods:{onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)},onInput:function(e){this.$emit("input",e)},getVerifyCode:function(e){this.timeLeft>0&&"voice"!==e||this.$emit("verifycodeclick",this,{type:e})},start:function(){this.timeLeft=this.startTime,this.startCountDown()},startCountDown:function(){this.timeLeft>0?(this.timeLeft-=1,this.smsTimer=setTimeout(this.startCountDown,1e3)):(this.timeLeft=0,this.showVoiceBtn=!0)},startVoice:function(){0!==this.leftTime&&clearTimeout(this.smsTimer),this.voiceTimeLeft=this.startTime,this.start(),this.startVoiceCountDown()},startVoiceCountDown:function(){this.voiceTimeLeft>0?(this.voiceTimeLeft-=1,setTimeout(this.startVoiceCountDown,1e3)):this.voiceTimeLeft=0},onChange:function(e){this.change(void 0,e)},setData:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};for(var t in e)this[t]=e[t]}},components:{ActGoldBaseElement:f.a,ActBaseInput:d.a},mounted:function(){this.autoStart&&this.start()}}},119:function(e,t){e.exports=s},128:function(e,t){e.exports=i},142:function(e,t){e.exports=n},1531:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=s(26),n=s.n(i),o=s(1532);o.a.install=function(e){e.component(o.a.name,o.a),e.prototype.$createGoldVerifyCode=n()(o.a,e)},t.default=o.a},1532:function(e,t,s){"use strict";function i(e){a||s(1533)}var n=s(1085),o=s(1534),r=s(7),a=!1,c=i,u=Object(r.a)(n.a,o.a,o.b,!1,c,"data-v-b91811d8",null);u.options.__file="src\\components\\GoldVerifyCode\\src\\index.vue",t.a=u.exports},1533:function(e,t){},1534:function(e,t,s){"use strict";s.d(t,"a",function(){return i}),s.d(t,"b",function(){return n});var i=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("act-gold-base-element",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],attrs:{common:e.common,isVerifyCode:e.isVerifyCode},on:{showTips:e.showTips,takenLink:e.takenLink}},[s("div",{staticClass:"verify-code-wrapper"},[s("div",{staticClass:"input-btn-wrapper"},[s("act-base-input",{attrs:{type:e.type,placeholder:e.placeholder,value:e.value,"data-key":[e.isWebTester?e.elemKey:""],maxLength:e.maxLength,isVerifyCode:e.isVerifyCode},on:{focus:e.onFocus,blur:e.onBlur,input:e.onInput,change:e.onChange,mucChange:function(t){return e.mucChange(t)}}}),e._v(" "),e.isCanSend?s("a",{staticClass:"element-verify-code",class:{disabled:!!e.timeLeft},style:{color:this.brandColor},attrs:{href:"javascript:;"},on:{click:function(t){return t.stopPropagation(),e.getVerifyCode("sms")}}},[e._v("\n        "+e._s(0===e.timeLeft?"获取验证码":e.timeLeft+"S后重发")+"\n      ")]):e._e()],1),e._v(" "),e.showVoiceBtn&&e.supportVoice?s("div",{staticClass:"unreceive-tip"},[0===e.voiceTimeLeft?s("span",{staticClass:"color-1"},[e._v("\n        收不到验证码？试试\n        "),s("span",{staticClass:"voice-code-btn",style:{color:this.brandColor},on:{click:function(t){return t.stopPropagation(),e.getVerifyCode("voice")}}},[e._v("语音验证码")]),e._v(" "),s("span",{staticClass:"icon-call"},[s("svg",{attrs:{width:"15px",height:"15px",viewBox:"0 0 26 26",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[s("title",[e._v("切片")]),e._v(" "),s("g",{attrs:{id:"语音电话验证码",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"}},[s("g",{attrs:{id:"语音验证码出现",transform:"translate(-655.000000, -948.000000)",stroke:"#B3B3B3","stroke-width":"2.16666667"}},[s("g",{attrs:{id:"03图标/电话",transform:"translate(655.000000, 948.000000)"}},[s("path",{attrs:{d:"M7.63397293,18.2042995 C4.73049606,15.2628519 3.46781455,11.8651117 3.86204282,8.94668014 C4.39324384,6.54323207 6.37762209,4.00283867 8.1266144,3.79742067 L8.22445207,3.79166667 C10.4568776,3.79799607 12.8406638,7.61750488 11.9762391,9.42368719 C11.6338073,10.1400609 11.1906602,10.4542296 10.305517,10.8408987 L10.2629288,10.8593115 C9.72079298,11.0958012 9.55849754,11.2062781 9.44454543,11.4243549 C9.44569646,11.4220533 9.44281888,11.4473709 9.4583578,11.5256254 C9.48828462,11.6735033 9.57346095,11.8771951 9.71906643,12.1257681 C10.0528656,12.6965655 10.6640633,13.4307766 11.5394227,14.3071116 C12.4239904,15.1909268 13.1974835,15.8382525 13.8086812,16.2099612 C14.0837777,16.3779782 14.3134085,16.4809749 14.4820346,16.5224037 C14.5706641,16.5431181 14.5948357,16.5425427 14.5735416,16.5528999 C14.7922376,16.4389706 14.9021611,16.2761323 15.1386981,15.7346804 L15.1571146,15.6921007 C15.5432856,14.8071347 15.8586683,14.3640763 16.5746098,14.0217129 C18.3817292,13.1574613 22.2008516,15.540195 22.2083333,17.7727491 L22.2025782,17.8705672 C21.9976946,19.6197848 19.4562171,21.6031905 16.9849525,22.1457932 C14.1384517,22.5278592 10.544356,21.1526519 7.63397293,18.2042995 Z",id:"Stroke-1"}}),e._v(" "),s("path",{attrs:{d:"M16.25,3.25 C19.2414369,3.25 21.6666667,5.67522978 21.6666667,8.66666667",id:"Stroke-3"}})])])])])])]):s("span",{staticClass:"color-2"},[s("span",{style:{color:this.brandColor}},[e._v(e._s(e.voiceTimeLeft+"S"))]),e._v(e._s("后重新获取语音验证码"))])]):e._e()])])},n=[];i._withStripped=!0},26:function(t,s){t.exports=e},632:function(e,t){e.exports=o},7:function(e,t,s){"use strict";function i(e,t,s,i,n,o,r,a){e=e||{};var c=typeof e.default;"object"!==c&&"function"!==c||(e=e.default);var u="function"==typeof e?e.options:e;t&&(u.render=t,u.staticRenderFns=s,u._compiled=!0),i&&(u.functional=!0),o&&(u._scopeId=o);var f;if(r?(f=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},u._ssrRegister=f):n&&(f=a?function(){n.call(this,this.$root.$options.shadowRoot)}:n),f)if(u.functional){u._injectStyles=f;var l=u.render;u.render=function(e,t){return f.call(t),l(e,t)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,f):[f]}return{exports:e,options:u}}t.a=i}})});