weex-flymeui
Version:
A Flyme Style UI library based on Weex for Creator.
3 lines (2 loc) • 13.2 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-item/index"]=t():e["npm/weex-flymeui/components/fm-item/index"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},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=34)}([function(e,t){e.exports=function(e,t,n,i,r){var o,s=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(o=e,s=e.default);var l,d="function"==typeof s?s.options:s;if(t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns),i&&(d._scopeId=i),r?(l=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)},d._ssrRegister=l):n&&(l=n),l){var c=d.functional,u=c?d.render:d.beforeCreate;c?d.render=function(e,t){return l.call(t),u(e,t)}:d.beforeCreate=u?[].concat(u,l):[l]}return{esModule:o,exports:s,options:d}}},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]||"",i=e[3];if(!i)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))))+" */"}(i),o=i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"});return[n].concat(o).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 i={},r=0;r<this.length;r++){var o=this[r][0];"number"==typeof o&&(i[o]=!0)}for(r=0;r<e.length;r++){var s=e[r];"number"==typeof s[0]&&i[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},function(e,t,n){var i="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!i)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),o={},s=i&&(document.head||document.getElementsByTagName("head")[0]),a=null,l=0,d=!1,c=function(){},u=null,p="data-vue-ssr-id",f="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function m(e){for(var t=0;t<e.length;t++){var n=e[t],i=o[n.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](n.parts[r]);for(;r<n.parts.length;r++)i.parts.push(h(n.parts[r]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{var s=[];for(r=0;r<n.parts.length;r++)s.push(h(n.parts[r]));o[n.id]={id:n.id,refs:1,parts:s}}}}function g(){var e=document.createElement("style");return e.type="text/css",s.appendChild(e),e}function h(e){var t,n,i=document.querySelector("style["+p+'~="'+e.id+'"]');if(i){if(d)return c;i.parentNode.removeChild(i)}if(f){var r=l++;i=a||(a=g()),t=v.bind(null,i,r,!1),n=v.bind(null,i,r,!0)}else i=g(),t=function(e,t){var n=t.css,i=t.media,r=t.sourceMap;i&&e.setAttribute("media",i);u.ssrId&&e.setAttribute(p,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,i),n=function(){i.parentNode.removeChild(i)};return t(e),function(i){if(i){if(i.css===e.css&&i.media===e.media&&i.sourceMap===e.sourceMap)return;t(e=i)}else n()}}e.exports=function(e,t,n,i){d=n,u=i||{};var s=r(e,t);return m(s),function(t){for(var n=[],i=0;i<s.length;i++){var a=s[i];(l=o[a.id]).refs--,n.push(l)}t?m(s=r(e,t)):s=[];for(i=0;i<n.length;i++){var l;if(0===(l=n[i]).refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete o[l.id]}}}};var y=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function v(e,t,n,i){var r=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=y(t,r);else{var o=document.createTextNode(r),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(o,s[t]):e.appendChild(o)}}},function(e,t){e.exports=function(e,t){for(var n=[],i={},r=0;r<t.length;r++){var o=t[r],s=o[0],a={id:e+":"+r,css:o[1],media:o[2],sourceMap:o[3]};i[s]?i[s].parts.push(a):n.push(i[s]={id:s,parts:[a]})}return n}},,,,,,,,,,,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(16);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(i).default}})},function(e,t,n){var i=n(0)(n(17),n(18),null,null,null);i.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-image/index.vue",i.esModule&&Object.keys(i.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),i.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=i.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}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 i({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)}}}},function(e,t,n){e.exports={render:function(){var e=this.$createElement;return(this._self._c||e)("image",{ref:"img",staticStyle:this.$processStyle(void 0),style:this.$processStyle(this.getStyle),attrs:{src:this.src},on:{load:this.onLoad}})},staticRenderFns:[]},e.exports.render._withStripped=!0},,,,,,,,,,,,,,,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(35);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(i).default}})},function(e,t,n){var i=!1;var r=n(0)(n(38),n(40),function(e){i||n(36)},"data-v-6c88d718",null);r.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-item/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},function(e,t,n){var i=n(37);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);n(2)("85abbb02",i,!1,{})},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"\n.fm-item[data-v-6c88d718] {\n padding: 0 0.44444rem;\n}\n.fm-item[data-v-6c88d718]:active {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.item-wrapper[data-v-6c88d718] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.item-border[data-v-6c88d718] {\n background-color: rgba(0, 0, 0, 0.1);\n height: 0.01852rem;\n}\n.content[data-v-6c88d718] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.content-text[data-v-6c88d718] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n.text-title[data-v-6c88d718] {\n font-size: 0.44444rem;\n color: #000000;\n line-height: 0.52778rem;\n text-overflow: ellipsis;\n lines: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n.text-summary[data-v-6c88d718] {\n margin-top: 0.08333rem;\n font-size: 0.33333rem;\n color: rgba(0, 0, 0, 0.4);\n line-height: 0.38889rem;\n text-overflow: ellipsis;\n lines: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n.text-description[data-v-6c88d718] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n margin-top: 0.08333rem;\n font-size: 0.33333rem;\n color: rgba(0, 0, 0, 0.4);\n line-height: 0.38889rem;\n}\n.image[data-v-6c88d718] {\n margin-right: 0.44444rem;\n}\n",""])},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=o(n(15)),r=o(n(39));function o(e){return e&&e.__esModule?e:{default:e}}t.default={name:"FmItem",components:{FmImage:i.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,n=this.imgPosition,i=this.scene;return{paddingTop:(i.paddingTop||e)+"px",paddingBottom:(i.paddingBottom||t)+"px",alignItems:"top"===(i.imgPosition||n)?"flex-start":"bottom"===(i.imgPosition||n)?"flex-end":"center"}}},watch:{type:function(e){this.scene=e}},created:function(){this.scene=r.default[this.type]},methods:{itemClicked:function(e){this.$emit("fmItemClicked",e)},itemLongpress:function(e){this.$emit("fmItemLongpress",e)}}}},function(e,t,n){"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}}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"fm-item",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),on:{click:e.itemClicked,longpress:e.itemLongpress}},[n("div",{staticClass:"item-wrapper",staticStyle:e.$processStyle(void 0),style:e.$processStyle(e.wrapStyle)},[e.imgSrc?n("div",{staticClass:"image",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0)},[n("fm-image",{staticStyle:e.$processStyle(void 0),style:e.$processStyle({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(),e._v(" "),n("div",{staticClass:"content",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0)},[e._t("left"),e._v(" "),n("div",{staticClass:"content-text",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0)},[e._t("title",[e.title?n("text",{staticClass:"text-title",staticStyle:e.$processStyle(void 0),style:e.$processStyle({color:e.titleColor})},[e._v(e._s(e.title))]):e._e()]),e._v(" "),e.summary?n("text",{staticClass:"text-summary",staticStyle:e.$processStyle(void 0),style:e.$processStyle({color:e.summaryColor})},[e._v(e._s(e.summary))]):e._e(),e._v(" "),e.description?n("text",{staticClass:"text-description",staticStyle:e.$processStyle(void 0),style:e.$processStyle({color:e.descColor})},[e._v(e._s(e.description))]):e._e()],2),e._v(" "),e._t("right")],2)]),e._v(" "),e.border?n("div",{staticClass:"item-border",staticStyle:e.$processStyle(void 0),style:e.$processStyle({marginLeft:e.imgSrc?(e.scene.imgWidth||e.imgWidth)+48:0})}):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0}])});