vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Moved checkbox aria labelledby to passthru attributes

pull/345/head
cagataycivici 2020-05-13 00:25:35 +03:00
parent 0650459555
commit 76ea1d7196
4 changed files with 4 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/checkbox/Checkbox.d.ts vendored
View File

@ -4,7 +4,6 @@ export declare class Checkbox extends Vue {
value?: null; value?: null;
modelValue?: null; modelValue?: null;
binary?: boolean; binary?: boolean;
ariaLabelledBy?: string;
$emit(eventName: 'click', event: Event): this; $emit(eventName: 'click', event: Event): this;
$emit(eventName: 'input', value: any): this; $emit(eventName: 'input', value: any): this;
$emit(eventName: 'change', event: Event): this; $emit(eventName: 'change', event: Event): this;

5
src/components/checkbox/Checkbox.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="p-checkbox p-component" @click="onClick($event)"> <div class="p-checkbox p-component" @click="onClick($event)">
<div class="p-hidden-accessible"> <div class="p-hidden-accessible">
<input ref="input" type="checkbox" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus($event)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy"> <input ref="input" type="checkbox" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus($event)" @blur="onBlur($event)">
</div> </div>
<div ref="box" :class="['p-checkbox-box', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]" role="checkbox" :aria-checked="checked"> <div ref="box" :class="['p-checkbox-box', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]" role="checkbox" :aria-checked="checked">
<span :class="['p-checkbox-icon', {'pi pi-check': checked}]"></span> <span :class="['p-checkbox-icon', {'pi pi-check': checked}]"></span>
@ -17,8 +17,7 @@ export default {
props: { props: {
value: null, value: null,
modelValue: null, modelValue: null,
binary: Boolean, binary: Boolean
ariaLabelledBy: null
}, },
model: { model: {
prop: 'modelValue', prop: 'modelValue',

4
src/components/radiobutton/RadioButton.d.ts vendored
View File

@ -1,8 +1,8 @@
import Vue from 'vue'; import Vue from 'vue';
export declare class RadioButton extends Vue { export declare class RadioButton extends Vue {
value: any; value?: any;
modelValue: any; modelValue?: any;
$emit(eventName: 'click', event: Event): this; $emit(eventName: 'click', event: Event): this;
$emit(eventName: 'input', value: any): this; $emit(eventName: 'input', value: any): this;
$emit(eventName: 'change', event: Event): this; $emit(eventName: 'change', event: Event): this;

6
src/views/checkbox/CheckboxDoc.vue
View File

@ -59,12 +59,6 @@ export default {
<td>boolean</td> <td>boolean</td>
<td>false</td> <td>false</td>
<td>Allows to select a boolean value instead of multiple values.</td> <td>Allows to select a boolean value instead of multiple values.</td>
</tr>
<tr>
<td>ariaLabelledBy</td>
<td>string</td>
<td>null</td>
<td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>