primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 2.74 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.checkbox=function(e,l,t){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Checkbox",emits:["click","update:modelValue","change","input","focus","blur"],props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{onClick(e){if(!this.disabled&&!this.readonly){let t;t=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((e=>!l.ObjectUtils.equals(e,this.value))):this.modelValue?[...this.modelValue,this.value]:[this.value],this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),this.$refs.input.focus()}},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{checked(){return this.binary?this.modelValue===this.trueValue:l.ObjectUtils.contains(this.value,this.modelValue)},containerClass(){return["p-checkbox p-component",{"p-checkbox-checked":this.checked,"p-checkbox-disabled":this.disabled,"p-checkbox-focused":this.focused}]}},components:{CheckIcon:i(e).default}};const u={class:"p-hidden-accessible"},n=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];return a.render=function(e,l,i,a,c,s){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.containerClass),onClick:l[2]||(l[2]=e=>s.onClick(e))},[t.createElementVNode("div",u,[t.createElementVNode("input",t.mergeProps({ref:"input",id:i.inputId,type:"checkbox",value:i.value,name:i.name,checked:s.checked,tabindex:i.tabindex,disabled:i.disabled,readonly:i.readonly,required:i.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:l[0]||(l[0]=e=>s.onFocus(e)),onBlur:l[1]||(l[1]=e=>s.onBlur(e))},i.inputProps),null,16,n)]),t.createElementVNode("div",{ref:"box",class:t.normalizeClass(["p-checkbox-box",i.inputClass,{"p-highlight":s.checked,"p-disabled":i.disabled,"p-focus":c.focused}]),style:t.normalizeStyle(i.inputStyle)},[t.renderSlot(e.$slots,"icon",{checked:s.checked},(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.checked?"CheckIcon":null),{class:"p-checkbox-icon"}))]))],6)],2)},a}(primevue.icons.check,primevue.utils,Vue);