weex-flymeui/dist/components/fm-popup/index.weex.js

A Flyme Style UI library based on Weex for Creator.

// { "framework": "Vue" }

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["npm/weex-flymeui/components/fm-popup/index"]=t():e["npm/weex-flymeui/components/fm-popup/index"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get: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=53)}({16:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(17);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}})},17:function(e,t,o){var n,r,i=[];i.push(o(18)),n=o(19);var a=o(20);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(Object.keys(n).some(function(e){return"default"!==e&&"__esModule"!==e})&&console.error("named exports are not supported in *.vue files."),r=n=n.default),"function"==typeof r&&(r=r.options),r.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-overlay/index.vue",r.render=a.render,r.staticRenderFns=a.staticRenderFns,r._scopeId="data-v-e3dfd8de",r.style=r.style||{},i.forEach(function(e){for(var t in e)r.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(r._scopeId,i),e.exports=n},18:function(e,t){e.exports={"fm-overlay":{width:"1080",position:"fixed",left:0,top:0,bottom:0,right:0,alignItems:"center",justifyContent:"center"}}},19:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=weex.requireModule("animation");t.default={name:"FmOverlay",props:{show:{type:Boolean,default:!0},hasAnimation:{type:Boolean,default:!0},duration:{type:[Number,String],default:300},timingFunction:{type:Array,default:function(){return["ease-in","ease-out"]}},opacity:{type:[Number,String],default:.5},canAutoClose:{type:Boolean,default:!0},useNative:{type:Boolean,default:!0}},computed:{overlayStyle:function(){return{opacity:this.hasAnimation?0:1,backgroundColor:"rgba(0, 0, 0,"+this.opacity+")"}},shouldShow:function(){var e=this;if(!this.isCreator){var t=this.show;return this.hasAnimation&&setTimeout(function(){e.appearOverlay(t)},50),t}},isCreator:function(){return this.useNative&&weex.supports&&weex.supports("@component/FmOverlayNative")}},methods:{overlayClicked:function(e){this.canAutoClose?this.appearOverlay(!1):this.$emit("fmOverlayBodyClicked",{})},appearOverlay:function(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.duration,r=this.hasAnimation,i=this.timingFunction,a=this.canAutoClose,s=!e&&a;s&&this.$emit("fmOverlayBodyClicking",{});var u=this.$refs["fm-overlay"];r&&u?n.transition(u,{styles:{opacity:e?1:0},duration:o,timingFunction:i[e?0:1],delay:0},function(){s&&t.$emit("fmOverlayBodyClicked",{})}):s&&this.$emit("fmOverlayBodyClicked",{})},hide:function(){this.appearOverlay(!1)}}}},20:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o(e.isCreator?"FmOverlayNative":"div",{tag:"component",attrs:{visible:e.show,touchable:e.canAutoClose},on:{onDismiss:e.overlayClicked}},[e.show&&!e.isCreator?o("div",{ref:"fm-overlay",staticClass:["fm-overlay"],style:e.overlayStyle,attrs:{watch:e.shouldShow},on:{click:e.overlayClicked}},[e._t("default")],2):e._e(),e.isCreator?o("div",[e._t("default")],2):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0},53:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(54);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}})},54:function(e,t,o){var n,r,i=[];i.push(o(55)),n=o(56);var a=o(57);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(Object.keys(n).some(function(e){return"default"!==e&&"__esModule"!==e})&&console.error("named exports are not supported in *.vue files."),r=n=n.default),"function"==typeof r&&(r=r.options),r.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-popup/index.vue",r.render=a.render,r.staticRenderFns=a.staticRenderFns,r._scopeId="data-v-e2b76326",r.style=r.style||{},i.forEach(function(e){for(var t in e)r.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(r._scopeId,i),e.exports=n},55:function(e,t){e.exports={"fm-popup":{position:"fixed",width:"1080"},top:{left:0,right:0},bottom:{left:0,right:0},left:{bottom:0,top:0},right:{bottom:0,top:0}}},56:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},r="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},i=function(e){return e&&e.__esModule?e:{default:e}}(o(16));var a=weex.requireModule("animation"),s=weex.config.env.platform,u="object"===("undefined"==typeof window?"undefined":r(window))&&"web"===s.toLowerCase();t.default={name:"FmPopup",components:{FmOverlay:i.default},props:{show:{type:Boolean,default:!1},pos:{type:String,default:"bottom"},popupColor:{type:String,default:"#FFFFFF"},overlayCfg:{type:Object,default:function(){return{hasAnimation:!0,timingFunction:["ease-in","ease-out"],duration:300,opacity:.5}}},height:{type:[Number,String],default:840},standOut:{type:[Number,String],default:0},width:{type:[Number,String],default:1080},animation:{type:Object,default:function(){return{timingFunction:"ease-out"}}}},data:function(){return{haveOverlay:!0,isOverShow:!0}},computed:{isNeedShow:function(){var e=this;return setTimeout(function(){e.appearPopup(e.show)},50),this.show},_height:function(){return this.appearPopup(this.show,150),this.height},transformValue:function(){return this.getTransform(this.pos,this.width,this.height,!0)},padStyle:function(){var e=this.pos,t=this.width,o=this.height,r={width:t+"px",backgroundColor:this.popupColor};return"top"===e&&(r=n({},r,{top:-o+"px",height:o+"px"})),"bottom"===e&&(r=n({},r,{bottom:-o+"px",height:o+"px"})),"left"===e&&(r=n({},r,{left:-t+"px"})),"right"===e&&(r=n({},r,{right:-t+"px"})),r}},methods:{handleTouchEnd:function(e){"Web"===weex.config.env.platform&&e.preventDefault&&e.preventDefault()},hide:function(){this.appearPopup(!1),this.$refs.overlay.appearOverlay(!1)},fmOverlayBodyClicking:function(){this.isShow&&this.appearPopup(!1)},appearPopup:function(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300;this.isShow=e;var r=this.$refs["fm-popup"];r&&a.transition(r,n({styles:{transform:this.getTransform(this.pos,this.width,this.height,!e)},duration:o,delay:0},this.animation),function(){e||t.$emit("fmPopupOverlayClicked",{pos:t.pos})})},getTransform:function(e,t,o,n){var r="top"===e||"bottom"===e?o:t,i=void 0;switch(u&&(r-=this.standOut),n&&(r=0),e){case"top":i="translateY("+r+"px)";break;case"bottom":i="translateY(-"+r+"px)";break;case"left":i="translateX("+r+"px)";break;case"right":i="translateX(-"+r+"px)"}return i}}}},57:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",[o("div",{on:{touchend:e.handleTouchEnd}},[e.show?o("fm-overlay",e._b({ref:"overlay",attrs:{show:e.haveOverlay&&e.isOverShow,useNative:!1},on:{fmOverlayBodyClicking:e.fmOverlayBodyClicking}},"fm-overlay",e.overlayCfg,!1)):e._e()],1),e.show?o("div",{ref:"fm-popup",class:["fm-popup",e.pos],style:e.padStyle,attrs:{height:e._height,hack:e.isNeedShow},on:{click:function(){}}},[e._t("default")],2):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0}})});