weex-flymeui
Version:
A Flyme Style UI library based on Weex for Creator.
3 lines (2 loc) • 12.4 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-popover/index"]=t():e["npm/weex-flymeui/components/fm-popover/index"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.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=131)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={biaoqing:"",bofang:"",bianji:"",bofang2:"",cebianlan:"",caijian:"",chakan:"",chexiao:"",chuangkouhua:"",daojishi:"",dianzan:"",chuangkouhua2:"",dianhua:"",diannao:"",dingwei2:"",dingwei:"",dingyue:"",erweima:"",fanhui:"",fasong:"",fujian:"",fenlei:"",fanhui2:"ູ",fenxiang:"",fuzhi:"",gengduo:"",gouwuche:"",gongjuxiang:"",gengduo2:"",guanbi:"",jishi:"",hongxin:"",jingyin:"",jianpan:"",jiesuo:"",jisuanqi:"󦰶",liangdu:"",lvjing:"",paixu:"",paihang:"",paizhao:"",pingmutoushe:"",riqi:"",shanchu:"",shangchaun:"",shangyishou:"",shezhi:"",shizhong:"",shezhi1:"",sousuo:"",shuqian:"",shuoming:"",shuaxin:"",suoding:"",shipin:"",tuichu:"",tupian:"",tianjia:"",tixing:"",wancheng:"",wengao:"",xiayishou:"",xinxi:"",xiazai:"",xingxing:"",xinxi1:"",xuanxiangliebiao:"",yidu:"",yinliang:"",yinbi:"",yuyin:"",zanting:"",yonghu:"",youjian:"",zhiding:"",chongzuo:"",zhuye:"",ziti:"",VPN:"","Wi-Fi":"",zhuti:"",lanya:"",quanping:"",pingmufanzhuan:"",gouwu:"",saomiao:""}},131:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(132);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},132:function(e,t,n){var o,i,a=[];a.push(n(133)),o=n(134);var r=n(135);i=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(Object.keys(o).some(function(e){return"default"!==e&&"__esModule"!==e})&&console.error("named exports are not supported in *.vue files."),i=o=o.default),"function"==typeof i&&(i=i.options),i.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-popover/index.vue",i.render=r.render,i.staticRenderFns=r.staticRenderFns,i._scopeId="data-v-483507a6",i.style=i.style||{},a.forEach(function(e){for(var t in e)i.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(i._scopeId,a),e.exports=o},133:function(e,t){e.exports={"popover-wrap":{position:"fixed",width:"1080",zIndex:99999},popover:{position:"fixed",zIndex:99,width:"628",paddingTop:"20",paddingRight:"20",paddingBottom:"20",paddingLeft:"20",borderRadius:"10"},content:{flex:1,boxShadow:"0 0 15px 0 rgba(0, 0, 0, 0.2)",backgroundColor:"#FFFFFF",borderRadius:"10",overflow:"hidden"},item:{height:"168",paddingTop:0,paddingRight:"48",paddingBottom:0,paddingLeft:"48"},"item-content":{flex:1,flexDirection:"row",borderBottomWidth:"2",borderColor:"rgba(0,0,0,0.1)",alignItems:"center"},"item-text":{fontSize:"48"},"item-icon":{marginRight:"15"}}},134:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(n(16)),i=a(n(2));function a(e){return e&&e.__esModule?e:{default:e}}var r=weex.requireModule("animation");t.default={name:"FmPopover",components:{FmOverlay:o.default,FmIcon:i.default},props:{buttons:{type:Array,default:function(){return[]}},position:{type:Object,default:function(){return{pos:"top",x:0,y:0}}},hasAnimation:{type:Boolean,default:!0},overlayOpacity:{type:Number,default:0}},data:function(){return{show:!1,showIn:!1}},computed:{popoverStyle:function(){var e=this.position,t=e.x,n=void 0===t?0:t,o=e.y,i=void 0===o?0:o,a=e.pos,r=void 0===a?"top":a,s={};switch(n<0?s.right=-n+"px":s.left=n+"px",i<0?s.bottom=-i+"px":s.top=i+"px",r){case"top":s.transform="translateY("+(this.showIn?0:-20)+"px)";break;case"bottom":s.transform="translateY("+(this.showIn?0:20)+"px)";break;case"left":s.transform="translateX("+(this.showIn?0:-20)+"px)";break;case"right":s.transform="translateX("+(this.showIn?0:20)+"px)"}return s.opacity=this.showIn?1:0,s}},methods:{handleTouchEnd:function(e){e.preventDefault&&e.preventDefault()},appearPopover:function(e){var t=this,n=this.hasAnimation,o=this.position.pos,i=void 0===o?"top":o,a=this.$refs["fm-popover"];if(a){var s=void 0;switch(i){case"top":s="translateY(-20px)";break;case"bottom":s="translateY(20px)";break;case"left":s="translateX(-20px)";break;case"right":s="translateX(20px)"}var u=e?{transform:"translateX(0px) translateY(0px)",opacity:1}:{transform:s,opacity:0};r.transition(a,{styles:u,duration:n?150:1e-4,timingFunction:"ease-out"},function(n){t.showIn=e})}},onClicked:function(e){this.visible(!1),this.$emit("fmPopoverBtnClicked",{index:e})},visible:function(e){var t=this;this.show=e,setTimeout(function(){t.appearPopover(e)},40)}}}},135:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:["popover-wrap"]},[e.show||e.showIn?n("fm-overlay",{ref:"fm-overlay",attrs:{hasAnimation:!0,canAutoClose:!0,useNative:!1,opacity:e.overlayOpacity},on:{fmOverlayBodyClicking:function(t){e.visible(!1)}}}):e._e(),e.show||e.showIn?n("div",{ref:"fm-popover",staticClass:["popover"],style:e.popoverStyle,on:{touchend:e.handleTouchEnd}},[n("div",{staticClass:["content"],style:{height:168*e.buttons.length-2+"px"}},e._l(e.buttons,function(t,o){return n("div",{key:o,staticClass:["item"],on:{click:function(t){e.onClicked(o)}}},[n("div",{staticClass:["item-content"]},[t.icon?n("fm-icon",{staticClass:["item-icon"],attrs:{name:t.icon,iconStyle:67}}):e._e(),n("text",{staticClass:["item-text"]},[e._v(e._s(t.text))])],1)])}))]):e._e()],1)},staticRenderFns:[]},e.exports.render._withStripped=!0},16:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(17);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},17:function(e,t,n){var o,i,a=[];a.push(n(18)),o=n(19);var r=n(20);i=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(Object.keys(o).some(function(e){return"default"!==e&&"__esModule"!==e})&&console.error("named exports are not supported in *.vue files."),i=o=o.default),"function"==typeof i&&(i=i.options),i.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-overlay/index.vue",i.render=r.render,i.staticRenderFns=r.staticRenderFns,i._scopeId="data-v-e3dfd8de",i.style=i.style||{},a.forEach(function(e){for(var t in e)i.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(i._scopeId,a),e.exports=o},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,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,i=this.hasAnimation,a=this.timingFunction,r=this.canAutoClose,s=!e&&r;s&&this.$emit("fmOverlayBodyClicking",{});var u=this.$refs["fm-overlay"];i&&u?o.transition(u,{styles:{opacity:e?1:0},duration:n,timingFunction:a[e?0:1],delay:0},function(){s&&t.$emit("fmOverlayBodyClicked",{})}):s&&this.$emit("fmOverlayBodyClicked",{})},hide:function(){this.appearOverlay(!1)}}}},2:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(3);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},20:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(e.isCreator?"FmOverlayNative":"div",{tag:"component",attrs:{visible:e.show,touchable:e.canAutoClose},on:{onDismiss:e.overlayClicked}},[e.show&&!e.isCreator?n("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?n("div",[e._t("default")],2):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0},3:function(e,t,n){var o,i,a=[];a.push(n(4)),o=n(5);var r=n(6);i=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(Object.keys(o).some(function(e){return"default"!==e&&"__esModule"!==e})&&console.error("named exports are not supported in *.vue files."),i=o=o.default),"function"==typeof i&&(i=i.options),i.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-icon/index.vue",i.render=r.render,i.staticRenderFns=r.staticRenderFns,i._scopeId="data-v-08d175ee",i.style=i.style||{},a.forEach(function(e){for(var t in e)i.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(i._scopeId,a),e.exports=o},4:function(e,t){e.exports={}},5: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},i=function(e){return e&&e.__esModule?e:{default:e}}(n(0));var a=weex.requireModule("dom");t.default={name:"FmIcon",props:{name:{default:"wancheng",type:String},value:{type:String,default:""},iconStyle:{type:[Number,Object,String],default:42},color:{type:String,default:"#666666"}},data:function(){return{Icon:i.default}},computed:{getIcon:function(){var e=this.Icon,t=this.name,n=this.value;return s(""===n?e[t]||"wancheng":n)},mergeStyle:function(){var e=this.iconStyle,t={fontFamily:"flymeicon",color:this.color};return"object"!==Object.prototype.toString.call(this.iconStyle).slice(8,-1).toLowerCase()?(t.fontSize=e+"px",t.height=e+"px"):t=Object.assign({},t,o({},e)),t}},beforeCreate:function(){this.isCreator||a.addRule("fontFace",{fontFamily:"flymeicon",src:"url('http://weixin-res.flyme.cn/resources/weex-flymeui/assets/iconfont.ttf')"})},methods:{itemClicked:function(e){this.$emit("fmIconClicked",{name:e})}}};var r=/&([^;]{2,});?/g,s=function(e){return e=e.replace(r,function(e,t){if("#"===t.charAt(0)){var n=0;if(n="x"===t.charAt(1).toLowerCase()?parseInt(t.slice(2),16):parseInt(t.slice(1),10),!isNaN(n)&&n>=-32768&&n<=65535)return String.fromCharCode(n)}return e})}},6:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("text",{style:e.mergeStyle,on:{click:function(t){e.itemClicked(e.name)}}},[e._v(e._s(e.getIcon))])},staticRenderFns:[]},e.exports.render._withStripped=!0}})});