@xysfe/actui/es/assets/common/layer.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/common/popup.js"),require("@xysfe/actui/es/assets/mixins/fontsize.js"),require("@xysfe/actui/es/assets/img/close_sq4.png")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/mixins/visible.js","@xysfe/actui/es/assets/common/popup.js","@xysfe/actui/es/assets/mixins/fontsize.js","@xysfe/actui/es/assets/img/close_sq4.png"],t):"object"==typeof exports?exports["assets/common/layer.js"]=t(require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/common/popup.js"),require("@xysfe/actui/es/assets/mixins/fontsize.js"),require("@xysfe/actui/es/assets/img/close_sq4.png")):e["assets/common/layer.js"]=t(e["@xysfe/actui/es/assets/mixins/visible.js"],e["@xysfe/actui/es/assets/common/popup.js"],e["@xysfe/actui/es/assets/mixins/fontsize.js"],e["@xysfe/actui/es/assets/img/close_sq4.png"])}("undefined"!=typeof self?self:this,function(e,t,n,r){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},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=934)}({134:function(t,n){t.exports=e},35:function(e,t){function n(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var a=r(o);return[n].concat(o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"})).concat([a]).join("\n")}return[n].join("\n")}function r(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 r=n(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];"number"==typeof a&&(r[a]=!0)}for(o=0;o<e.length;o++){var s=e[o];"number"==typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},36:function(e,t,n){"use strict";function r(e,t,n,r){m=n,g=r||{};var a=Object(u.a)(e,t);return o(a),function(t){for(var n=[],r=0;r<a.length;r++){var s=a[r],i=l[s.id];i.refs--,n.push(i)}t?(a=Object(u.a)(e,t),o(a)):a=[];for(var r=0;r<n.length;r++){var i=n[r];if(0===i.refs){for(var c=0;c<i.parts.length;c++)i.parts[c]();delete l[i.id]}}}}function o(e){for(var t=0;t<e.length;t++){var n=e[t],r=l[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(s(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],o=0;o<n.parts.length;o++)a.push(s(n.parts[o]));l[n.id]={id:n.id,refs:1,parts:a}}}}function a(){var e=document.createElement("style");return e.type="text/css",f.appendChild(e),e}function s(e){var t,n,r=document.querySelector("style["+v+'~="'+e.id+'"]');if(r){if(m)return y;r.parentNode.removeChild(r)}if(b){var o=h++;r=p||(p=a()),t=i.bind(null,r,o,!1),n=i.bind(null,r,o,!0)}else r=a(),t=c.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function i(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=x(t,o);else{var a=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(a,s[t]):e.appendChild(a)}}function c(e,t){var n=t.css,r=t.media,o=t.sourceMap;if(r&&e.setAttribute("media",r),g.ssrId&&e.setAttribute(v,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),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=r;var u=n(40),d="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!d)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 l={},f=d&&(document.head||document.getElementsByTagName("head")[0]),p=null,h=0,m=!1,y=function(){},g=null,v="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase()),x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},40:function(e,t,n){"use strict";function r(e,t){for(var n=[],r={},o=0;o<t.length;o++){var a=t[o],s=a[0],i=a[1],c=a[2],u=a[3],d={id:e+":"+o,css:i,media:c,sourceMap:u};r[s]?r[s].parts.push(d):n.push(r[s]={id:s,parts:[d]})}return n}t.a=r},554:function(e,n){e.exports=t},684:function(e,t,n){"use strict";var r=n(134),o=n.n(r),a=n(554),s=n.n(a),i=n(937),c=n.n(i);t.a={name:"ActLayer",mixins:[o.a,c.a],methods:{hideLayer:function(e){this.$emit("hidelayer",e)},headLoaded:function(){}},props:{type:{type:String,default:"big"},headImg:{type:String,default:""},headImgColor:{type:String,default:""},hbgColor:{type:String,default:""},cbgColor:{type:String,default:""},showHead:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},opacity:{type:[Number,String],default:.7},zIndex:{type:[String,Number],default:"999"}},computed:{_headerBgColor:function(){return this.hbgColor?this.hbgColor:"big"===this.type?"#f9443c":"#f7debb"},_contentBgColor:function(){return this.cbgColor?this.cbgColor:"big"===this.type||"img"===this.type?"#fff":"#f9443c"}},components:{ActPopup:s.a}}},8:function(e,t,n){"use strict";function r(e,t,n,r,o,a,s,i){e=e||{};var c=typeof e.default;"object"!==c&&"function"!==c||(e=e.default);var u="function"==typeof e?e.options:e;t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),a&&(u._scopeId=a);var d;if(s?(d=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__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},u._ssrRegister=d):o&&(d=i?function(){o.call(this,this.$root.$options.shadowRoot)}:o),d)if(u.functional){u._injectStyles=d;var l=u.render;u.render=function(e,t){return d.call(t),l(e,t)}}else{var f=u.beforeCreate;u.beforeCreate=f?[].concat(f,d):[d]}return{exports:e,options:u}}t.a=r},934:function(e,t,n){"use strict";function r(e){i||n(935)}Object.defineProperty(t,"__esModule",{value:!0});var o=n(684),a=n(938),s=n(8),i=!1,c=r,u=Object(s.a)(o.a,a.a,a.b,!1,c,"data-v-a275e3e0",null);u.options.__file="src\\components\\common\\layer.vue",t.default=u.exports},935:function(e,t,n){var r=n(936);r.__esModule&&(r=r.default),"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);var o=n(36).default;o("351a0854",r,!1,{})},936:function(e,t,n){t=e.exports=n(35)(!1),t.push([e.i,"\n*[data-v-a275e3e0]{-webkit-tap-highlight-color:transparent\n}\n.act-layer[data-v-a275e3e0]{max-width:60em;width:86%;z-index:99;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;line-height:1\n}\n.act-layer .layer-wrap[data-v-a275e3e0]{border-bottom-left-radius:8px;border-bottom-right-radius:8px\n}\n.act-layer .head-img[data-v-a275e3e0]{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden\n}\n.act-layer .head-img img[data-v-a275e3e0]{display:block;width:100%\n}\n.act-layer-header[data-v-a275e3e0]{position:relative;margin-bottom:1.4em;z-index:2\n}\n.act-layer-header[data-v-a275e3e0]:after{content:\"\";position:absolute;bottom:-1.4em;left:-10%;right:-10%;height:5.6em;border-radius:0 0 50% 50%;background-color:currentColor;z-index:-1\n}\n.act-layer-slim .act-layer-header[data-v-a275e3e0]{margin-bottom:0;padding-top:1.5em;background-color:initial !important\n}\n.act-layer-slim .act-layer-header[data-v-a275e3e0]:after{top:0;left:-12%;right:-12%;height:1.5em\n}\n.act-layer-content[data-v-a275e3e0]{border-bottom-left-radius:8px;border-bottom-right-radius:8px;position:relative;z-index:1\n}\n.act-layer-content.fix-gap[data-v-a275e3e0]::before{content:'';position:absolute;width:100%;background-color:inherit;height:2PX;top:-1PX\n}\n.act-layer-close[data-v-a275e3e0]{width:100%;margin-top:2em\n}\n.act-layer-close img[data-v-a275e3e0]{display:block;margin:0 auto;width:3.5em;height:3.5em;pointer-events:auto !important\n}\n",""])},937:function(e,t){e.exports=n},938:function(e,t,n){"use strict";n.d(t,"a",function(){return r}),n.d(t,"b",function(){return o});var r=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("act-popup",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],attrs:{zIndex:e.zIndex,opacity:e.opacity},scopedSlots:e._u([{key:"mask",fn:function(){return[r("div",{staticClass:"act-layer",class:"act-layer-"+e.type,style:{fontSize:e._fontSize}},["img"===e.type?[r("div",{ref:"headImg",staticClass:"head-img",style:{backgroundColor:e.headImgColor}},[r("img",{attrs:{src:e.headImg},on:{load:e.headLoaded}})]),e._v(" "),r("div",{staticClass:"act-layer-content fix-gap",style:{backgroundColor:e._contentBgColor}},[r("div",[e._t("content")],2)])]:r("div",{staticClass:"layer-wrap",style:{backgroundColor:e._contentBgColor}},[e.showHead?r("div",{staticClass:"act-layer-header",style:{color:e._headerBgColor,backgroundColor:e._headerBgColor}},[e._t("header")],2):e._e(),e._v(" "),r("div",{staticClass:"act-layer-content"},[e._t("content")],2)]),e._v(" "),e.showClose?r("div",{staticClass:"act-layer-close"},[r("img",{attrs:{src:n(939)},on:{click:e.hideLayer}})]):e._e()],2)]},proxy:!0}],null,!0)})},o=[];r._withStripped=!0},939:function(e,t){e.exports=r}})});