UNPKG

weex-flymeui

Version:

A Flyme Style UI library based on Weex for Creator.

3 lines (2 loc) 11.2 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-checkbox/index"]=t():e["npm/weex-flymeui/components/fm-checkbox/index"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function i(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/",i(i.s=102)}({10:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(11);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}})},102:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(42);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}})},11:function(e,t,i){var n,o,r=[];n=i(12);var s=i(13);o=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."),o=n=n.default),"function"==typeof o&&(o=o.options),o.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-image/index.vue",o.render=s.render,o.staticRenderFns=s.staticRenderFns,o.style=o.style||{},r.forEach(function(e){for(var t in e)o.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(o._scopeId,r),e.exports=n},12:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e};t.default={name:"FmImage",data:function(){return{loaded:!1}},props:{src:{type:String,default:""},scale:{type:Number,default:0},width:{type:Number,default:1},height:{type:Number,default:1},occupyingColor:{type:String,default:"transparent"},imgStyle:{type:Object}},computed:{getStyle:function(){return n({width:this.width+"px",height:this.height+"px",backgroundColor:this.loaded?"transparent":this.occupyingColor},this.imgStyle)}},methods:{onLoad:function(e){this.$emit("fmImageLoaded",e),e.success&&(this.loaded=!0),e.success&&e.size&&e.size.naturalWidth>0&&this.scale&&(this.width=e.size.naturalWidth*this.scale,this.height=e.size.naturalHeight*this.scale)}}}},13:function(e,t){e.exports={render:function(){var e=this.$createElement;return(this._self._c||e)("image",{ref:"img",style:this.getStyle,attrs:{src:this.src},on:{load:this.onLoad}})},staticRenderFns:[]},e.exports.render._withStripped=!0},27:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(28);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}})},28:function(e,t,i){var n,o,r=[];r.push(i(29)),n=i(30);var s=i(32);o=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."),o=n=n.default),"function"==typeof o&&(o=o.options),o.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-item/index.vue",o.render=s.render,o.staticRenderFns=s.staticRenderFns,o._scopeId="data-v-04a087f0",o.style=o.style||{},r.forEach(function(e){for(var t in e)o.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(o._scopeId,r),e.exports=n},29:function(e,t){e.exports={"fm-item":{paddingTop:0,paddingRight:"48",paddingBottom:0,paddingLeft:"48","backgroundColor:active":"rgba(0,0,0,0.04)"},"item-wrapper":{flexDirection:"row",alignItems:"center"},"item-border":{backgroundColor:"rgba(0,0,0,0.1)",height:"2"},content:{flex:1,flexDirection:"row",alignItems:"center"},"content-text":{flex:1,justifyContent:"center"},"text-title":{fontSize:"48",color:"#000000",lineHeight:"57",textOverflow:"ellipsis",lines:1},"text-summary":{marginTop:"9",fontSize:"36",color:"rgba(0,0,0,0.4)",lineHeight:"42",textOverflow:"ellipsis",lines:1},"text-description":{flex:1,marginTop:"9",fontSize:"36",color:"rgba(0,0,0,0.4)",lineHeight:"42"},image:{marginRight:"48"}}},30:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(i(10)),o=r(i(31));function r(e){return e&&e.__esModule?e:{default:e}}t.default={name:"FmItem",components:{FmImage:n.default},props:{type:{type:String,default:"normal"},title:String,summary:String,description:String,imgSrc:String,titleColor:{type:String,default:"#000000"},summaryColor:{type:String,default:"rgba(0, 0, 0, 0.4)"},descColor:{type:String,default:"rgba(0, 0, 0, 0.4)"},imgWidth:{type:Number,default:96},imgHeight:{type:Number,default:96},imgRadius:{type:Number,default:0},imgPosition:{type:String,default:"center"},paddingTop:{type:Number,default:54},paddingBottom:{type:Number,default:54},occupyingColor:{type:String,default:"rgba(0, 0, 0, 0.1)"},border:{type:Boolean,default:!0}},data:function(){return{scene:{}}},computed:{wrapStyle:function(){var e=this.paddingTop,t=this.paddingBottom,i=this.imgPosition,n=this.scene;return{paddingTop:(n.paddingTop||e)+"px",paddingBottom:(n.paddingBottom||t)+"px",alignItems:"top"===(n.imgPosition||i)?"flex-start":"bottom"===(n.imgPosition||i)?"flex-end":"center"}}},watch:{type:function(e){this.scene=e}},created:function(){this.scene=o.default[this.type]},methods:{itemClicked:function(e){this.$emit("fmItemClicked",e)},itemLongpress:function(e){this.$emit("fmItemLongpress",e)}}}},31:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={single:{paddingTop:48,paddingBottom:48},normal:{},"avatar-single":{imgWidth:120,imgHeight:120,imgRadius:60,paddingTop:48,paddingBottom:48},"avatar-normal":{imgWidth:120,imgHeight:120,imgRadius:60,paddingTop:48,paddingBottom:48,imgPosition:"top"},"icon-small":{imgWidth:96,imgHeight:96,paddingTop:36,paddingBottom:36},"icon-middle":{imgWidth:138,imgHeight:138,imgRadius:4,paddingTop:24,paddingBottom:24},"icon-large":{imgWidth:192,imgHeight:192,paddingTop:36,paddingBottom:36}}},32:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:["fm-item"],on:{click:e.itemClicked,longpress:e.itemLongpress}},[i("div",{staticClass:["item-wrapper"],style:e.wrapStyle},[e.imgSrc?i("div",{staticClass:["image"]},[i("fm-image",{style:{borderRadius:e.scene.imgRadius||e.imgRadius},attrs:{src:e.imgSrc,width:e.scene.imgWidth||e.imgWidth,height:e.scene.imgHeight||e.imgHeight,occupyingColor:e.occupyingColor}})],1):e._e(),i("div",{staticClass:["content"]},[e._t("left"),i("div",{staticClass:["content-text"]},[e._t("title",[e.title?i("text",{staticClass:["text-title"],style:{color:e.titleColor}},[e._v(e._s(e.title))]):e._e()]),e.summary?i("text",{staticClass:["text-summary"],style:{color:e.summaryColor}},[e._v(e._s(e.summary))]):e._e(),e.description?i("text",{staticClass:["text-description"],style:{color:e.descColor}},[e._v(e._s(e.description))]):e._e()],2),e._t("right")],2)]),e.border?i("div",{staticClass:["item-border"],style:{marginLeft:e.imgSrc?(e.scene.imgWidth||e.imgWidth)+48:0}}):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0},42:function(e,t,i){var n,o,r=[];r.push(i(43)),n=i(44);var s=i(46);o=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."),o=n=n.default),"function"==typeof o&&(o=o.options),o.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-checkbox/index.vue",o.render=s.render,o.staticRenderFns=s.staticRenderFns,o._scopeId="data-v-0453e3b8",o.style=o.style||{},r.forEach(function(e){for(var t in e)o.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(o._scopeId,r),e.exports=n},43:function(e,t){e.exports={"icon-wrap":{opacity:1,overflow:"hidden",height:"72",width:"72"},"icon-outer":{width:"72",height:"72",overflow:"hidden"}}},44:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(i(45)),o=r(i(27));function r(e){return e&&e.__esModule?e:{default:e}}var s=weex.requireModule("animation");t.default={name:"FmCheckbox",components:{FmItem:o.default},props:{value:{type:[String,Number,Object,Boolean],default:""},checked:Boolean,disabled:Boolean,checkedIcon:{type:String,default:n.default.CHECKED},disabledIcon:{type:String,default:n.default.CHECKED_DISABLED},listModel:Boolean,border:{type:Boolean,default:!0}},data:function(){return{model:{},isChecked:!1,innerChecked:!1}},watch:{checked:function(e){this.innerChecked=e,this.appearIcon(this.innerChecked)}},methods:{itemClicked:function(){if(this.listModel)this.$emit("fmCheckBoxItemChecked",{value:i,checked:this.innerChecked});else{var e=this.disabled,t=this.innerChecked,i=this.value;e||(this.innerChecked=!t,this.appearIcon(this.innerChecked),this.$emit("fmCheckBoxItemChecked",{value:i,checked:this.innerChecked}))}},appearIcon:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:150,n=this.$refs.icon;if(n){var o=e?{opacity:1,width:72}:{opacity:0};s.transition(n,{styles:o,duration:i,delay:0,timingFunction:"ease-out"},function(){t.isChecked=e})}}},created:function(){this.checked&&(this.innerChecked=!0)&&(this.isChecked=!0),this.STYLE=n.default,this.model=this.$attrs}}},45:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(i(9));t.default=Object.assign({},n.default,{CHECKED:"http://p1nq9peby.bkt.clouddn.com/weex-flymeui/check_blue.png",CHECKED_DISABLED:"http://p1nq9peby.bkt.clouddn.com/weex-flymeui/check_disabled_blue.png"})},46:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("fm-item",e._b({attrs:{border:e.border,titleColor:e.innerChecked?e.disabled?e.STYLE.lightColor:e.STYLE.primaryColor:"#000000"},on:{fmItemClicked:e.itemClicked}},"fm-item",Object.assign({},e.model),!1),[i("div",{staticClass:["icon-wrap"],attrs:{slot:"right"},slot:"right"},[i("div",{ref:"icon",staticClass:["icon-outer"],style:{width:(e.isChecked?72:1)+"px"}},[i("image",{staticClass:["icon"],style:{width:"72px",height:"72px"},attrs:{resize:"cover",src:e.disabled?e.disabledIcon:e.checkedIcon}})])])])},staticRenderFns:[]},e.exports.render._withStripped=!0},9:function(e,t,i){"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"}}})});