weex-flymeui
Version:
A Flyme Style UI library based on Weex for Creator.
3 lines (2 loc) • 12.9 kB
JavaScript
// { "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 n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},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="/",n(n.s=65)}({0:function(e,t){e.exports=function(e,t,n,o,r){var i,s=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(i=e,s=e.default);var u,l="function"==typeof s?s.options:s;if(t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),o&&(l._scopeId=o),r?(u=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__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=u):n&&(u=n),u){var p=l.functional,c=p?l.render:l.beforeCreate;p?l.render=function(e,t){return u.call(t),c(e,t)}:l.beforeCreate=c?[].concat(c,u):[u]}return{esModule:i,exports:s,options:l}}},1:function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var r=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(o),i=o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"});return[n].concat(i).concat([r]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<e.length;r++){var s=e[r];"number"==typeof s[0]&&o[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},2:function(e,t,n){var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)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 r=n(3),i={},s=o&&(document.head||document.getElementsByTagName("head")[0]),a=null,u=0,l=!1,p=function(){},c=null,f="data-vue-ssr-id",d="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(e){for(var t=0;t<e.length;t++){var n=e[t],o=i[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(y(n.parts[r]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{var s=[];for(r=0;r<n.parts.length;r++)s.push(y(n.parts[r]));i[n.id]={id:n.id,refs:1,parts:s}}}}function v(){var e=document.createElement("style");return e.type="text/css",s.appendChild(e),e}function y(e){var t,n,o=document.querySelector("style["+f+'~="'+e.id+'"]');if(o){if(l)return p;o.parentNode.removeChild(o)}if(d){var r=u++;o=a||(a=v()),t=g.bind(null,o,r,!1),n=g.bind(null,o,r,!0)}else o=v(),t=function(e,t){var n=t.css,o=t.media,r=t.sourceMap;o&&e.setAttribute("media",o);c.ssrId&&e.setAttribute(f,t.id);r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.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()}}e.exports=function(e,t,n,o){l=n,c=o||{};var s=r(e,t);return h(s),function(t){for(var n=[],o=0;o<s.length;o++){var a=s[o];(u=i[a.id]).refs--,n.push(u)}t?h(s=r(e,t)):s=[];for(o=0;o<n.length;o++){var u;if(0===(u=n[o]).refs){for(var l=0;l<u.parts.length;l++)u.parts[l]();delete i[u.id]}}}};var m=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function g(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=m(t,r);else{var i=document.createTextNode(r),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}},21:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(22);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},22:function(e,t,n){var o=!1;var r=n(0)(n(25),n(26),function(e){o||n(23)},"data-v-10e45e81",null);r.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-overlay/index.vue",r.esModule&&Object.keys(r.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),r.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=r.exports},23:function(e,t,n){var o=n(24);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("94068fec",o,!1,{})},24:function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"\n.fm-overlay[data-v-10e45e81] {\n width: 10rem;\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n",""])},25:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=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,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.duration,r=this.hasAnimation,i=this.timingFunction,s=this.canAutoClose,a=!e&&s;a&&this.$emit("fmOverlayBodyClicking",{});var u=this.$refs["fm-overlay"];r&&u?o.transition(u,{styles:{opacity:e?1:0},duration:n,timingFunction:i[e?0:1],delay:0},function(){a&&t.$emit("fmOverlayBodyClicked",{})}):a&&this.$emit("fmOverlayBodyClicked",{})},hide:function(){this.appearOverlay(!1)}}}},26:function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(e.isCreator?"FmOverlayNative":"div",{tag:"component",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),attrs:{visible:e.show,touchable:e.canAutoClose},on:{onDismiss:e.overlayClicked}},[e.show&&!e.isCreator?n("div",{ref:"fm-overlay",staticClass:"fm-overlay",staticStyle:e.$processStyle(void 0),style:e.$processStyle(e.overlayStyle),attrs:{watch:e.shouldShow},on:{click:e.overlayClicked}},[e._t("default")],2):e._e(),e._v(" "),e.isCreator?n("div",[e._t("default")],2):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0},3:function(e,t){e.exports=function(e,t){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],s=i[0],a={id:e+":"+r,css:i[1],media:i[2],sourceMap:i[3]};o[s]?o[s].parts.push(a):n.push(o[s]={id:s,parts:[a]})}return n}},65:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(66);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},66:function(e,t,n){var o=!1;var r=n(0)(n(69),n(70),function(e){o||n(67)},"data-v-0a22d546",null);r.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-popup/index.vue",r.esModule&&Object.keys(r.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),r.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=r.exports},67:function(e,t,n){var o=n(68);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("2b678b99",o,!1,{})},68:function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"\n.fm-popup[data-v-0a22d546] {\n\t\tposition: fixed;\n\t\twidth: 10rem;\n}\n.top[data-v-0a22d546] {\n left: 0;\n right: 0;\n}\n.bottom[data-v-0a22d546] {\n left: 0;\n right: 0;\n}\n.left[data-v-0a22d546] {\n bottom: 0;\n top: 0;\n}\n.right[data-v-0a22d546] {\n bottom: 0;\n top: 0;\n}\n",""])},69:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}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}}(n(21));var s=weex.requireModule("animation"),a=weex.config.env.platform,u="object"===("undefined"==typeof window?"undefined":r(window))&&"web"===a.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,n=this.height,r={width:t+"px",backgroundColor:this.popupColor};return"top"===e&&(r=o({},r,{top:-n+"px",height:n+"px"})),"bottom"===e&&(r=o({},r,{bottom:-n+"px",height:n+"px"})),"left"===e&&(r=o({},r,{left:-t+"px"})),"right"===e&&(r=o({},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,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300;this.isShow=e;var r=this.$refs["fm-popup"];r&&s.transition(r,o({styles:{transform:this.getTransform(this.pos,this.width,this.height,!e)},duration:n,delay:0},this.animation),function(){e||t.$emit("fmPopupOverlayClicked",{pos:t.pos})})},getTransform:function(e,t,n,o){var r="top"===e||"bottom"===e?n:t,i=void 0;switch(u&&(r-=this.standOut),o&&(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}}}},70:function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),on:{touchend:e.handleTouchEnd}},[e.show?n("fm-overlay",e._b({ref:"overlay",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),attrs:{show:e.haveOverlay&&e.isOverShow,"use-native":!1},on:{fmOverlayBodyClicking:e.fmOverlayBodyClicking}},"fm-overlay",e.overlayCfg,!1)):e._e()],1),e._v(" "),e.show?n("div",{ref:"fm-popup",class:["fm-popup",e.pos],staticStyle:e.$processStyle(void 0),style:e.$processStyle(e.padStyle),attrs:{height:e._height,hack:e.isNeedShow},on:{click:function(){}}},[e._t("default")],2):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0}})});