gg-y-ui/lib/dialog/index.js

An enterprise-class UI design language and Vue-based implementation for web

/*!
 * 
 * y-ui v0.1.0
 * 
 * Copyright 2021-present, Y-UI-Design.
 * All rights reserved.
 * 
 */
module.exports=function(e){var t={};function o(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.l=!0,i.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)o.d(n,i,function(t){return e[t]}.bind(null,i));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=70)}({12:function(e,t,o){"use strict";o.r(t);var n=o(13),i=o.n(n);for(var l in n)["default"].indexOf(l)<0&&function(e){o.d(t,e,(function(){return n[e]}))}(l);t.default=i.a},13:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=o(72),l=(n=i)&&n.__esModule?n:{default:n};t.default={name:"YDialog",mixins:[l.default],props:{title:{type:String,default:""},modal:{type:Boolean,default:!0},modalAppendToBody:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},width:{type:String},customClass:{type:String,default:""},beforeClose:Function,destroyOnClose:Boolean,drawer:{type:Boolean,default:!1},direction:{type:String,default:"rtl",validator:function(e){return-1!==["rtl","ltr"].indexOf(e)}},size:{type:String,default:"medium",validator:function(e){return-1!==["small","medium","big","large","huge"].indexOf(e)}},showHeader:{type:Boolean,default:!0}},data:function(){return{closed:!1,key:0}},computed:{style:function(){var e={};return e.width=this.width,e}},watch:{visible:function(e){var t=this;e?(this.closed=!1,this.$emit("open"),this.$nextTick((function(){t.$refs.dialog.scrollTop=0})),this.appendToBody&&document.body.appendChild(this.$el)):(!this.closed&&this.$emit("close"),this.destroyOnClose&&this.$nextTick((function(){t.key++})))}},mounted:function(){this.visible&&(this.rendered=!0,this.open(),this.appendToBody&&document.body.appendChild(this.$el))},destroyed:function(){this.appendToBody&&this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el)},methods:{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)},afterEnter:function(){this.$emit("opened")},afterLeave:function(){this.$emit("closed")}}}},3:function(e,t,o){"use strict";function n(e,t,o,n,i,l,s,a){var r,d="function"==typeof e?e.options:e;if(t&&(d.render=t,d.staticRenderFns=o,d._compiled=!0),n&&(d.functional=!0),l&&(d._scopeId="data-v-"+l),s?(r=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__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},d._ssrRegister=r):i&&(r=a?function(){i.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:i),r)if(d.functional){d._injectStyles=r;var u=d.render;d.render=function(e,t){return r.call(t),u(e,t)}}else{var c=d.beforeCreate;d.beforeCreate=c?[].concat(c,r):[r]}return{exports:e,options:d}}o.d(t,"a",(function(){return n}))},34:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default=function(){var e=document.createElement("div");e.style.visibility="hidden",e.style.width="100px",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);var t=e.offsetWidth;e.style.overflow="scroll";var o=document.createElement("div");return o.style.width="100%",e.appendChild(o),t-o.offsetWidth}},42:function(e,t,o){"use strict";o.d(t,"a",(function(){return n})),o.d(t,"b",(function(){return i}));var n=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("transition",{attrs:{name:"dialog-fade"},on:{"after-enter":e.afterEnter,"after-leave":e.afterLeave}},[o("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],staticClass:"y-dialog__wrapper",class:e.visible&&"y-dialog__open",on:{click:function(t){return t.target!==t.currentTarget?null:e.handleWrapperClick(t)}}},[o("div",{key:e.key,ref:"dialog",class:["y-dialog",e.customClass,{"is-drawer":e.drawer},e.direction,e.size?"y-dialog--"+e.size:""],style:e.style,attrs:{role:"dialog","aria-modal":"true","aria-label":e.title||"dialog"}},[e.showHeader?o("div",{staticClass:"y-dialog__header"},[e._t("title",[o("span",{staticClass:"y-dialog__title"},[e._v(e._s(e.title))])]),e.$slots.operate?o("span",{staticClass:"y-dialog__operate"},[e._t("operate")],2):e._e(),e.showClose?o("button",{staticClass:"y-dialog__headerbtn",attrs:{type:"button","aria-label":"Close"},on:{click:e.handleClose}},[o("i",{staticClass:"y-dialog__close y-icon y-icon-close_wide_linear"})]):e._e()],2):e._e(),e.rendered?o("div",{staticClass:"y-dialog__body"},[e._t("default")],2):e._e(),e.$slots.footer?o("div",{staticClass:"y-dialog__footer"},[e._t("footer")],2):e._e()])])])},i=[]},51:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n="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};t.hasClass=u,t.addClass=function(e,t){if(!e)return;for(var o=e.className,n=(t||"").split(" "),i=0,l=n.length;i<l;i++){var s=n[i];s&&(e.classList?e.classList.add(s):u(e,s)||(o+=" "+s))}e.classList||(e.className=o)},t.removeClass=function(e,t){if(!e||!t)return;for(var o=t.split(" "),n=" "+e.className+" ",i=0,l=o.length;i<l;i++){var s=o[i];s&&(e.classList?e.classList.remove(s):u(e,s)&&(n=n.replace(" "+s+" "," ")))}e.classList||(e.className=(n||"").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g,""))},t.setStyle=function e(t,o,i){if(!t||!o)return;if("object"===(void 0===o?"undefined":n(o)))for(var l in o)o.hasOwnProperty(l)&&e(t,l,o[l]);else"opacity"===(o=a(o))&&s<9?t.style.filter=isNaN(i)?"":"alpha(opacity="+100*i+")":t.style[o]=i};var i=/([\:\-\_]+(.))/g,l=/^moz([A-Z])/,s=Number(document.documentMode),a=function(e){return e.replace(i,(function(e,t,o,n){return n?o.toUpperCase():o})).replace(l,"Moz$1")},r=t.on=document.addEventListener?function(e,t,o){e&&t&&o&&e.addEventListener(t,o,!1)}:function(e,t,o){e&&t&&o&&e.attachEvent("on"+t,o)},d=t.off=document.removeEventListener?function(e,t,o){e&&t&&e.removeEventListener(t,o,!1)}:function(e,t,o){e&&t&&e.detachEvent("on"+t,o)};t.once=function(e,t,o){r(e,t,(function n(){o&&o.apply(this,arguments),d(e,t,n)}))};function u(e,t){if(!e||!t)return!1;if(-1!==t.indexOf(" "))throw new Error("className should not contain space.");return e.classList?e.classList.contains(t):(" "+e.className+" ").indexOf(" "+t+" ")>-1}var c=t.getStyle=s<9?function(e,t){if(!e||!t)return null;"float"===(t=a(t))&&(t="styleFloat");try{switch(t){case"opacity":try{return e.filters.item("alpha").opacity/100}catch(e){return 1}default:return e.style[t]||e.currentStyle?e.currentStyle[t]:null}}catch(o){return e.style[t]}}:function(e,t){if(!e||!t)return null;"float"===(t=a(t))&&(t="cssFloat");try{var o=document.defaultView.getComputedStyle(e,"");return e.style[t]||o?o[t]:null}catch(o){return e.style[t]}};var f=t.isScroll=function(e,t){return c(e,null!==t||void 0!==t?t?"overflow-y":"overflow-x":"overflow").match(/(scroll|auto)/)};t.getScrollContainer=function(e,t){for(var o=e;o;){if([window,document,document.documentElement].includes(o))return window;if(f(o,t))return o;o=o.parentNode}return o},t.isInContainer=function(e,t){if(!e||!t)return!1;var o=e.getBoundingClientRect(),n=void 0;return n=[window,document,document.documentElement,null,void 0].includes(t)?{top:0,right:window.innerWidth,bottom:window.innerHeight,left:0}:t.getBoundingClientRect(),o.top<n.bottom&&o.bottom>n.top&&o.right>n.left&&o.left<n.right}},70:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=o(71),l=(n=i)&&n.__esModule?n:{default:n};l.default.install=function(e){e.component(l.default.name,l.default)},t.default=l.default},71:function(e,t,o){"use strict";o.r(t);var n=o(42),i=o(12);for(var l in i)["default"].indexOf(l)<0&&function(e){o.d(t,e,(function(){return i[e]}))}(l);var s=o(3),a=Object(s.a)(i.default,n.a,n.b,!1,null,null,null);t.default=a.exports},72:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PopupManager=void 0;var n=a(o(73)),i=a(o(74)),l=a(o(34)),s=o(51);function a(e){return e&&e.__esModule?e:{default:e}}var r=1,d=void 0;t.default={props:{visible:{type:Boolean,default:!1},openDelay:{},closeDelay:{},zIndex:{},modal:{type:Boolean,default:!1},modalFade:{type:Boolean,default:!0},modalClass:{},modalAppendToBody:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!1}},beforeMount:function(){this._popupId="popup-"+r++,i.default.register(this._popupId,this)},beforeDestroy:function(){i.default.deregister(this._popupId),i.default.closeModal(this._popupId),this.restoreBodyStyle()},data:function(){return{opened:!1,bodyPaddingRight:null,computedBodyPaddingRight:0,withoutHiddenClass:!0,rendered:!1}},watch:{visible:function(e){var t=this;if(e){if(this._opening)return;this.rendered?this.open():(this.rendered=!0,this.$nextTick((function(){t.open()})))}else this.close()}},methods:{open:function(e){var t=this;this.rendered||(this.rendered=!0);var o=(0,n.default)({},this.$props||this,e);this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null),clearTimeout(this._openTimer);var i=Number(o.openDelay);i>0?this._openTimer=setTimeout((function(){t._openTimer=null,t.doOpen(o)}),i):this.doOpen(o)},doOpen:function(e){if(!this.$isServer&&(!this.willOpen||this.willOpen())&&!this.opened){this._opening=!0;var t=this.$el,o=e.modal,n=e.zIndex;if(n&&(i.default.zIndex=n),o&&(this._closing&&(i.default.closeModal(this._popupId),this._closing=!1),i.default.openModal(this._popupId,i.default.nextZIndex(),this.modalAppendToBody?void 0:t,e.modalClass,e.modalFade),e.lockScroll)){this.withoutHiddenClass=!(0,s.hasClass)(document.body,"y-popup-parent--hidden"),this.withoutHiddenClass&&(this.bodyPaddingRight=document.body.style.paddingRight,this.computedBodyPaddingRight=parseInt((0,s.getStyle)(document.body,"paddingRight"),10)),d=(0,l.default)();var a=document.documentElement.clientHeight<document.body.scrollHeight,r=(0,s.getStyle)(document.body,"overflowY");d>0&&(a||"scroll"===r)&&this.withoutHiddenClass&&(document.body.style.paddingRight=this.computedBodyPaddingRight+d+"px"),(0,s.addClass)(document.body,"y-popup-parent--hidden")}"static"===getComputedStyle(t).position&&(t.style.position="absolute"),t.style.zIndex=i.default.nextZIndex(),this.opened=!0,this.onOpen&&this.onOpen(),this.doAfterOpen()}},doAfterOpen:function(){this._opening=!1},close:function(){var e=this;if(!this.willClose||this.willClose()){null!==this._openTimer&&(clearTimeout(this._openTimer),this._openTimer=null),clearTimeout(this._closeTimer);var t=Number(this.closeDelay);t>0?this._closeTimer=setTimeout((function(){e._closeTimer=null,e.doClose()}),t):this.doClose()}},doClose:function(){this._closing=!0,this.onClose&&this.onClose(),this.lockScroll&&setTimeout(this.restoreBodyStyle,200),this.opened=!1,this.doAfterClose()},doAfterClose:function(){i.default.closeModal(this._popupId),this._closing=!1},restoreBodyStyle:function(){this.modal&&this.withoutHiddenClass&&(document.body.style.paddingRight=this.bodyPaddingRight,(0,s.removeClass)(document.body,"y-popup-parent--hidden")),this.withoutHiddenClass=!0}}},t.PopupManager=i.default},73:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){for(var t=1,o=arguments.length;t<o;t++){var n=arguments[t]||{};for(var i in n)if(n.hasOwnProperty(i)){var l=n[i];void 0!==l&&(e[i]=l)}}return e}},74:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(51),i=!1,l=!1,s=void 0,a=function(){var e=d.modalDom;return e?i=!0:(i=!1,e=document.createElement("div"),d.modalDom=e,e.addEventListener("touchmove",(function(e){e.preventDefault(),e.stopPropagation()})),e.addEventListener("click",(function(){d.doOnModalClick&&d.doOnModalClick()}))),e},r={},d={modalFade:!0,getInstance:function(e){return r[e]},register:function(e,t){e&&t&&(r[e]=t)},deregister:function(e){e&&(r[e]=null,delete r[e])},nextZIndex:function(){return d.zIndex++},modalStack:[],doOnModalClick:function(){var e=d.modalStack[d.modalStack.length-1];if(e){var t=d.getInstance(e.id);t&&t.closeOnClickModal&&t.close()}},openModal:function(e,t,o,l,s){if(e&&void 0!==t){this.modalFade=s;for(var r=this.modalStack,d=0,u=r.length;d<u;d++){if(r[d].id===e)return}var c=a();if((0,n.addClass)(c,"v-modal"),this.modalFade&&!i&&(0,n.addClass)(c,"v-modal-enter"),l)l.trim().split(/\s+/).forEach((function(e){return(0,n.addClass)(c,e)}));setTimeout((function(){(0,n.removeClass)(c,"v-modal-enter")}),200),o&&o.parentNode&&11!==o.parentNode.nodeType?o.parentNode.appendChild(c):document.body.appendChild(c),t&&(c.style.zIndex=t),c.tabIndex=0,c.style.display="",this.modalStack.push({id:e,zIndex:t,modalClass:l})}},closeModal:function(e){var t=this.modalStack,o=a();if(t.length>0){var i=t[t.length-1];if(i.id===e){if(i.modalClass)i.modalClass.trim().split(/\s+/).forEach((function(e){return(0,n.removeClass)(o,e)}));t.pop(),t.length>0&&(o.style.zIndex=t[t.length-1].zIndex)}else for(var l=t.length-1;l>=0;l--)if(t[l].id===e){t.splice(l,1);break}}0===t.length&&(this.modalFade&&(0,n.addClass)(o,"v-modal-leave"),setTimeout((function(){0===t.length&&(o.parentNode&&o.parentNode.removeChild(o),o.style.display="none",d.modalDom=void 0),(0,n.removeClass)(o,"v-modal-leave")}),200))}};Object.defineProperty(d,"zIndex",{configurable:!0,get:function(){return l||(s=s||2e3,l=!0),s},set:function(e){s=e}}),t.default=d}});