element-gui/lib/dialog.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},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 i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},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=90)}({0:function(e,t,n){"use strict";function i(e,t,n,i,o,s,l,r){var a,d="function"==typeof e?e.options:e;if(t&&(d.render=t,d.staticRenderFns=n,d._compiled=!0),i&&(d.functional=!0),s&&(d._scopeId="data-v-"+s),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__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(l)},d._ssrRegister=a):o&&(a=r?function(){o.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(d.functional){d._injectStyles=a;var u=d.render;d.render=function(e,t){return a.call(t),u(e,t)}}else{var c=d.beforeCreate;d.beforeCreate=c?[].concat(c,a):[a]}return{exports:e,options:d}}n.d(t,"a",(function(){return i}))},13:function(e,t){e.exports=require("element-gui/lib/mixins/migrating")},17:function(e,t){e.exports=require("element-gui/lib/utils/popup")},4:function(e,t){e.exports=require("element-gui/lib/mixins/emitter")},90:function(e,t,n){"use strict";n.r(t);var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"dialog-fade"},on:{"after-enter":e.afterEnter,"after-leave":e.afterLeave}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],ref:"wrapper",class:["el-dialog__wrapper",e.wrapperClass,{"is-penetrate":e.penetrate&&!e.modal}],on:{mousedown:function(t){return t.target!==t.currentTarget?null:e.handleWrapperClick(t)}}},[n("div",{key:e.key,ref:"dialog",class:["el-dialog",{"is-fullscreen":e.fullscreen,"is-draggable":e.draggable,"is-resizable":e.resizable,"el-dialog--center":e.center},e.customClass],style:e.style,attrs:{role:"dialog","aria-modal":"true","aria-label":e.title||"dialog"}},[n("div",{ref:"header",staticClass:"el-dialog__header"},[e._t("title",[n("span",{staticClass:"el-dialog__title"},[e._v(e._s(e.title))])]),e.showClose?n("button",{staticClass:"el-dialog__headerbtn",attrs:{type:"button","aria-label":"Close"},on:{click:e.handleClose}},[n("i",{staticClass:"el-dialog__close el-icon el-icon-close"})]):e._e()],2),e.rendered?n("div",{staticClass:"el-dialog__body",class:{"no-footer":!e.$slots.footer}},[e._t("default")],2):e._e(),e.$slots.footer?n("div",{staticClass:"el-dialog__footer"},[e._t("footer")],2):e._e(),e.resizable?n("div",{staticClass:"el-dialog__resizable"},[n("i",{ref:"resize"})]):e._e()])])])};i._withStripped=!0;var o=n(17),s=n.n(o),l=n(13),r=n.n(l),a=n(4),d=n.n(a),u={name:"ElDialog",mixins:[s.a,d.a,r.a],props:{title:{type:String,default:""},modal:{type:Boolean,default:!0},penetrate:{type:Boolean,default:!1},modalAppendToBody:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},width:String,height:String,maxWidth:String,minWidth:String,maxHeight:String,minHeight:String,fullscreen:Boolean,draggable:Boolean,resizable:Boolean,wrapperClass:{type:String,default:""},customClass:{type:String,default:""},top:{type:String,default:"15vh"},beforeClose:Function,center:{type:Boolean,default:!1},destroyOnClose:Boolean},data:function(){return{closed:!1,key:0,escape:null}},watch:{visible:function(e){var t=this;e?(this.closed=!1,this.$emit("open"),this.$el.addEventListener("scroll",this.updatePopper),this.$nextTick((function(){var e=t.$refs.dialog;e.scrollTop=0,e.focus()})),this.appendToBody&&((document.fullscreenElement||window.fullScreen)&&document.fullscreenElement?document.fullscreenElement.appendChild(this.$el):this.elementContent.appendChild(this.$el))):(this.$el.removeEventListener("scroll",this.updatePopper),this.closed||this.$emit("close"),this.destroyOnClose&&this.$nextTick((function(){t.key++})))}},computed:{style:function(){var e={};return this.fullscreen||(e.marginTop=this.top,this.width&&(e.width=this.width),this.height&&(e.height=this.height),this.maxWidth&&(e.maxWidth=this.maxWidth),this.minWidth&&(e.minWidth=this.minWidth),this.maxHeight&&(e.maxHeight=this.maxHeight),this.minHeight&&(e.minHeight=this.minHeight)),e},elementContent:function(){return this.$ELEMENT&&this.$ELEMENT.content&&document.getElementById(this.$ELEMENT.content)||document.body}},methods:{getMigratingConfig:function(){return{props:{size:"size is removed."}}},handleWrapperClick:function(){this.closeOnClickModal&&this.handleClose()},handleClose:function(){"function"==typeof this.beforeClose?this.beforeClose(this.hide):this.hide()},hide:function(e){!1!==e&&(this.$emit("update:visible",!1),this.$emit("close"),this.closed=!0)},updatePopper:function(){this.broadcast("ElSelectDropdown","updatePopper"),this.broadcast("ElDropdownMenu","updatePopper")},afterEnter:function(){this.$emit("opened")},afterLeave:function(){this.$emit("closed")},resetPosition:function(){var e=this.$refs.dialog;e.style.left=0,e.style.top=0}},mounted:function(){var e=this;this.visible&&(this.rendered=!0,this.open(),this.appendToBody&&((document.fullscreenElement||window.fullScreen)&&document.fullscreenElement?document.fullscreenElement.appendChild(this.$el):this.elementContent.appendChild(this.$el)));this.draggable&&!this.fullscreen&&this.$refs.header.addEventListener("mousedown",(function(t){if(0===t.button){var n=e.$refs.dialog,i=e.$refs.header,o=e.$refs.wrapper,s=t.clientX-i.offsetLeft,l=t.clientY-i.offsetTop,r=o.clientWidth,a=o.clientHeight,d=n.clientWidth,u=n.clientHeight,c=n.offsetLeft,p=r-n.offsetLeft-d,h=n.offsetTop,f=Math.abs(a-n.offsetTop-u),m=+n.style.left.replace(/\px/g,""),g=+n.style.top.replace(/\px/g,""),v=function(e){var t=e.clientX-s,i=e.clientY-l;-t>c?t=-c:t>p&&(t=p),-i>h?i=-h:i>f&&(i=f),n.style.left=t+m+"px",n.style.top=i+g+"px"};window.addEventListener("mousemove",v),window.addEventListener("mouseup",v),window.addEventListener("mouseup",(function n(){window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",v),window.removeEventListener("mouseup",n),e.$emit("dragend",t)}))}})),this.resizable&&!this.fullscreen&&this.$refs.resize.addEventListener("mousedown",(function(t){if(0===t.button){var n=e.$refs.dialog,i=n.clientWidth,o=n.clientHeight,s=parseInt(n.style.maxWidth,0),l=parseInt(n.style.minWidth,0)||100,r=parseInt(n.style.maxHeight,0),a=parseInt(n.style.minHeight,0)||100,d=t.pageX,u=t.pageY,c=function(t){var c=i+2*(t.clientX-d),p=o+t.clientY-u;n.style.width=s&&c>=s?s+"px":l&&c<=l?l+"px":c+"px",n.style.height=r&&p>=r?r+"px":a&&p<=a?a+"px":p+"px",e.$emit("resize",parseInt(n.style.width,0),parseInt(n.style.height,0))};window.addEventListener("mousemove",c),window.addEventListener("mouseup",(function e(){window.removeEventListener("mousemove",c),window.removeEventListener("mouseup",e)}))}})),this.closeOnPressEscape&&!this.modal&&(this.escape=function(t){27===t.keyCode&&e.hide()},window.addEventListener("keydown",this.escape))},destroyed:function(){this.appendToBody&&this.$el&&this.$el.parentElement&&this.$el.parentElement.removeChild(this.$el),this.closeOnPressEscape&&!this.modal&&window.removeEventListener("keydown",this.escape)}},c=n(0),p=Object(c.a)(u,i,[],!1,null,null,null).exports;p.install=function(e){e.component(p.name,p)};t.default=p}});