@xysfe/actui/es/assets/common/popup.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/mixins/visible.js"),require("@xysfe/actui/es/assets/mixins/popup.js")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/mixins/visible.js","@xysfe/actui/es/assets/mixins/popup.js"],t):"object"==typeof exports?exports["assets/common/popup.js"]=t(require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/mixins/popup.js")):e["assets/common/popup.js"]=t(e["@xysfe/actui/es/assets/mixins/visible.js"],e["@xysfe/actui/es/assets/mixins/popup.js"])}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="../es",t(t.s=938)}({134:function(t,n){t.exports=e},35:function(e,t){function n(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var s=o(r);return[n].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([s]).join("\n")}return[n].join("\n")}function o(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var o=n(t,e);return t[2]?"@media "+t[2]+"{"+o+"}":o}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var s=this[r][0];"number"==typeof s&&(o[s]=!0)}for(r=0;r<e.length;r++){var i=e[r];"number"==typeof i[0]&&o[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),t.push(i))}},t}},36:function(e,t,n){"use strict";function o(e,t,n,o){v=n,y=o||{};var s=Object(u.a)(e,t);return r(s),function(t){for(var n=[],o=0;o<s.length;o++){var i=s[o],a=f[i.id];a.refs--,n.push(a)}t?(s=Object(u.a)(e,t),r(s)):s=[];for(var o=0;o<n.length;o++){var a=n[o];if(0===a.refs){for(var p=0;p<a.parts.length;p++)a.parts[p]();delete f[a.id]}}}}function r(e){for(var t=0;t<e.length;t++){var n=e[t],o=f[n.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](n.parts[r]);for(;r<n.parts.length;r++)o.parts.push(i(n.parts[r]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{for(var s=[],r=0;r<n.parts.length;r++)s.push(i(n.parts[r]));f[n.id]={id:n.id,refs:1,parts:s}}}}function s(){var e=document.createElement("style");return e.type="text/css",l.appendChild(e),e}function i(e){var t,n,o=document.querySelector("style["+b+'~="'+e.id+'"]');if(o){if(v)return h;o.parentNode.removeChild(o)}if(x){var r=m++;o=d||(d=s()),t=a.bind(null,o,r,!1),n=a.bind(null,o,r,!0)}else o=s(),t=p.bind(null,o),n=function(){o.parentNode.removeChild(o)};return t(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;t(e=o)}else n()}}function a(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=g(t,r);else{var s=document.createTextNode(r),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(s,i[t]):e.appendChild(s)}}function p(e,t){var n=t.css,o=t.media,r=t.sourceMap;if(o&&e.setAttribute("media",o),y.ssrId&&e.setAttribute(b,t.id),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(40),c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var f={},l=c&&(document.head||document.getElementsByTagName("head")[0]),d=null,m=0,v=!1,h=function(){},y=null,b="data-vue-ssr-id",x="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase()),g=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},40:function(e,t,n){"use strict";function o(e,t){for(var n=[],o={},r=0;r<t.length;r++){var s=t[r],i=s[0],a=s[1],p=s[2],u=s[3],c={id:e+":"+r,css:a,media:p,sourceMap:u};o[i]?o[i].parts.push(c):n.push(o[i]={id:i,parts:[c]})}return n}t.a=o},555:function(e,n){e.exports=t},685:function(e,t,n){"use strict";var o=n(134),r=n.n(o),s=n(555),i=n.n(s);t.a={name:"ActPopup",mixins:[r.a,i.a],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},opacity:{type:[Number,String],default:.7},pointerEvent:{type:String,default:""},zIndex:{type:[String,Number],default:"999"},topBorderRadius:{type:Boolean,default:!1}},computed:{typeClass:function(){return this.type?"act-"+this.type:""},maskBgColor:function(){return"rgba(0, 0, 0, "+this.opacity+")"}},methods:{maskClick:function(e){this.$emit("mask-click",e)}}}},8:function(e,t,n){"use strict";function o(e,t,n,o,r,s,i,a){e=e||{};var p=typeof e.default;"object"!==p&&"function"!==p||(e=e.default);var u="function"==typeof e?e.options:e;t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),o&&(u.functional=!0),s&&(u._scopeId=s);var c;if(i?(c=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__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},u._ssrRegister=c):r&&(c=a?function(){r.call(this,this.$root.$options.shadowRoot)}:r),c)if(u.functional){u._injectStyles=c;var f=u.render;u.render=function(e,t){return c.call(t),f(e,t)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,c):[c]}return{exports:e,options:u}}t.a=o},938:function(e,t,n){"use strict";function o(e){a||n(939)}Object.defineProperty(t,"__esModule",{value:!0});var r=n(685),s=n(941),i=n(8),a=!1,p=o,u=Object(i.a)(r.a,s.a,s.b,!1,p,null,null);u.options.__file="src\\components\\common\\popup.vue",t.default=u.exports},939:function(e,t,n){var o=n(940);o.__esModule&&(o=o.default),"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=n(36).default;r("3e827dff",o,!1,{})},940:function(e,t,n){t=e.exports=n(35)(!1),t.push([e.i,"\n.act-popup{position:fixed;left:0;right:0;top:0;bottom:0;max-width:100vw;content:'viewport-units-buggyfill; max-width: 100vw'\n}\n.act-popup-mask,.act-popup-container{position:absolute;width:100%;height:100%\n}\n.act-popup-mask{overflow:hidden\n}\n.act-popup-mask::before{content:\".\";display:block;width:1px;height:1px;background-color:rgba(0,0,0,0.1);margin-left:-10px\n}\n.act-popup-container{-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)\n}\n.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%)\n}\n.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)\n}\n.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px\n}\n.act-popup-top-radius.act-popup-content{overflow:hidden\n}\n",""])},941:function(e,t,n){"use strict";n.d(t,"a",function(){return o}),n.d(t,"b",function(){return r});var o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],staticClass:"act-popup",class:e.typeClass,style:{pointerEvents:e.pointerEvent,zIndex:e.zIndex}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.mask,expression:"mask"}],staticClass:"act-popup-mask act-row act-middle",style:{backgroundColor:e.maskBgColor},on:{click:e.maskClick}},[e._t("mask")],2),e._v(" "),n("div",{staticClass:"act-popup-container",class:{"act-popup-center":e.center}},[e.$slots.default?n("div",{class:{"act-popup-content":!0,"act-popup-top-radius":e.topBorderRadius}},[e._t("default")],2):n("div",{class:{"act-popup-content":!0,"act-popup-top-radius":e.topBorderRadius},domProps:{innerHTML:e._s(e.content)}})])])},r=[];o._withStripped=!0}})});