UNPKG

weex-flymeui

Version:

A Flyme Style UI library based on Weex for Creator.

3 lines (2 loc) 9.8 kB
// { "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-button/index"]=t():e["npm/weex-flymeui/components/fm-button/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=58)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={biaoqing:"&#xe6a3;",bofang:"&#xe6a4;",bianji:"&#xe6a5;",bofang2:"&#xe6a7;",cebianlan:"&#xe6a7;",caijian:"&#xe6a8;",chakan:"&#xe6a9;",chexiao:"&#xe6aa;",chuangkouhua:"&#xe6ab;",daojishi:"&#xe6ac;",dianzan:"&#xe6ad;",chuangkouhua2:"&#xe6ae;",dianhua:"&#xe6af;",diannao:"&#xe6b0;",dingwei2:"&#xe6b1;",dingwei:"&#xe6b2;",dingyue:"&#xe6b3;",erweima:"&#xe6b4;",fanhui:"&#xe6b5;",fasong:"&#xe6b6;",fujian:"&#xe6b7;",fenlei:"&#xe6b8;",fanhui2:"&#xeb9;",fenxiang:"&#xe6ba;",fuzhi:"&#xe6bb;",gengduo:"&#xe6bc;",gouwuche:"&#xe6bd;",gongjuxiang:"&#xe6be;",gengduo2:"&#xe6bf;",guanbi:"&#xe6c0;",jishi:"&#xe6c1;",hongxin:"&#xe6c2;",jingyin:"&#xe6c3;",jianpan:"&#xe6c3;",jiesuo:"&#xe6c5;",jisuanqi:"&#xe6c36;",liangdu:"&#xe6c7;",lvjing:"&#xe6c8;",paixu:"&#xe6c9;",paihang:"&#xe6ca;",paizhao:"&#xe6cb;",pingmutoushe:"&#xe6cc;",riqi:"&#xe6cd;",shanchu:"&#xe6ce;",shangchaun:"&#xe6cf;",shangyishou:"&#xe6d0;",shezhi:"&#xe6d1;",shizhong:"&#xe6d2;",shezhi1:"&#xe6d3;",sousuo:"&#xe6d4;",shuqian:"&#xe6d5;",shuoming:"&#xe6d6;",shuaxin:"&#xe6d7;",suoding:"&#xe6d8;",shipin:"&#xe6d9;",tuichu:"&#xe6da;",tupian:"&#xe6db;",tianjia:"&#xe6dc;",tixing:"&#xe6dd;",wancheng:"&#xe6de;",wengao:"&#xe6df;",xiayishou:"&#xe6e0;",xinxi:"&#xe6e1;",xiazai:"&#xe6e2;",xingxing:"&#xe6e3;",xinxi1:"&#xe6e4;",xuanxiangliebiao:"&#xe6e5;",yidu:"&#xe6e6;",yinliang:"&#xe6e7;",yinbi:"&#xe6e8;",yuyin:"&#xe6e9;",zanting:"&#xe6ea;",yonghu:"&#xe6eb;",youjian:"&#xe6ec;",zhiding:"&#xe6ed;",chongzuo:"&#xe6ee;",zhuye:"&#xe6ef;",ziti:"&#xe6f0;",VPN:"&#xe6f1;","Wi-Fi":"&#xe6f2;",zhuti:"&#xe6f3;",lanya:"&#xe6f4;",quanping:"&#xe6f5;",pingmufanzhuan:"&#xe6f6;",gouwu:"&#xe6f7;",saomiao:"&#xe6f8;"}},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}})},3:function(e,t,n){var o,i,r=[];r.push(n(4)),o=n(5);var a=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=a.render,i.staticRenderFns=a.staticRenderFns,i._scopeId="data-v-08d175ee",i.style=i.style||{},r.forEach(function(e){for(var t in e)i.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(i._scopeId,r),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 r=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 u(""===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||r.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 a=/&([^;]{2,});?/g,u=function(e){return e=e.replace(a,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})}},58:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(59);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},59:function(e,t,n){var o,i,r=[];r.push(n(60)),o=n(61);var a=n(62);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-button/index.vue",i.render=a.render,i.staticRenderFns=a.staticRenderFns,i._scopeId="data-v-7fe7e232",i.style=i.style||{},r.forEach(function(e){for(var t in e)i.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(i._scopeId,r),e.exports=o},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},60:function(e,t){e.exports={"fm-button":{flexDirection:"row",alignItems:"center",justifyContent:"center",overflow:"hidden",transform:"scale(1)",transitionProperty:"transform,backgroundColor",transitionDuration:200,transitionTimingFunction:"cubic-bezier(0.215,0.61,0.355,1)"},"@TRANSITION":{"fm-button":{property:"transform,backgroundColor",duration:200,timingFunction:"cubic-bezier(0.215,0.61,0.355,1)"}},"fm-button-hollow":{borderWidth:"4"},"button-text":{flex:1,textAlign:"center",color:"#FFFFFF",fontWeight:"500",fontFamily:"sans-serif-medium"},"fm-button-small":{height:"72",borderRadius:"36"},"fm-button-middle":{width:"312",height:"114",borderRadius:"57"},"fm-button-large":{width:"396",height:"114",borderRadius:"57"},"fm-button-circle":{width:"168",height:"168",borderRadius:"84"},"fm-button-huge":{width:"720",height:"114",borderRadius:"57"},"button-text-small":{fontSize:"36"},"button-text-middle":{fontSize:"48"},"button-text-large":{fontSize:"48"},"button-text-huge":{fontSize:"48"},overlay:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:30,borderRadius:"200","backgroundColor:active":"rgba(0,0,0,0.1)"}}},61:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(9)),i=r(n(2));function r(e){return e&&e.__esModule?e:{default:e}}var a=weex.requireModule("dom");t.default={name:"FmButton",components:{FmIcon:i.default},props:{size:{type:String,default:"small"},type:String,color:{type:String,default:o.default.primaryColor},titleColor:{type:String,default:"#FFFFFF"},titleSize:{type:Number,default:0},icon:{type:String,default:"wancheng"},width:Number,height:Number,animated:Boolean,disabled:Boolean,title:String},data:function(){return{active:!1,padding:36}},computed:{buttonClass:function(){var e=[];return this.size&&e.push("fm-button-"+this.size),this.type&&e.push("fm-button-"+this.type),e},computedColor:function(){return this.color||o.default.primaryColor},computedStyle:function(){var e=this.color,t=this.active,n=this.disabled,o=this.padding,i=this.animated,r=this.type,a=this.width,u=this.height,s={borderColor:"hollow"===r?e:"",backgroundColor:"hollow"!==r?e:"",opacity:n?.2:1,transform:!i||n?"scale(1)":"scale("+(t?.95:1)+")",paddingLeft:o+"px",paddingRight:o+"px"};return"circle"!==r&&(a&&(s.width=a+"px"),u&&(s.height=u+"px")&&(s.borderRadius=Math.ceil(1e3*u/2e3)+"px")),s}},methods:{btnClick:function(e){!this.disabled&&this.$emit("buttonClicked",e)},_startHandle:function(e){this.active=!0},_endHandle:function(e){this.active=!1}},mounted:function(){var e=this;this.$nextTick(function(){a.getComponentRect(e.$refs["fm-button"],function(t){t.size.width>=240&&(e.padding=24)})})}}},62:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"fm-button",staticClass:["fm-button"],class:e.buttonClass,style:e.computedStyle,on:{click:e.btnClick,touchstart:e._startHandle,touchend:e._endHandle}},[e.disabled?e._e():n("div",{staticClass:["overlay"],on:{click:e.btnClick}}),"circle"===e.type?n("fm-icon",{attrs:{color:"hollow"!==e.type?e.titleColor:e.color,name:e.icon,iconStyle:"72"}}):e._t("title",[n("text",{staticClass:["button-text"],class:["button-text-"+e.size],style:Object.assign({},{color:"hollow"!==e.type?e.titleColor:e.computedColor},e.titleSize?{fontSize:e.titleSize}:{})},[e._t("default"),e.$slots.default?e._e():[e._v(e._s(e.title))]],2)])],2)},staticRenderFns:[]},e.exports.render._withStripped=!0},9:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={primaryColor:"#198DED",disabledColor:"#BDE2FB",highlightColor:"#156DC9",lightColor:"#42A2F1",weakColor:"#E6F8FF",grayColor:"#F2F3F4",fontColorLight:"#FFFFFF",fontColorDark:"#3D3D3D",fontColorGray:"#F2F3F4"}}})});