SweetAlert精简，CSS和js放到一起，以下是使用实例：
<button id="success"> 成功提示 </button>
<button id="timeClose"> 2秒后关闭弹框 </button>
<button id="delect"> 删除操作 </button>
<button id="prompt"> 验证提示 </button>
<button id="checkbox"> checkbox验证 </button>
<button id="form"> 弹框内表单验证 </button>$("#success").click(function() {
swal('Good job!', '一个成功的提示!', 'success')
}) $("#timeClose").click(function() {
swal({
title: '再给我俩秒钟',
text: '2秒后关闭弹框',
timer: 2000
})
})
$("#delect").click(function() {
swal({
title: '删除',
text: "你确定删除么?",
type: 'warning',
//感叹号图标
showCancelButton: true,
//显示取消按钮
confirmButtonColor: '#3085d6',
//俩个按钮的颜色
cancelButtonColor: '#d33',
confirmButtonText: '删!',
//俩个按钮的文本
cancelButtonText: '不删!',
confirmButtonClass: 'btn btn-success',
//俩个按钮的类样式
cancelButtonClass: 'btn btn-danger',
}).then(function() { //大部分，then是通用的回调函数
swal('Deleted!', 'Your file has been deleted.', 'success')
},
function(dismiss) {
// dismiss can be 'cancel', 'overlay',
// 'close', and 'timer'
if (dismiss === 'cancel') {
swal('Cancelled', 'Your imaginary file is safe :)', 'error')
}
})
})
//下面可以使用ajax进行异步操作
$("#prompt").click(function() {
swal({
title: '输入一段不为空的值，且格式是email格式',
//标题
input: 'email',
//封装的email类型 列如qq@qq.com
showCancelButton: true,
confirmButtonText: 'Submit',
//同上，重复的我就不注释了哈~
showLoaderOnConfirm: true,
preConfirm: function(email) { //功能执行前确认操作，支持function
return new Promise(function(resolve, reject) {
setTimeout(function() { //添加一个时间函数，在俩秒后执行，这里可以用作异步操作数据
if (email === 'taken@example.com') { //这里的意思是：如果输入的值等于'taken@example.com',数据已存在，提示信息
reject('用户已存在') //提示信息
} else {
resolve() //方法出口
}
},
2000)
})
},
allowOutsideClick: false
}).then(function(email) {
swal({
type: 'success',
title: 'Ajax request finished!',
html: '提交的email是 ' + email
})
})
})
$("#checkbox").click(function() {
swal({
title: 'checkbox验证',
input: 'checkbox',
inputValue: 1,
inputPlaceholder: //设置复选框的值
'只有选中那个复选框，按钮才有效',
confirmButtonText: //支持html格式，<i class="fa fa-arrow-right></i>这一块使用了一个样式，就是那个箭头
'Continue <i class="fa fa-arrow-right></i>',
inputValidator: function(result) {
return new Promise(function(resolve, reject) {
if (result) {
resolve() //默认不选中复选框
} else {
reject('你需要选中checkbox') //否则提示信息
}
})
}
}).then(function(result) { //回调函数
swal({
type: 'success',
text: 'You agreed with T&C :)'
})
})
})
$("#form").click(function() {
swal({
title: 'Multiple inputs',
html: //html标签，在弹出框中直接写相关代码，相当于可以再嵌套一个网页！
'<input id="swal-input1" class="swal2-input" autofocus>' + //支持css样和式其他jquery方法
'<input id="swal-input2" class="swal2-input">',
preConfirm: function() {
return new Promise(function(resolve) { //默认信息不能为空
resolve([$('#swal-input1').val(), //获取文本值
$('#swal-input2').val()])
})
}
}).then(function(result) {
swal(JSON.stringify(result)) //转换成json输出
})
})源码文件
const style = document.createElement('style');style.innerHTML = `body.swal2-in{overflow-y:hidden}body.swal2-iosfix{position:fixed;left:0;right:0}.swal2-container{display:-webkit-box;display:flex;align-items:center;position:fixed;top:0;left:0;bottom:0;right:0;padding:10px;background-color:transparent;z-index:1060}.swal2-container:not(.swal2-in){pointer-events:none}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-in{background-color:rgba(0,0,0,0.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;margin:auto;overflow-x:hidden;overflow-y:auto;display:none;position:relative}.swal2-modal:focus{outline:none}.swal2-modal.swal2-loading{overflow-y:hidden}.swal2-modal h2{color:#595959;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .swal2-styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .swal2-styled:not(.swal2-loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-styled.swal2-loading{box-sizing:border-box;border:4px solid transparent;border-color:transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent !important;color:transparent;cursor:default;border-radius:100%;animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;user-select:none}.swal2-modal:not(.swal2-styled).swal2-loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999999;border-right-color:transparent;border-radius:50%;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#cccccc;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal > .swal2-input,.swal2-modal > .swal2-file,.swal2-modal > .swal2-textarea,.swal2-modal > .swal2-select,.swal2-modal > .swal2-radio,.swal2-modal > .swal2-checkbox{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-input,.swal2-modal .swal2-file,.swal2-modal .swal2-textarea,.swal2-modal .swal2-select,.swal2-modal .swal2-radio,.swal2-modal .swal2-checkbox{margin:20px auto}.swal2-modal .swal2-input,.swal2-modal .swal2-file,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.06);transition:border-color box-shadow .3s}.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f06e57}.swal2-modal .swal2-input:focus,.swal2-modal .swal2-file:focus,.swal2-modal .swal2-textarea:focus{outline:none;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type='number']{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span{vertical-align:middle}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8;font-size:60px;line-height:80px;text-align:center}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6;font-size:60px;line-height:80px;text-align:center}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1;font-size:60px;line-height:80px;text-align:center}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::before,.swal2-icon.swal2-success::after{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;transform:rotate(45deg)}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;transform:rotate(-45deg);transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;transform:rotate(-45deg);transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^='swal2']{-webkit-tap-highlight-color:transparent}@keyframes showSweetAlert{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes hideSweetAlert{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}.swal2-show{animation:showSweetAlert 0.3s}.swal2-show.swal2-noanimation{animation:none}.swal2-hide{animation:hideSweetAlert 0.15s forwards}.swal2-hide.swal2-noanimation{animation:none}@keyframes animate-success-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}.animate-success-tip{animation:animate-success-tip 0.75s}.animate-success-long{animation:animate-success-long 0.75s}.swal2-success.animate::after{animation:rotatePlaceholder 4.25s ease-in}@keyframes animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}.animate-error-icon{animation:animate-error-icon 0.5s}@keyframes animate-x-mark{0%{transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{animation:animate-x-mark 0.5s}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{animation:pulse-warning 0.75s infinite alternate}@keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}`;document.head.appendChild(style);(function(a,b){typeof exports==='object'&&typeof module!=='undefined'?module.exports=b():typeof define==='function'&&define.amd?define(b):(a.Sweetalert2=b())}(this,(function(){'use strict';var N='swal2-';var O=function O(a){var b={};for(var i in a){b[a[i]]=N+a[i]}return b};var P=O(['container','in','iosfix','modal','overlay','fade','show','hide','noanimation','close','content','spacer','confirm','cancel','icon','image','input','file','range','select','radio','checkbox','textarea','inputerror','validationerror','progresssteps','activeprogressstep','progresscircle','progressline','loading','styled']);var Q=O(['success','warning','info','question','error']);var R={title:'',text:'',html:'',type:null,customClass:'',animation:true,allowOutsideClick:true,allowEscapeKey:true,showConfirmButton:true,showCancelButton:false,preConfirm:null,confirmButtonText:'OK',confirmButtonColor:'#3085d6',confirmButtonClass:null,cancelButtonText:'Cancel',cancelButtonColor:'#aaa',cancelButtonClass:null,buttonsStyling:true,reverseButtons:false,focusCancel:false,showCloseButton:false,showLoaderOnConfirm:false,imageUrl:null,imageWidth:null,imageHeight:null,imageClass:null,timer:null,width:500,padding:20,background:'#fff',input:null,inputPlaceholder:'',inputValue:'',inputOptions:{},inputAutoTrim:true,inputClass:null,inputAttributes:{},inputValidator:null,progressSteps:[],currentProgressStep:null,progressStepsDistance:'40px',onOpen:null,onClose:null};var S=('\n <div class="'+P.modal+'" style="display: none" tabIndex="-1">\n <ul class="'+P.progresssteps+'"></ul>\n <div class="'+P.icon+' '+Q.error+'">\n <span class="x-mark"><span class="line left"></span><span class="line right"></span></span>\n </div>\n <div class="'+P.icon+' '+Q.question+'">?</div>\n <div class="'+P.icon+' '+Q.warning+'">!</div>\n <div class="'+P.icon+' '+Q.info+'">i</div>\n <div class="'+P.icon+' '+Q.success+'">\n <span class="line tip"></span> <span class="line long"></span>\n <div class="placeholder"></div> <div class="fix"></div>\n </div>\n <img class="'+P.image+'">\n <h2></h2>\n <div class="'+P.content+'"></div>\n <input class="'+P.input+'">\n <input type="file" class="'+P.file+'">\n <div class="'+P.range+'">\n <output></output>\n <input type="range">\n </div>\n <select class="'+P.select+'"></select>\n <div class="'+P.radio+'"></div>\n <label for="'+P.checkbox+'" class="'+P.checkbox+'">\n <input type="checkbox">\n </label>\n <textarea class="'+P.textarea+'"></textarea>\n <div class="'+P.validationerror+'"></div>\n <hr class="'+P.spacer+'">\n <button type="button" class="'+P.confirm+'">OK</button>\n <button type="button" class="'+P.cancel+'">Cancel</button>\n <span class="'+P.close+'">×</span>\n </div>\n').replace(/(^|\n)\s*/g,'');var T=void 0;var U=document.getElementsByClassName(P.container);if(U.length){T=U[0]}else{T=document.createElement('div');T.className=P.container;T.innerHTML=S}var V=function V(a,b){a=String(a).replace(/[^0-9a-f]/gi,'');if(a.length<6){a=a[0]+a[0]+a[1]+a[1]+a[2]+a[2]}b=b||0;var d='#';for(var i=0;i<3;i++){var c=parseInt(a.substr(i*2,2),16);c=Math.round(Math.min(Math.max(0,c+c*b),255)).toString(16);d+=('00'+c).substr(c.length)}return d};var W={previousWindowKeyDown:null,previousActiveElement:null,previousBodyPadding:null};var X=function X(){if(typeof document==='undefined'){console.error('SweetAlert2 requires document to initialize');return}else if(document.getElementsByClassName(P.container).length){return}document.body.appendChild(T);var b=Z();var c=bn(b,P.input);var d=bn(b,P.file);var e=b.querySelector('.'+P.range+' input');var f=b.querySelector('.'+P.range+' output');var g=bn(b,P.select);var h=b.querySelector('.'+P.checkbox+' input');var i=bn(b,P.textarea);c.oninput=function(){bN.resetValidationError()};c.onkeydown=function(a){setTimeout(function(){if(a.keyCode===13){a.stopPropagation();bN.clickConfirm()}},0)};d.onchange=function(){bN.resetValidationError()};e.oninput=function(){bN.resetValidationError();f.value=e.value};e.onchange=function(){bN.resetValidationError();e.previousSibling.value=e.value};g.onchange=function(){bN.resetValidationError()};h.onchange=function(){bN.resetValidationError()};i.oninput=function(){bN.resetValidationError()};return b};var Y=function Y(a){return T.querySelector('.'+a)};var Z=function Z(){return document.body.querySelector('.'+P.modal)||X()};var ba=function ba(){var a=Z();return a.querySelectorAll('.'+P.icon)};var bb=function bb(){return Y(P.image)};var bc=function bc(){return Y(P.spacer)};var bd=function bd(){return Y(P.progresssteps)};var be=function be(){return Y(P.validationerror)};var bf=function bf(){return Y(P.confirm)};var bg=function bg(){return Y(P.cancel)};var bh=function bh(){return Y(P.close)};var bi=function bi(a){var b=[bf(),bg()];if(a){b.reverse()}return b.concat(Array.prototype.slice.call(Z().querySelectorAll('button:not([class^='+N+']), input:not([type=hidden]), textarea, select')))};var bj=function bj(a,b){if(a.classList){return a.classList.contains(b)}return false};var bk=function bk(a){a.focus();if(a.type!=='file'){var b=a.value;a.value='';a.value=b}};var bl=function bl(b,c){if(!b||!c){return}var d=c.split(/\s+/).filter(Boolean);d.forEach(function(a){b.classList.add(a)})};var bm=function bm(b,c){if(!b||!c){return}var d=c.split(/\s+/).filter(Boolean);d.forEach(function(a){b.classList.remove(a)})};var bn=function bn(a,b){for(var i=0;i<a.childNodes.length;i++){if(bj(a.childNodes[i],b)){return a.childNodes[i]}}};var bo=function bo(a,b){if(!b){b='block'}a.style.opacity='';a.style.display=b};var bp=function bp(a){a.style.opacity='';a.style.display='none'};var bq=function bq(a){while(a.firstChild){a.removeChild(a.firstChild)}};var br=function br(a){return a.offsetWidth||a.offsetHeight||a.getClientRects().length};var bs=function bs(a,b){if(a.style.removeProperty){a.style.removeProperty(b)}else{a.style.removeAttribute(b)}};var bt=function bt(a){if(typeof MouseEvent==='function'){var b=new MouseEvent('click',{view:window,bubbles:false,cancelable:true});a.dispatchEvent(b)}else if(document.createEvent){var c=document.createEvent('MouseEvents');c.initEvent('click',false,false);a.dispatchEvent(c)}else if(document.createEventObject){a.fireEvent('onclick')}else if(typeof a.onclick==='function'){a.onclick()}};var bu=function(){var a=document.createElement('div');var b={'WebkitAnimation':'webkitAnimationEnd','OAnimation':'oAnimationEnd oanimationend','msAnimation':'MSAnimationEnd','animation':'animationend'};for(var i in b){if(b.hasOwnProperty(i)&&a.style[i]!==undefined){return b[i]}}return false}();var bv=function bv(){var a=Z();window.onkeydown=W.previousWindowKeyDown;if(W.previousActiveElement&&W.previousActiveElement.focus){W.previousActiveElement.focus()}clearTimeout(a.timeout)};var bw=function bw(){var a=document.createElement('div');a.style.width='50px';a.style.height='50px';a.style.overflow='scroll';document.body.appendChild(a);var b=a.offsetWidth-a.clientWidth;document.body.removeChild(a);return b};var bx=function bx(b,c){var d=void 0;return function(){var a=function a(){d=null;b()};clearTimeout(d);d=setTimeout(a,c)}};var by=typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"?function(a){return typeof a}:function(a){return a&&typeof Symbol==="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a};var bz=function(){function AwaitValue(a){this.value=a}function AsyncGenerator(f){var g,back;function send(d,e){return new Promise(function(a,b){var c={key:d,arg:e,resolve:a,reject:b,next:null};if(back){back=back.next=c}else{g=back=c;resume(d,e)}})}function resume(b,c){try{var d=f[b](c);var e=d.value;if(e instanceof AwaitValue){Promise.resolve(e.value).then(function(a){resume("next",a)},function(a){resume("throw",a)})}else{settle(d.done?"return":"normal",d.value)}}catch(err){settle("throw",err)}}function settle(a,b){switch(a){case"return":g.resolve({value:b,done:true});break;case"throw":g.reject(b);break;default:g.resolve({value:b,done:false});break}g=g.next;if(g){resume(g.key,g.arg)}else{back=null}}this._invoke=send;if(typeof f.return!=="function"){this.return=undefined}}if(typeof Symbol==="function"&&Symbol.asyncIterator){AsyncGenerator.prototype[Symbol.asyncIterator]=function(){return this}}AsyncGenerator.prototype.next=function(a){return this._invoke("next",a)};AsyncGenerator.prototype.throw=function(a){return this._invoke("throw",a);};AsyncGenerator.prototype.return=function(a){return this._invoke("return",a)};return{wrap:function(a){return function(){return new AsyncGenerator(a.apply(this,arguments))}},await:function(a){return new AwaitValue(a)}}}();var bA=Object.assign||function(a){for(var i=1;i<arguments.length;i++){var b=arguments[i];for(var c in b){if(Object.prototype.hasOwnProperty.call(b,c)){a[c]=b[c]}}}return a};var bB=function bB(a,b,c){if(a===null)a=Function.prototype;var d=Object.getOwnPropertyDescriptor(a,b);if(d===undefined){var e=Object.getPrototypeOf(a);if(e===null){return undefined}else{return bB(e,b,c)}}else if("value"in d){return d.value}else{var f=d.get;if(f===undefined){return undefined}return f.call(c)}};var bC=function bC(a,b,c,d){var e=Object.getOwnPropertyDescriptor(a,b);if(e===undefined){var f=Object.getPrototypeOf(a);if(f!==null){bC(f,b,c,d)}}else if("value"in e&&e.writable){e.value=c}else{var g=e.set;if(g!==undefined){g.call(d,c)}}return c};var bD=bA({},R);var bE=[];var bF=void 0;var bG=function bG(e){var f=Z();for(var g in e){if(!R.hasOwnProperty(g)&&g!=='extraParams'){console.warn('SweetAlert2: Unknown parameter "'+g+'"')}}f.style.width=typeof e.width==='number'?e.width+'px':e.width;f.style.padding=e.padding+'px';f.style.background=e.background;var h=f.querySelector('h2');var j=f.querySelector('.'+P.content);var k=bf();var l=bg();var m=f.querySelector('.'+P.close);h.innerHTML=e.title.split('\n').join('<br>');if(e.text||e.html){if(by(e.html)==='object'){j.innerHTML='';if(0 in e.html){for(var i=0;i in e.html;i++){j.appendChild(e.html[i].cloneNode(true))}}else{j.appendChild(e.html.cloneNode(true))}}else if(e.html){j.innerHTML=e.html}else if(e.text){j.innerHTML=(''+e.text).split('\n').join('<br>')}bo(j)}else{bp(j)}if(e.showCloseButton){bo(m)}else{bp(m)}f.className=P.modal;if(e.customClass){bl(f,e.customClass)}var n=bd();var o=parseInt(e.currentProgressStep===null?bN.getQueueStep():e.currentProgressStep,10);if(e.progressSteps.length){bo(n);bq(n);if(o>=e.progressSteps.length){console.warn('SweetAlert2: Invalid currentProgressStep parameter, it should be less than progressSteps.length '+'(currentProgressStep like JS arrays starts from 0)')}e.progressSteps.forEach(function(a,b){var c=document.createElement('li');bl(c,P.progresscircle);c.innerHTML=a;if(b===o){bl(c,P.activeprogressstep)}n.appendChild(c);if(b!==e.progressSteps.length-1){var d=document.createElement('li');bl(d,P.progressline);d.style.width=e.progressStepsDistance;n.appendChild(d)}})}else{bp(n)}var p=ba();for(var q=0;q<p.length;q++){bp(p[q])}if(e.type){var r=false;for(var s in Q){if(e.type===s){r=true;break}}if(!r){console.error('SweetAlert2: Unknown alert type: '+e.type);return false}var t=f.querySelector('.'+P.icon+'.'+Q[e.type]);bo(t);switch(e.type){case'success':bl(t,'animate');bl(t.querySelector('.tip'),'animate-success-tip');bl(t.querySelector('.long'),'animate-success-long');break;case'error':bl(t,'animate-error-icon');bl(t.querySelector('.x-mark'),'animate-x-mark');break;case'warning':bl(t,'pulse-warning');break;default:break}}var u=bb();if(e.imageUrl){u.setAttribute('src',e.imageUrl);bo(u);if(e.imageWidth){u.setAttribute('width',e.imageWidth)}else{u.removeAttribute('width')}if(e.imageHeight){u.setAttribute('height',e.imageHeight)}else{u.removeAttribute('height')}u.className=P.image;if(e.imageClass){bl(u,e.imageClass)}}else{bp(u)}if(e.showCancelButton){l.style.display='inline-block'}else{bp(l)}if(e.showConfirmButton){bs(k,'display')}else{bp(k)}var v=bc();if(!e.showConfirmButton&&!e.showCancelButton){bp(v)}else{bo(v)}k.innerHTML=e.confirmButtonText;l.innerHTML=e.cancelButtonText;if(e.buttonsStyling){k.style.backgroundColor=e.confirmButtonColor;l.style.backgroundColor=e.cancelButtonColor}k.className=P.confirm;bl(k,e.confirmButtonClass);l.className=P.cancel;bl(l,e.cancelButtonClass);if(e.buttonsStyling){bl(k,P.styled);bl(l,P.styled)}else{bm(k,P.styled);bm(l,P.styled);k.style.backgroundColor=k.style.borderLeftColor=k.style.borderRightColor='';l.style.backgroundColor=l.style.borderLeftColor=l.style.borderRightColor=''}if(e.animation===true){bm(f,P.noanimation)}else{bl(f,P.noanimation)}};var bH=function bH(a,b){var c=Z();if(a){bl(c,P.show);bl(T,P.fade);bm(c,P.hide)}else{bm(c,P.fade)}bo(c);T.style.overflowY='hidden';if(bu&&!bj(c,P.noanimation)){c.addEventListener(bu,function swalCloseEventFinished(){c.removeEventListener(bu,swalCloseEventFinished);T.style.overflowY='auto'})}else{T.style.overflowY='auto'}bl(T,P.in);bl(document.body,P.in);bI();bK();W.previousActiveElement=document.activeElement;if(b!==null&&typeof b==='function'){b(undefined,c)}};var bI=function bI(){if(W.previousBodyPadding!==null){return}if(document.body.scrollHeight>window.innerHeight){W.previousBodyPadding=document.body.style.paddingRight;document.body.style.paddingRight=bw()+'px'}};var bJ=function bJ(){if(W.previousBodyPadding!==null){document.body.style.paddingRight=W.previousBodyPadding;W.previousBodyPadding=null}};var bK=function bK(){var a=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;if(a&&!bj(document.body,P.iosfix)){var b=document.body.scrollTop;document.body.style.top=b*-1+'px';bl(document.body,P.iosfix)}};var bL=function bL(){if(bj(document.body,P.iosfix)){var a=parseInt(document.body.style.top,10);bm(document.body,P.iosfix);document.body.scrollTop=a*-1}};var bM=function bM(){for(var K=arguments.length,args=Array(K),_key=0;_key<K;_key++){args[_key]=arguments[_key]}if(args[0]===undefined){console.error('SweetAlert2 expects at least 1 attribute!');return false}var L=bA({},bD);switch(by(args[0])){case'string':L.title=args[0];L.text=args[1];L.type=args[2];break;case'object':bA(L,args[0]);L.extraParams=args[0].extraParams;if(L.input==='email'&&L.inputValidator===null){L.inputValidator=function(d){return new Promise(function(a,b){var c=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;if(c.test(d)){a()}else{b('Invalid email address')}})}}break;default:console.error('SweetAlert2: Unexpected type of argument! Expected "string" or "object", got '+by(args[0]));return false}bG(L);var M=Z();return new Promise(function(r,s){if(L.timer){M.timeout=setTimeout(function(){bN.closeModal(L.onClose);s('timer')},L.timer)}var t=function t(a){a=a||L.input;switch(a){case'select':case'textarea':case'file':return bn(M,P[a]);case'checkbox':return M.querySelector('.'+P.checkbox+' input');case'radio':return M.querySelector('.'+P.radio+' input:checked')||M.querySelector('.'+P.radio+' input:first-child');case'range':return M.querySelector('.'+P.range+' input');default:return bn(M,P.input)}};var u=function u(){var a=t();if(!a){return null}switch(L.input){case'checkbox':return a.checked?1:0;case'radio':return a.checked?a.value:null;case'file':return a.files.length?a.files[0]:null;default:return L.inputAutoTrim?a.value.trim():a.value}};if(L.input){setTimeout(function(){var a=t();if(a){bk(a)}},0)}var v=function v(b){if(L.showLoaderOnConfirm){bN.showLoading()}if(L.preConfirm){L.preConfirm(b,L.extraParams).then(function(a){bN.closeModal(L.onClose);r(a||b)},function(a){bN.hideLoading();if(a){bN.showValidationError(a)}})}else{bN.closeModal(L.onClose);r(b)}};var w=function w(c){var e=c||window.event;var d=e.target||e.srcElement;var f=bf();var g=bg();var h=f===d||f.contains(d);var i=g===d||g.contains(d);switch(e.type){case'mouseover':case'mouseup':if(L.buttonsStyling){if(h){f.style.backgroundColor=V(L.confirmButtonColor,-0.1)}else if(i){g.style.backgroundColor=V(L.cancelButtonColor,-0.1)}}break;case'mouseout':if(L.buttonsStyling){if(h){f.style.backgroundColor=L.confirmButtonColor}else if(i){g.style.backgroundColor=L.cancelButtonColor}}break;case'mousedown':if(L.buttonsStyling){if(h){f.style.backgroundColor=V(L.confirmButtonColor,-0.2)}else if(i){g.style.backgroundColor=V(L.cancelButtonColor,-0.2)}}break;case'click':if(h&&bN.isVisible()){if(L.input){(function(){var b=u();if(L.inputValidator){bN.disableInput();L.inputValidator(b,L.extraParams).then(function(){bN.enableInput();v(b)},function(a){bN.enableInput();if(a){bN.showValidationError(a)}})}else{v(b)}})()}else{v(true)}}else if(i&&bN.isVisible()){bN.closeModal(L.onClose);s('cancel')}break;default:}};var x=M.querySelectorAll('button');for(var i=0;i<x.length;i++){x[i].onclick=w;x[i].onmouseover=w;x[i].onmouseout=w;x[i].onmousedown=w}bh().onclick=function(){bN.closeModal(L.onClose);s('close')};T.onclick=function(e){if(e.target!==T){return}if(L.allowOutsideClick){bN.closeModal(L.onClose);s('overlay')}};var y=bf();var z=bg();if(L.reverseButtons){y.parentNode.insertBefore(z,y)}else{y.parentNode.insertBefore(y,z)}var A=function A(a,b){var c=bi(L.focusCancel);for(var d=0;d<c.length;d++){a=a+b;if(a===c.length){a=0}else if(a===-1){a=c.length-1}var e=c[a];if(br(e)){return e.focus()}}};var B=function B(a){var e=a||window.event;var b=e.keyCode||e.which;if([9,13,32,27].indexOf(b)===-1){return}var c=e.target||e.srcElement;var d=bi(L.focusCancel);var f=-1;for(var g=0;g<d.length;g++){if(c===d[g]){f=g;break}}if(b===9){if(!e.shiftKey){A(f,1)}else{A(f,-1)}e.stopPropagation();e.preventDefault()}else{if(b===13||b===32){if(f===-1){if(L.focusCancel){bt(z,e)}else{bt(y,e)}}}else if(b===27&&L.allowEscapeKey===true){bN.closeModal(L.onClose);s('esc')}}};W.previousWindowKeyDown=window.onkeydown;window.onkeydown=B;if(L.buttonsStyling){y.style.borderLeftColor=L.confirmButtonColor;y.style.borderRightColor=L.confirmButtonColor}bN.showLoading=bN.enableLoading=function(){bo(bc());bo(y,'inline-block');bl(y,P.loading);bl(M,P.loading);y.disabled=true;z.disabled=true};bN.hideLoading=bN.disableLoading=function(){if(!L.showConfirmButton){bp(y);if(!L.showCancelButton){bp(bc())}}bm(y,P.loading);bm(M,P.loading);y.disabled=false;z.disabled=false};bN.enableButtons=function(){y.disabled=false;z.disabled=false};bN.disableButtons=function(){y.disabled=true;z.disabled=true};bN.enableConfirmButton=function(){y.disabled=false};bN.disableConfirmButton=function(){y.disabled=true};bN.enableInput=function(){var a=t();if(!a){return false}if(a.type==='radio'){var b=a.parentNode.parentNode;var c=b.querySelectorAll('input');for(var d=0;d<c.length;d++){c[d].disabled=false}}else{a.disabled=false}};bN.disableInput=function(){var a=t();if(!a){return false}if(a&&a.type==='radio'){var b=a.parentNode.parentNode;var c=b.querySelectorAll('input');for(var d=0;d<c.length;d++){c[d].disabled=true}}else{a.disabled=true}};bN.recalculateHeight=bx(function(){var a=Z();var b=a.style.display;a.style.minHeight='';bo(a);a.style.minHeight=a.scrollHeight+1+'px';a.style.display=b},50);bN.showValidationError=function(a){var b=be();b.innerHTML=a;bo(b);var c=t();bk(c);bl(c,P.inputerror)};bN.resetValidationError=function(){var a=be();bp(a);bN.recalculateHeight();var b=t();if(b){bm(b,P.inputerror)}};bN.getProgressSteps=function(){return L.progressSteps};bN.setProgressSteps=function(a){L.progressSteps=a;bG(L)};bN.showProgressSteps=function(){bo(bd())};bN.hideProgressSteps=function(){bp(bd())};bN.enableButtons();bN.hideLoading();bN.resetValidationError();var C=['input','file','range','select','radio','checkbox','textarea'];var D=void 0;for(var E=0;E<C.length;E++){var F=P[C[E]];var G=bn(M,F);D=t(C[E]);if(D){for(var j in D.attributes){if(D.attributes.hasOwnProperty(j)){var H=D.attributes[j].name;if(H!=='type'&&H!=='value'){D.removeAttribute(H)}}}for(var I in L.inputAttributes){D.setAttribute(I,L.inputAttributes[I])}}G.className=F;if(L.inputClass){bl(G,L.inputClass)}bp(G)}var J=void 0;(function(){switch(L.input){case'text':case'email':case'password':case'number':case'tel':D=bn(M,P.input);D.value=L.inputValue;D.placeholder=L.inputPlaceholder;D.type=L.input;bo(D);break;case'file':D=bn(M,P.file);D.placeholder=L.inputPlaceholder;D.type=L.input;bo(D);break;case'range':var h=bn(M,P.range);var i=h.querySelector('input');var j=h.querySelector('output');i.value=L.inputValue;i.type=L.input;j.value=L.inputValue;bo(h);break;case'select':var k=bn(M,P.select);k.innerHTML='';if(L.inputPlaceholder){var l=document.createElement('option');l.innerHTML=L.inputPlaceholder;l.value='';l.disabled=true;l.selected=true;k.appendChild(l)}J=function J(a){for(var b in a){var c=document.createElement('option');c.value=b;c.innerHTML=a[b];if(L.inputValue===b){c.selected=true}k.appendChild(c)}bo(k);k.focus()};break;case'radio':var m=bn(M,P.radio);m.innerHTML='';J=function J(a){for(var b in a){var c=1;var d=document.createElement('input');var e=document.createElement('label');var f=document.createElement('span');d.type='radio';d.name=P.radio;d.value=b;d.id=P.radio+'-'+c++;if(L.inputValue===b){d.checked=true}f.innerHTML=a[b];e.appendChild(d);e.appendChild(f);e.for=d.id;m.appendChild(e)}bo(m);var g=m.querySelectorAll('input');if(g.length){g[0].focus()}};break;case'checkbox':var n=bn(M,P.checkbox);var o=t('checkbox');o.type='checkbox';o.value=1;o.id=P.checkbox;o.checked=Boolean(L.inputValue);var p=n.getElementsByTagName('span');if(p.length){n.removeChild(p[0])}p=document.createElement('span');p.innerHTML=L.inputPlaceholder;n.appendChild(p);bo(n);break;case'textarea':var q=bn(M,P.textarea);q.value=L.inputValue;q.placeholder=L.inputPlaceholder;bo(q);break;case null:break;default:console.error('SweetAlert2: Unexpected type of input! Expected "text", "email", "password", "select", "checkbox", "textarea" or "file", got "'+L.input+'"');break}})();if(L.input==='select'||L.input==='radio'){if(L.inputOptions instanceof Promise){bN.showLoading();L.inputOptions.then(function(a){bN.hideLoading();J(a)})}else if(by(L.inputOptions)==='object'){J(L.inputOptions)}else{console.error('SweetAlert2: Unexpected type of inputOptions! Expected object or Promise, got '+by(L.inputOptions))}}bH(L.animation,L.onOpen);A(-1,1);T.scrollTop=0;if(typeof MutationObserver!=='undefined'&&!bF){bF=new MutationObserver(bN.recalculateHeight);bF.observe(M,{childList:true,characterData:true,subtree:true})}})};var bN=function bN(){for(var a=arguments.length,args=Array(a),_key2=0;_key2<a;_key2++){args[_key2]=arguments[_key2]}if(bN.isVisible()){bN.close()}return bM.apply(undefined,args)};bN.isVisible=function(){var a=Z();return br(a)};bN.queue=function(e){bE=e;var f=Z();var g=function g(){bE=[];f.removeAttribute('data-queue-step')};var h=[];return new Promise(function(c,d){(function step(i,b){if(i<bE.length){f.setAttribute('data-queue-step',i);bN(bE[i]).then(function(a){h.push(a);step(i+1,b)},function(a){g();d(a)})}else{g();c(h)}})(0)})};bN.getQueueStep=function(){return Z().getAttribute('data-queue-step')};bN.insertQueueStep=function(a,b){if(b&&b<bE.length){return bE.splice(b,0,a)}return bE.push(a)};bN.deleteQueueStep=function(a){if(typeof bE[a]!=='undefined'){bE.splice(a,1)}};bN.close=bN.closeModal=function(a){var b=Z();bm(b,P.show);bl(b,P.hide);var c=b.querySelector('.'+P.icon+'.'+Q.success);bm(c,'animate');bm(c.querySelector('.tip'),'animate-success-tip');bm(c.querySelector('.long'),'animate-success-long');var d=b.querySelector('.'+P.icon+'.'+Q.error);bm(d,'animate-error-icon');bm(d.querySelector('.x-mark'),'animate-x-mark');var e=b.querySelector('.'+P.icon+'.'+Q.warning);bm(e,'pulse-warning');bv();var f=function f(){bp(b);b.style.minHeight='';bm(T,P.in);bm(document.body,P.in);bJ();bL()};if(bu&&!bj(b,P.noanimation)){b.addEventListener(bu,function swalCloseEventFinished(){b.removeEventListener(bu,swalCloseEventFinished);if(bj(b,P.hide)){f()}})}else{f()}if(a!==null&&typeof a==='function'){a(undefined,b)}};bN.clickConfirm=function(){return bf().click()};bN.clickCancel=function(){return bg().click()};bN.setDefaults=function(a){if(!a||(typeof a==='undefined'?'undefined':by(a))!=='object'){return console.error('SweetAlert2: the argument for setDefaults() is required and has to be a object')}for(var b in a){if(!R.hasOwnProperty(b)&&b!=='extraParams'){console.warn('SweetAlert2: Unknown parameter "'+b+'"');delete a[b]}}bA(bD,a)};bN.resetDefaults=function(){bD=bA({},R)};bN.noop=function(){};bN.version='6.0.1';return bN})));if(window.Sweetalert2)window.sweetAlert=window.swal=window.Sweetalert2;
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
