weex-flymeui
Version:
A Flyme Style UI library based on Weex for Creator.
3 lines (2 loc) • 8.88 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-switch/index"]=t():e["npm/weex-flymeui/components/fm-switch/index"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function r(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,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=223)}({0:function(e,t){e.exports=function(e,t,r,n,o){var i,s=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(i=e,s=e.default);var c,l="function"==typeof s?s.options:s;if(t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),n&&(l._scopeId=n),o?(c=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__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},l._ssrRegister=c):r&&(c=r),c){var u=l.functional,d=u?l.render:l.beforeCreate;u?l.render=function(e,t){return c.call(t),d(e,t)}:l.beforeCreate=d?[].concat(d,c):[c]}return{esModule:i,exports:s,options:l}}},1:function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(n),i=n.sources.map(function(e){return"/*# sourceURL="+n.sourceRoot+e+" */"});return[r].concat(i).concat([o]).join("\n")}return[r].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r}).join("")},t.i=function(e,r){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(n[i]=!0)}for(o=0;o<e.length;o++){var s=e[o];"number"==typeof s[0]&&n[s[0]]||(r&&!s[2]?s[2]=r:r&&(s[2]="("+s[2]+") and ("+r+")"),t.push(s))}},t}},14:function(e,t,r){"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"}},2:function(e,t,r){var n="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!n)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=r(3),i={},s=n&&(document.head||document.getElementsByTagName("head")[0]),a=null,c=0,l=!1,u=function(){},d=null,f="data-vue-ssr-id",p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(e){for(var t=0;t<e.length;t++){var r=e[t],n=i[r.id];if(n){n.refs++;for(var o=0;o<n.parts.length;o++)n.parts[o](r.parts[o]);for(;o<r.parts.length;o++)n.parts.push(g(r.parts[o]));n.parts.length>r.parts.length&&(n.parts.length=r.parts.length)}else{var s=[];for(o=0;o<r.parts.length;o++)s.push(g(r.parts[o]));i[r.id]={id:r.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,r,n=document.querySelector("style["+f+'~="'+e.id+'"]');if(n){if(l)return u;n.parentNode.removeChild(n)}if(p){var o=c++;n=a||(a=m()),t=v.bind(null,n,o,!1),r=v.bind(null,n,o,!0)}else n=m(),t=function(e,t){var r=t.css,n=t.media,o=t.sourceMap;n&&e.setAttribute("media",n);d.ssrId&&e.setAttribute(f,t.id);o&&(r+="\n/*# sourceURL="+o.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");if(e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}.bind(null,n),r=function(){n.parentNode.removeChild(n)};return t(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;t(e=n)}else r()}}e.exports=function(e,t,r,n){l=r,d=n||{};var s=o(e,t);return h(s),function(t){for(var r=[],n=0;n<s.length;n++){var a=s[n];(c=i[a.id]).refs--,r.push(c)}t?h(s=o(e,t)):s=[];for(n=0;n<r.length;n++){var c;if(0===(c=r[n]).refs){for(var l=0;l<c.parts.length;l++)c.parts[l]();delete i[c.id]}}}};var b=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}();function v(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=b(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}},223:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(224);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}})},224:function(e,t,r){var n=!1;var o=r(0)(r(227),r(228),function(e){n||r(225)},"data-v-058cc90e",null);o.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-switch/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},225:function(e,t,r){var n=r(226);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);r(2)("745d9914",n,!1,{})},226:function(e,t,r){(e.exports=r(1)(!1)).push([e.i,"\n.fm-switch[data-v-058cc90e] {\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 width: 1.33333rem;\n height: 0.66667rem;\n border-radius: 0.66667rem;\n border-width: 0.0463rem;\n}\n.ctr-ball[data-v-058cc90e] {\n width: 0.38889rem;\n height: 0.38889rem;\n border-radius: 0.19444rem;\n margin-left: 0.09259rem;\n}\n",""])},227:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(r(14));var o=weex.requireModule("animation");t.default={name:"FmSwitch",props:{checked:{type:Boolean,default:!1},solid:Boolean,disabled:{type:Boolean,default:!1},blurColor:String,focusColor:String,borderColor:{type:String,default:"#D9D9D9"},backgroundColor:{type:String,default:n.default.primaryColor}},data:function(){return{isAnimate:!1,_checked:!1,ballStyle:{}}},computed:{getBgStyle:function(){var e=this.solid,t=this.borderColor,r=this.backgroundColor,n=this.disabled,o=e?{borderWidth:"5px",borderColor:r,backgroundColor:r}:{borderWidth:"5px",borderColor:t,backgroundColor:"transparent"};return o.opacity=n?.3:1,o}},watch:{checked:function(e){this._checked=e,this.toggleState(e)}},methods:{changeState:function(e){this.disabled||(this._checked=!this._checked,this.toggleState(this._checked),this.$emit("fmSwitchStateChange",this._checked))},toggleState:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=e?{backgroundColor:this.focusColor||(this.solid?"#FFFFFF":this.backgroundColor),transform:"scale(1) translate(72px, 0)",transformOrigin:"center center"}:{backgroundColor:this.blurColor||(this.solid?"#FFFFFF":this.borderColor),transform:"scale(0.429)",transformOrigin:"center center"},n=this.$refs.ctrBall;n&&o.transition(n,{styles:r,timingFunction:"ease",duration:t?260:1e-5})}},created:function(){this.checked?this.ballStyle={backgroundColor:this.focusColor||(this.solid?"#FFFFFF":this.backgroundColor),transform:"scale(1.0) translate(72px, 0)"}:this.ballStyle={backgroundColor:this.blurColor||(this.solid?"#FFFFFF":this.borderColor),transform:"scale(0.429)"},this._checked=this.checked,this.toggleState(this._checked,!1)}}},228:function(e,t,r){e.exports={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"fm-switch",staticStyle:this.$processStyle(void 0),style:this.$processStyle(this.getBgStyle),on:{click:this.changeState}},[t("div",{ref:"ctrBall",staticClass:"ctr-ball",staticStyle:this.$processStyle(void 0),style:this.$processStyle(this.ballStyle)})])},staticRenderFns:[]},e.exports.render._withStripped=!0},3:function(e,t){e.exports=function(e,t){for(var r=[],n={},o=0;o<t.length;o++){var i=t[o],s=i[0],a={id:e+":"+o,css:i[1],media:i[2],sourceMap:i[3]};n[s]?n[s].parts.push(a):r.push(n[s]={id:s,parts:[a]})}return r}}})});