element-gui/lib/message-box.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var s=t[o]={i:o,l:!1,exports:{}};return e[o].call(s.exports,s,s.exports,n),s.l=!0,s.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)n.d(o,s,function(t){return e[t]}.bind(null,s));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=85)}({0:function(e,t,n){"use strict";function o(e,t,n,o,s,i,l,r){var a,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),l?(a=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),s&&s.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(l)},c._ssrRegister=a):s&&(a=r?function(){s.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:s),a)if(c.functional){c._injectStyles=a;var u=c.render;c.render=function(e,t){return a.call(t),u(e,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,a):[a]}return{exports:e,options:c}}n.d(t,"a",(function(){return o}))},10:function(e,t){e.exports=require("element-gui/lib/input")},14:function(e,t){e.exports=require("element-gui/lib/utils/merge")},17:function(e,t){e.exports=require("element-gui/lib/utils/popup")},18:function(e,t){e.exports=require("element-gui/lib/locale")},21:function(e,t){e.exports=require("element-gui/lib/button")},27:function(e,t){e.exports=require("element-gui/lib/utils/vdom")},3:function(e,t){e.exports=require("element-gui/lib/utils/dom")},7:function(e,t){e.exports=require("element-gui/lib/mixins/locale")},8:function(e,t){e.exports=require("vue")},85:function(e,t,n){"use strict";n.r(t);var o=n(8),s=n.n(o),i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"msgbox-fade"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],ref:"wrapper",staticClass:"el-message-box__wrapper",attrs:{tabindex:"-1",role:"dialog","aria-modal":"true","aria-label":e.title||"dialog"},on:{click:function(t){return t.target!==t.currentTarget?null:e.handleWrapperClick(t)}}},[n("div",{ref:"dialog",staticClass:"el-message-box",class:[e.customClass,e.center&&"el-message-box--center"]},[null!==e.title?n("div",{ref:"header",staticClass:"el-message-box__header",class:{"is-draggable":e.draggable}},[n("div",{staticClass:"el-message-box__title"},[e.icon&&e.center?n("div",{class:["el-message-box__status",e.icon]}):e._e(),n("span",[e._v(e._s(e.title))])]),e.showClose?n("button",{staticClass:"el-message-box__headerbtn",attrs:{type:"button","aria-label":"Close"},on:{click:function(t){return e.handleAction(e.distinguishCancelAndClose?"close":"cancel")},keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.handleAction(e.distinguishCancelAndClose?"close":"cancel")}}},[n("i",{staticClass:"el-message-box__close el-icon-close"})]):e._e()]):e._e(),n("div",{staticClass:"el-message-box__content"},[n("div",{staticClass:"el-message-box__container"},[e.icon&&!e.center&&""!==e.message?n("div",{class:["el-message-box__status",e.icon]}):e._e(),""!==e.message?n("div",{staticClass:"el-message-box__message"},[e._t("default",[e.dangerouslyUseHTMLString?n("p",{domProps:{innerHTML:e._s(e.message)}}):n("p",[e._v(e._s(e.message))])])],2):e._e()]),n("div",{directives:[{name:"show",rawName:"v-show",value:e.showInput,expression:"showInput"}],staticClass:"el-message-box__input"},[n("el-input",{ref:"input",attrs:{type:e.inputType,placeholder:e.inputPlaceholder},nativeOn:{keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.handleInputEnter(t)}},model:{value:e.inputValue,callback:function(t){e.inputValue=t},expression:"inputValue"}}),n("div",{staticClass:"el-message-box__errormsg",style:{visibility:e.editorErrorMessage?"visible":"hidden"}},[e._v(e._s(e.editorErrorMessage))])],1)]),n("div",{staticClass:"el-message-box__btns"},[n("el-button",{directives:[{name:"show",rawName:"v-show",value:e.showConfirmButton,expression:"showConfirmButton"}],ref:"confirm",class:[e.confirmButtonClasses],attrs:{loading:e.confirmButtonLoading,type:"primary",round:e.roundButton},on:{keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.handleAction("confirm")}},nativeOn:{click:function(t){return e.handleAction("confirm")}}},[e._v("\n          "+e._s(e.confirmButtonText||e.t("el.messagebox.confirm"))+"\n        ")]),e.showCancelButton?n("el-button",{class:[e.cancelButtonClasses],attrs:{loading:e.cancelButtonLoading,round:e.roundButton},on:{keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.handleAction("cancel")}},nativeOn:{click:function(t){return e.handleAction("cancel")}}},[e._v("\n          "+e._s(e.cancelButtonText||e.t("el.messagebox.cancel"))+"\n        ")]):e._e()],1)])])])};i._withStripped=!0;var l=n(17),r=n.n(l),a=n(7),c=n.n(a),u=n(10),d=n.n(u),f=n(21),p=n.n(f),h=n(3),m=n(18),g={primary:"info is-primary",success:"success",info:"info",warning:"warning",error:"error"},v={mixins:[r.a,c.a],props:{modal:{default:!0},lockScroll:{default:!0},showClose:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},closeOnClickModal:{default:!0},closeOnPressEscape:{default:!0},closeOnHashChange:{default:!0},closeOnPopstate:{default:!0},center:{default:!1,type:Boolean},roundButton:{default:!1,type:Boolean}},components:{ElInput:d.a,ElButton:p.a},computed:{icon:function(){var e=this.type;return this.iconClass||(e&&g[e]?"el-icon-"+g[e]:"")},confirmButtonClasses:function(){return""+this.confirmButtonClass},cancelButtonClasses:function(){return""+this.cancelButtonClass}},methods:{getSafeClose:function(){var e=this,t=this.uid;return function(){e.$nextTick((function(){t===e.uid&&e.doClose()}))}},doClose:function(){var e=this;this.visible&&(this.visible=!1,this._closing=!0,this.onClose&&this.onClose(),this.lockScroll&&setTimeout(this.restoreBodyStyle,200),this.opened=!1,this.doAfterClose(),setTimeout((function(){e.action&&e.callback(e.action,e)})))},dragDown:function(e){if(0===e.button){var t=this.$refs.dialog,n=this.$refs.header,o=this.$refs.wrapper,s=e.clientX-n.offsetLeft,i=e.clientY-n.offsetTop,l=o.clientWidth,r=o.clientHeight,a=t.clientWidth,c=t.clientHeight,u=t.offsetLeft,d=l-t.offsetLeft-a,f=t.offsetTop,p=Math.abs(r-t.offsetTop-c),h=+t.style.left.replace(/\px/g,""),m=+t.style.top.replace(/\px/g,""),g=function(e){var n=e.clientX-s,o=e.clientY-i;-n>u?n=-u:n>d&&(n=d),-o>f?o=-f:o>p&&(o=p),t.style.left=n+h+"px",t.style.top=o+m+"px"};window.addEventListener("mousemove",g),window.addEventListener("mouseup",g),window.addEventListener("mouseup",(function e(){window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",g),window.removeEventListener("mouseup",e)}))}},handleWrapperClick:function(){this.closeOnClickModal&&this.handleAction(this.distinguishCancelAndClose?"close":"cancel")},handleInputEnter:function(){if("textarea"!==this.inputType)return this.handleAction("confirm")},handleAction:function(e){("prompt"!==this.$type||"confirm"!==e||this.validate())&&(this.action=e,"function"==typeof this.beforeClose?(this.close=this.getSafeClose(),this.beforeClose(e,this,this.close)):this.doClose())},validate:function(){if("prompt"===this.$type){var e=this.inputPattern;if(e&&!e.test(this.inputValue||""))return this.editorErrorMessage=this.inputErrorMessage||Object(m.t)("el.messagebox.error"),Object(h.addClass)(this.getInputElement(),"invalid"),!1;var t=this.inputValidator;if("function"==typeof t){var n=t(this.inputValue);if(!1===n)return this.editorErrorMessage=this.inputErrorMessage||Object(m.t)("el.messagebox.error"),Object(h.addClass)(this.getInputElement(),"invalid"),!1;if("string"==typeof n)return this.editorErrorMessage=n,Object(h.addClass)(this.getInputElement(),"invalid"),!1}}return this.editorErrorMessage="",Object(h.removeClass)(this.getInputElement(),"invalid"),!0},getFirstFocus:function(){var e=this.$el.querySelector(".el-message-box__btns .el-button"),t=this.$el.querySelector(".el-message-box__btns .el-message-box__title");return e||t},getInputElement:function(){var e=this.$refs.input.$refs;return e.input||e.textarea},handleClose:function(){this.handleAction("close")}},watch:{inputValue:{immediate:!0,handler:function(e){var t=this;this.$nextTick((function(n){"prompt"===t.$type&&null!==e&&t.validate()}))}},visible:function(e){var t=this;if(e){var n=this.$refs.dialog;n.style.top="",n.style.left="",this.uid++,document.activeElement.blur(),this.draggable&&this.$refs.header.addEventListener("mousedown",this.dragDown),this.closeOnHashChange&&window.addEventListener("hashchange",this.close)}else this.draggable&&this.$refs.header.removeEventListener("mousedown",this.dragDown),this.closeOnHashChange&&window.removeEventListener("hashchange",this.close);"prompt"===this.$type&&(e?setTimeout((function(){t.$refs.input&&t.$refs.input.$el&&t.getInputElement().focus()}),500):(this.editorErrorMessage="",Object(h.removeClass)(this.getInputElement(),"invalid")))}},mounted:function(){var e=this;this.$nextTick((function(){e.closeOnHashChange&&window.addEventListener("hashchange",e.close),e.closeOnPopstate&&window.addEventListener("popstate",e.close)}))},beforeDestroy:function(){this.closeOnHashChange&&window.removeEventListener("hashchange",this.close),this.closeOnPopstate&&window.addEventListener("popstate",this.close)},data:function(){return{uid:1,title:void 0,message:"",type:"",iconClass:"",customClass:"",showInput:!1,inputValue:null,inputPlaceholder:"",inputType:"text",inputPattern:null,inputValidator:null,inputErrorMessage:"",showConfirmButton:!0,showCancelButton:!1,action:"",confirmButtonText:"",cancelButtonText:"",confirmButtonLoading:!1,cancelButtonLoading:!1,confirmButtonClass:"",confirmButtonDisabled:!1,cancelButtonClass:"",editorErrorMessage:null,callback:null,dangerouslyUseHTMLString:!1,isOnComposition:!1,distinguishCancelAndClose:!1}}},b=n(0),y=Object(b.a)(v,i,[],!1,null,null,null).exports,C=n(14),_=n.n(C),w=n(27),x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E={title:null,message:"",type:"",iconClass:"",showInput:!1,showClose:!0,draggable:!1,modalFade:!0,lockScroll:!0,closeOnClickModal:!0,closeOnPressEscape:!0,closeOnHashChange:!0,closeOnPopstate:!0,inputValue:null,inputPlaceholder:"",inputType:"text",inputPattern:null,inputValidator:null,inputErrorMessage:"",showConfirmButton:!0,showCancelButton:!1,confirmButtonPosition:"right",confirmButtonHighlight:!1,cancelButtonHighlight:!1,confirmButtonText:"",cancelButtonText:"",confirmButtonClass:"",cancelButtonClass:"",customClass:"",beforeClose:null,dangerouslyUseHTMLString:!1,center:!1,roundButton:!1,distinguishCancelAndClose:!1},k=s.a.extend(y),O=void 0,B=void 0,$=[],T=function(e){if(O){var t=O.callback;"function"==typeof t&&(B.showInput?t(B.inputValue,e):t(e)),O.resolve&&("confirm"===e?B.showInput?O.resolve({value:B.inputValue,action:e}):O.resolve(e):!O.reject||"cancel"!==e&&"close"!==e||O.reject(e))}},M=function(){0===$.length&&B&&(B.$destroy(),B.$el&&B.$el.parentNode&&B.$el.parentNode.removeChild(B.$el),B=null,O=null)},S=function e(){if(B||((B=new k({el:document.createElement("div")})).callback=T),B.action="",(!B.visible||B.closeTimer)&&$.length>0){var t=(O=$.shift()).options;for(var n in t)t.hasOwnProperty(n)&&(B[n]=t[n]);void 0===t.callback&&(B.callback=T);var o=B.callback;B.callback=function(t,n){o(t,n),M(),e()},Object(w.isVNode)(B.message)?(B.$slots.default=[B.message],B.message=null):delete B.$slots.default,["modal","showClose","closeOnClickModal","closeOnPressEscape","closeOnHashChange"].forEach((function(e){void 0===B[e]&&(B[e]=!0)}));var i=s.a.prototype.$ELEMENT&&s.a.prototype.$ELEMENT.content&&document.getElementById(s.a.prototype.$ELEMENT.content)||document.body;(document.fullscreenElement||window.fullScreen)&&document.fullscreenElement?document.fullscreenElement.appendChild(B.$el):i.appendChild(B.$el),s.a.nextTick((function(){B.visible=!0}))}},L=function e(t,n){if(!s.a.prototype.$isServer){if("string"==typeof t||Object(w.isVNode)(t)?(t={message:t},"string"==typeof arguments[1]&&(t.title=arguments[1])):t.callback&&!n&&(n=t.callback),"undefined"!=typeof Promise)return new Promise((function(o,s){$.push({options:_()({},E,e.defaults,t),callback:n,resolve:o,reject:s}),S()}));$.push({options:_()({},E,e.defaults,t),callback:n}),S()}};L.setDefaults=function(e){L.defaults=e},L.alert=function(e,t,n){return"object"===(void 0===t?"undefined":x(t))?(n=t,t=""):void 0===t&&(t=""),L(_()({title:t,message:e,$type:"alert",closeOnPressEscape:!1,closeOnClickModal:!1},n))},L.confirm=function(e,t,n){return"object"===(void 0===t?"undefined":x(t))?(n=t,t=""):void 0===t&&(t=""),L(_()({title:t,message:e,$type:"confirm",showCancelButton:!0},n))},L.prompt=function(e,t,n){return"object"===(void 0===t?"undefined":x(t))?(n=t,t=""):void 0===t&&(t=""),L(_()({title:t,message:e,showCancelButton:!0,showInput:!0,$type:"prompt"},n))},L.close=function(){B.doClose(),B.visible=!1,$=[],O=null,M()};var j=L;t.default=j}});