vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3922 - For RadioButton

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-05-05 18:20:34 +03:00
parent 26cbc4dc4c
commit 7000136a6a
4 changed files with 70 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/lib/radiobutton/RadioButton.vue
View file

@ -1,6 +1,6 @@
<template>
<div :class="containerClass" @click="onClick($event)">
<div class="p-hidden-accessible">
<div :class="containerClass" @click="onClick($event)" v-bind="ptm('root')">
<div class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')">
<input
ref="input"
:id="inputId"
@ -15,20 +15,22 @@
:aria-label="ariaLabel"
@focus="onFocus"
@blur="onBlur"
v-bind="inputProps"
v-bind="ptm('hiddenInput')"
/>
</div>
<div ref="box" :class="['p-radiobutton-box', { 'p-highlight': checked, 'p-disabled': disabled, 'p-focus': focused }]">
<div class="p-radiobutton-icon"></div>
<div ref="box" :class="['p-radiobutton-box', { 'p-highlight': checked, 'p-disabled': disabled, 'p-focus': focused }]" v-bind="{ ...inputProps, ...ptm('input') }">
<div class="p-radiobutton-icon" v-bind="ptm('icon')"></div>
</div>
</div>
</template>
<script>
import BaseComponent from 'primevue/basecomponent';
import { ObjectUtils } from 'primevue/utils';
export default {
name: 'RadioButton',
extends: BaseComponent,
emits: ['click', 'update:modelValue', 'change', 'focus', 'blur'],
props: {
value: null,