UNPKG

primevue

Version:

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

2 lines (1 loc) 1.53 kB
import{ObjectUtils as e}from"primevue/utils";import{openBlock as t,createElementBlock as s,normalizeClass as i,normalizeStyle as o,createElementVNode as l,mergeProps as c}from"vue";var u={name:"RadioButton",inheritAttrs:!1,emits:["click","update:modelValue","change"],props:{value:null,modelValue:null,class:null,style:null},data:()=>({focused:!1}),methods:{onClick(e){this.$attrs.disabled||(this.$emit("click",e),this.$emit("update:modelValue",this.value),this.$refs.input.focus(),this.checked||this.$emit("change",e))},onFocus(){this.focused=!0},onBlur(){this.focused=!1}},computed:{checked(){return null!=this.modelValue&&e.equals(this.modelValue,this.value)},containerClass(){return["p-radiobutton p-component",this.class,{"p-radiobutton-checked":this.checked,"p-radiobutton-disabled":this.$attrs.disabled,"p-radiobutton-focused":this.focused}]}}};const a={class:"p-hidden-accessible"},d=["checked","value"],n=["aria-checked"],r=[l("div",{class:"p-radiobutton-icon"},null,-1)];u.render=function(e,u,h,p,m,k){return t(),s("div",{class:i(k.containerClass),onClick:u[2]||(u[2]=e=>k.onClick(e)),style:o(h.style)},[l("div",a,[l("input",c({ref:"input",type:"radio",checked:k.checked,value:h.value},e.$attrs,{onFocus:u[0]||(u[0]=(...e)=>k.onFocus&&k.onFocus(...e)),onBlur:u[1]||(u[1]=(...e)=>k.onBlur&&k.onBlur(...e))}),null,16,d)]),l("div",{ref:"box",class:i(["p-radiobutton-box",{"p-highlight":k.checked,"p-disabled":e.$attrs.disabled,"p-focus":m.focused}]),role:"radio","aria-checked":k.checked},r,10,n)],6)};export{u as default};