UNPKG

pzvue-checkbox

Version:

vue checkbox component

1 lines 6.83 kB
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["pz-checkbox"]=t():e["pz-checkbox"]=t()}(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){var i,o,r={};n(1),i=n(5),o=n(6),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports.default);var a="function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports;o&&(a.template=o),a.computed||(a.computed={}),Object.keys(r).forEach(function(e){var t=r[e];a.computed[e]=function(){return t}})},function(e,t,n){var i=n(2);"string"==typeof i&&(i=[[e.id,i,""]]);n(4)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,n){t=e.exports=n(3)(),t.push([e.id,'@font-face{font-family:iconfont;src:url("//at.alicdn.com/t/font_imzlg2x5bp47k3xr.eot");src:url("//at.alicdn.com/t/font_imzlg2x5bp47k3xr.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_imzlg2x5bp47k3xr.woff") format("woff"),url("//at.alicdn.com/t/font_imzlg2x5bp47k3xr.ttf") format("truetype"),url("//at.alicdn.com/t/font_imzlg2x5bp47k3xr.svg#iconfont") format("svg")}.checkbox-group,.radio-group{padding:2px 8px;border:1px solid #fff}.checkbox-inline{margin-right:20px;cursor:pointer;padding-left:20px;position:relative;vertical-align:middle}.checkbox-inline>input[type=checkbox],.checkbox-inline input[type=radio]{position:absolute;margin-left:-20px;top:2px}input[type=checkbox],input[type=radio]{margin-right:5px;vertical-align:middle}.input-lg{height:33px!important;line-height:33px!important}.checkbox{vertical-align:baseline;display:inline;margin-right:10px}.checkbox>input{display:none}.checkbox label{cursor:pointer}.checkbox>input+label{background-color:#fafafa;border:1px solid #cacece;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);display:inline-block;padding:7px;position:relative;vertical-align:middle;margin-right:5px;margin-top:-4px;line-height:16px!important}.checkbox>input:checked+label:after{font-family:iconfont;color:#99a1a7;content:"\\E62C";font-size:14px;left:0;top:-1px;position:absolute}.checkbox.disabled label{cursor:not-allowed;opacity:.5}',""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},o=0;o<this.length;o++){var r=this[o][0];"number"==typeof r&&(i[r]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&i[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(e,t,n){function i(e,t){for(var n=0;n<e.length;n++){var i=e[n],o=d[i.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](i.parts[r]);for(;r<i.parts.length;r++)o.parts.push(s(i.parts[r],t))}else{for(var a=[],r=0;r<i.parts.length;r++)a.push(s(i.parts[r],t));d[i.id]={id:i.id,refs:1,parts:a}}}}function o(e){for(var t=[],n={},i=0;i<e.length;i++){var o=e[i],r=o[0],a=o[1],c=o[2],s=o[3],l={css:a,media:c,sourceMap:s};n[r]?n[r].parts.push(l):t.push(n[r]={id:r,parts:[l]})}return t}function r(e,t){var n=h(),i=m[m.length-1];if("top"===e.insertAt)i?i.nextSibling?n.insertBefore(t,i.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),m.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=m.indexOf(e);t>=0&&m.splice(t,1)}function c(e){var t=document.createElement("style");return t.type="text/css",r(e,t),t}function s(e,t){var n,i,o;if(t.singleton){var r=g++;n=x||(x=c(t)),i=l.bind(null,n,r,!1),o=l.bind(null,n,r,!0)}else n=c(t),i=p.bind(null,n),o=function(){a(n)};return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else o()}}function l(e,t,n,i){var o=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=b(t,o);else{var r=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(r,a[t]):e.appendChild(r)}}function p(e,t){var n=t.css,i=t.media,o=t.sourceMap;if(i&&e.setAttribute("media",i),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var d={},u=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},f=u(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),h=u(function(){return document.head||document.getElementsByTagName("head")[0]}),x=null,g=0,m=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=f()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=o(e);return i(n,t),function(e){for(var r=[],a=0;a<n.length;a++){var c=n[a],s=d[c.id];s.refs--,r.push(s)}if(e){var l=o(e);i(l,t)}for(var a=0;a<r.length;a++){var s=r[a];if(0===s.refs){for(var p=0;p<s.parts.length;p++)s.parts[p]();delete d[s.id]}}}};var b=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{check:!1}},props:{id:{type:String,default:"id"},name:{type:String,default:"name"},value:{default:0},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},change:{type:Function,default:function(e,t){}}},computed:{trueid:function(){return"id"==this.id?this.getUuid():this.id}},mounted:function(){this.checked&&(this.check=!0)},methods:{chanegHandel:function(e){this.disabled||(this.change(this.value,e.target.checked),this.$parent.$emit("checkChange",this.value,e.target.checked))},getUuid:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0,n="x"==e?t:3&t|8;return n.toString(16)})}},components:{},watch:{check:function(){this.$parent.$emit("checkChange",this.value,!0)},checked:function(){this.disabled||(this.change(this.value,this.checked),this.$parent.$emit("checkChange",this.value,this.checked))}}}},function(e,t){e.exports=" <div class=checkbox :class=\"{'disabled': disabled}\"> <input type=checkbox :id=trueid :name=name :value=value :disabled=disabled @change=chanegHandel v-if=checked checked=checked /> <input type=checkbox :id=trueid :name=name :value=value :disabled=disabled @change=chanegHandel v-else/> <label :for=trueid></label> <label :for=trueid> <slot></slot> </label> </div> "}])});