cube-ui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 8.98 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["checkbox-group"]=t():(e.cube=e.cube||{},e.cube["checkbox-group"]=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=285)}({161:function(e,t,n){function o(e){n(168)}var r=n(9)(n(169),n(170),o,null,null);e.exports=r.exports},163:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(86)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=(0,n.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var n=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[o]=n})})}}}},e.exports=t.default})},168:function(e,t){},169:function(e,t,n){var o,r,i;!function(n,a){r=[e,t],o=a,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-checkbox",props:{value:{type:[Boolean,String]},label:{type:[Boolean,String]},disabled:{type:Boolean,default:!1},option:{type:[Boolean,String,Object],default:function(){return{_def_option:!0}}},position:{type:String,default:"left"},shape:{type:String,default:"circle"},hollowStyle:{type:Boolean,default:!1}},data:function(){var e=this.$parent,t=e.$data._checkboxGroup;return{isInGroup:t,isInHorizontalGroup:t&&(e.$props.horizontal||e.$props.colNum>1)}},computed:{computedOption:function(){var e=this.option,t=this.label,n=this.disabled;return!0===e._def_option?e={label:t,value:t,disabled:n}:"string"==typeof e&&(e={label:e,value:e,disabled:!1}),e},checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.computedOption.value)>-1:Boolean(this.value)},set:function(e){var t=this.computedOption.value,n=t&&e?t:e;if(this.$emit("input",n),this.isInGroup){e=!this.checkValue;var o=e?"checked":"cancel-checked";this.$parent.$emit(o,t||e)}}},_containerClass:function(){return{"cube-checkbox-hollow":this.hollowStyle,"cube-checkbox_checked":this.checkValue,"cube-checkbox_disabled":this.computedOption.disabled,"border-right-1px":this.isInHorizontalGroup}},_wrapClass:function(){if(this.isInGroup&&!this.isInHorizontalGroup)return"border-bottom-1px"},isSquare:function(){return"square"===this.shape||this.hollowStyle},_borderIconClass:function(){return this.isSquare?"cubeic-square-border":"cubeic-round-border"},_rightIconClass:function(){return this.isSquare?"cubeic-square-right":"cubeic-right"}}},e.exports=t.default})},170:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-checkbox",class:e._containerClass,attrs:{"data-pos":e.position}},[n("label",{staticClass:"cube-checkbox-wrap",class:e._wrapClass},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:e.computedOption.disabled},domProps:{checked:Array.isArray(e.checkValue)?e._i(e.checkValue,null)>-1:e.checkValue},on:{change:function(t){var n=e.checkValue,o=t.target,r=!!o.checked;if(Array.isArray(n)){var i=e._i(n,null);o.checked?i<0&&(e.checkValue=n.concat([null])):i>-1&&(e.checkValue=n.slice(0,i).concat(n.slice(i+1)))}else e.checkValue=r}}}),e._v(" "),n("span",{staticClass:"cube-checkbox-ui",class:e._borderIconClass},[n("i",{class:e._rightIconClass})]),e._v(" "),n("span",{staticClass:"cube-checkbox-label"},[e._t("default",[e._v(e._s(e.computedOption.label))])],2)])])},staticRenderFns:[]}},200:function(e,t,n){function o(e){n(201)}var r=n(9)(n(202),n(203),o,null,null);e.exports=r.exports},201:function(e,t){},202:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(161),n(163)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n,o){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(n),a=r(o);t.default={name:"cube-checkbox-group",mixins:[a.default],props:{value:{type:Array},horizontal:{type:Boolean,default:!1},shape:{type:String,default:"circle"},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1},options:{type:Array,default:function(){return[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(e,t){this._value=this.value.concat()}}},mounted:function(){var e=this;this.$on("checked",function(t){e._value.length<e.max&&-1===e._value.indexOf(t)&&e._value.push(t),e.$emit("input",e._value)}),this.$on("cancel-checked",function(t){var n=e._value.indexOf(t);e._value.length>e.min&&n>-1&&e._value.splice(n,1),e.$emit("input",e._value)})},components:{CubeCheckbox:i.default}},e.exports=t.default})},203:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"group",staticClass:"cube-checkbox-group",class:e.groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,o){return n("cube-checkbox",{key:o,attrs:{option:t,shape:e.shape,position:e.position,"hollow-style":e.hollowStyle}})}))],2)},staticRenderFns:[]}},285:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(161),n(200)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n,o){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(n),a=r(o);a.default.install=function(e){e.component(i.default.name,i.default),e.component(a.default.name,a.default)},a.default.Checkbox=i.default,t.default=a.default,e.exports=t.default})},49:function(e,t,n){var o,r,i;!function(n,a){r=[t],o=a,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,n=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=n&&n.indexOf("android")>0,e.isIOS=n&&/iphone|ipad|ipod|ios/.test(n)})},86:function(e,t,n){var o,r,i;!function(a,u){r=[t,n(49)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t){"use strict";function n(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function o(e,t){if(!n(e,t)){var o=e.className.split(" ");o.push(t),e.className=o.join(" ")}}function r(e,t){if(n(e,t)){var o=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(o," ")}}function i(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==l&&("standard"===l?"transitionEnd"===e?"transitionend":e:l+e.charAt(0).toUpperCase()+e.substr(1))}function c(e,t){for(var o=e.target;o&&!n(o,t);){if(o===e.currentTarget)return null;o=o.parentNode}return o}function s(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.type,r=void 0===o?"Event":o,i=n.bubbles,a=void 0===i||i,u=n.cancelable,c=void 0===u||u,s=document.createEvent(r);s.initEvent(t,a,c),e.dispatchEvent(s)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=n,e.addClass=o,e.removeClass=r,e.getData=i,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=c,e.dispatchEvent=s;var l=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,n={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var o in n)if(void 0!==e[n[o]])return o;return!1}()})},9:function(e,t){e.exports=function(e,t,n,o,r){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var c="function"==typeof a?a.options:a;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),o&&(c._scopeId=o);var s;if(r?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=s):n&&(s=n),s){var l=c.functional,f=l?c.render:c.beforeCreate;l?c.render=function(e,t){return s.call(t),f(e,t)}:c.beforeCreate=f?[].concat(f,s):[s]}return{esModule:i,exports:a,options:c}}}})});