weex-flymeui/dist/components/fm-checkbox-list/index.web.js

A Flyme Style UI library based on Weex for Creator.

// { "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-list/index"]=t():e["npm/weex-flymeui/components/fm-checkbox-list/index"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.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=77)}([function(e,t){e.exports=function(e,t,n,i,o){var r,s=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(r=e,s=e.default);var a,l="function"==typeof s?s.options:s;if(t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),i&&(l._scopeId=i),o?(a=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(o)},l._ssrRegister=a):n&&(a=n),a){var d=l.functional,u=d?l.render:l.beforeCreate;d?l.render=function(e,t){return a.call(t),u(e,t)}:l.beforeCreate=u?[].concat(u,a):[a]}return{esModule:r,exports:s,options:l}}},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 o=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(i),r=i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"});return[n].concat(r).concat([o]).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={},o=0;o<this.length;o++){var r=this[o][0];"number"==typeof r&&(i[r]=!0)}for(o=0;o<e.length;o++){var s=e[o];"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 o=n(3),r={},s=i&&(document.head||document.getElementsByTagName("head")[0]),c=null,a=0,l=!1,d=function(){},u=null,p="data-vue-ssr-id",f="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],i=r[n.id];if(i){i.refs++;for(var o=0;o<i.parts.length;o++)i.parts[o](n.parts[o]);for(;o<n.parts.length;o++)i.parts.push(g(n.parts[o]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{var s=[];for(o=0;o<n.parts.length;o++)s.push(g(n.parts[o]));r[n.id]={id:n.id,refs:1,parts:s}}}}function m(){var e=document.createElement("style");return e.type="text/css",s.appendChild(e),e}function g(e){var t,n,i=document.querySelector("style["+p+'~="'+e.id+'"]');if(i){if(l)return d;i.parentNode.removeChild(i)}if(f){var o=a++;i=c||(c=m()),t=v.bind(null,i,o,!1),n=v.bind(null,i,o,!0)}else i=m(),t=function(e,t){var n=t.css,i=t.media,o=t.sourceMap;i&&e.setAttribute("media",i);u.ssrId&&e.setAttribute(p,t.id);o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");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){l=n,u=i||{};var s=o(e,t);return h(s),function(t){for(var n=[],i=0;i<s.length;i++){var c=s[i];(a=r[c.id]).refs--,n.push(a)}t?h(s=o(e,t)):s=[];for(i=0;i<n.length;i++){var a;if(0===(a=n[i]).refs){for(var l=0;l<a.parts.length;l++)a.parts[l]();delete r[a.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 o=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=y(t,o);else{var r=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(r,s[t]):e.appendChild(r)}}},function(e,t){e.exports=function(e,t){for(var n=[],i={},o=0;o<t.length;o++){var r=t[o],s=r[0],c={id:e+":"+o,css:r[1],media:r[2],sourceMap:r[3]};i[s]?i[s].parts.push(c):n.push(i[s]={id:s,parts:[c]})}return n}},,,,,,,,,,,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"}},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 o=n(0)(n(38),n(40),function(e){i||n(36)},"data-v-6c88d718",null);o.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-item/index.vue",o.esModule&&Object.keys(o.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),o.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=o.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=r(n(15)),o=r(n(39));function r(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=o.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},,,,,,,,,,,,function(e,t,n){var i=!1;var o=n(0)(n(55),n(57),function(e){i||n(53)},"data-v-47ee1270",null);o.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-checkbox/index.vue",o.esModule&&Object.keys(o.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),o.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=o.exports},function(e,t,n){var i=n(54);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);n(2)("1b12ea65",i,!1,{})},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"\n.icon-wrap[data-v-47ee1270] {\n  opacity: 1;\n  overflow: hidden;\n  height: 0.66667rem;\n  width: 0.66667rem;\n}\n.icon-outer[data-v-47ee1270] {\n  width: 0.66667rem;\n  height: 0.66667rem;\n  overflow: hidden;\n}\n",""])},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=r(n(56)),o=r(n(34));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:i.default.CHECKED},disabledIcon:{type:String,default:i.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:n,checked:this.innerChecked});else{var e=this.disabled,t=this.innerChecked,n=this.value;e||(this.innerChecked=!t,this.appearIcon(this.innerChecked),this.$emit("fmCheckBoxItemChecked",{value:n,checked:this.innerChecked}))}},appearIcon:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:150,i=this.$refs.icon;if(i){var o=e?{opacity:1,width:72}:{opacity:0};s.transition(i,{styles:o,duration:n,delay:0,timingFunction:"ease-out"},function(){t.isChecked=e})}}},created:function(){this.checked&&(this.innerChecked=!0)&&(this.isChecked=!0),this.STYLE=i.default,this.model=this.$attrs}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return e&&e.__esModule?e:{default:e}}(n(14));t.default=Object.assign({},i.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"})},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("fm-item",e._b({staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),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),[n("div",{staticClass:"icon-wrap",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),attrs:{slot:"right"},slot:"right"},[n("div",{ref:"icon",staticClass:"icon-outer",staticStyle:e.$processStyle(void 0),style:e.$processStyle({width:(e.isChecked?72:1)+"px"})},[n("image",{staticClass:"icon",staticStyle:e.$processStyle(void 0),style:e.$processStyle({width:"72px",height:"72px"}),attrs:{resize:"cover",src:e.disabled?e.disabledIcon:e.checkedIcon}})])])])},staticRenderFns:[]},e.exports.render._withStripped=!0},,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(78);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(79),n(80),null,null,null);i.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-checkbox-list/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},o=function(e){return e&&e.__esModule?e:{default:e}}(n(52));t.default={name:"FmCheckboxList",components:{FmCheckbox:o.default},props:{list:{type:Array,default:function(){return[]}},single:{type:Boolean,default:!1},lastBorderHidden:{type:Boolean,default:!1},limit:{type:Number}},data:function(){return{checkedList:[],inList:this.initList()}},watch:{list:function(){this.inList=this.initList()}},created:function(){var e=this,t=this.list;t&&t.length>0&&t.forEach(function(t,n){t.checked&&e.checkedList.push(t.value)})},methods:{onSelect:function(e){var t=this.inList[e].checked;this.limit>0&&this.limit<=this.checkedCount&&!t?this.$emit("overLimit",this.limit):(this.updateList(e),this.$emit("fmCheckBoxListChecked",{selectIndex:e,checked:!t,checkedList:this.inList.filter(function(e){return e.checked})}))},initList:function(){var e=this.single,t=0,n=this.list.map(function(n,o){var r=n.checked,s=n.disabled;return r=!((s=!!s)||!r||e&&0!==t),n.checked&&(t+=1),i({},n,{checked:r,disabled:s})});return this.checkedCount=t,n},updateList:function(e){var t=this.single,n=0;this.inList=this.inList.map(function(i,o){return t?i.checked=e===o&&!i.checked:o===e&&(i.checked=!i.checked),i.checked&&(n+=1),i}),this.checkedCount=n},reset:function(){this.inList=this.list.map(function(e,t){e.checked;var n=e.disabled;return!1,i({},e,{checked:!1,disabled:n=!!n})})}}}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",e._l(e.inList,function(t,i){return n("fm-checkbox",e._b({key:i,staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),attrs:{border:!e.lastBorderHidden||i!==e.inList.length-1,"list-model":!0},on:{fmCheckBoxItemChecked:function(t){e.onSelect(i)}}},"fm-checkbox",t,!1))}))},staticRenderFns:[]},e.exports.render._withStripped=!0}])});