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

Hidden input renaming for PT

pull/3946/head
Tuğçe Küçükoğlu 2023-05-10 11:26:12 +03:00
parent 621b56acd9
commit 3c2e8c005c
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/lib/checkbox/Checkbox.d.ts vendored
View File

@ -38,13 +38,13 @@ export interface CheckboxPassThroughOptions {
*/ */
icon?: CheckboxPassThroughOptionType; icon?: CheckboxPassThroughOptionType;
/** /**
* Uses to pass attributes to the hidden accessible DOM element. * Uses to pass attributes to the hidden input wrapper's DOM element.
*/ */
hiddenAccessible?: CheckboxPassThroughOptionType; hiddenInputWrapper?: CheckboxPassThroughOptionType;
/** /**
* Uses to pass attributes to the input aria's DOM element. * Uses to pass attributes to the hidden input's DOM element.
*/ */
inputAria?: CheckboxPassThroughOptionType; hiddenInput?: CheckboxPassThroughOptionType;
} }
/** /**

4
components/lib/checkbox/Checkbox.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div :class="containerClass" @click="onClick($event)" v-bind="ptm('root')"> <div :class="containerClass" @click="onClick($event)" v-bind="ptm('root')">
<div class="p-hidden-accessible" v-bind="ptm('hiddenAccessible')"> <div class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')">
<input <input
ref="input" ref="input"
:id="inputId" :id="inputId"
@ -16,7 +16,7 @@
:aria-label="ariaLabel" :aria-label="ariaLabel"
@focus="onFocus($event)" @focus="onFocus($event)"
@blur="onBlur($event)" @blur="onBlur($event)"
v-bind="ptm('inputAria')" v-bind="ptm('hiddenInput')"
/> />
</div> </div>
<div ref="box" :class="['p-checkbox-box', inputClass, { 'p-highlight': checked, 'p-disabled': disabled, 'p-focus': focused }]" :style="inputStyle" v-bind="{ ...inputProps, ...ptm('input') }"> <div ref="box" :class="['p-checkbox-box', inputClass, { 'p-highlight': checked, 'p-disabled': disabled, 'p-focus': focused }]" :style="inputStyle" v-bind="{ ...inputProps, ...ptm('input') }">