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

Revert "$attrs binding defects" 

This reverts commit d0ce71ad7d.
pull/6897/head
tugcekucukoglu 2024-11-29 18:28:31 +03:00
parent 07fae3b6de
commit 60f5a2e13a
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/inputotp/SampleDoc.vue
View File

@ -8,7 +8,7 @@
<p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p> <p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p>
<InputOtp v-model="value" :length="6" style="gap: 0"> <InputOtp v-model="value" :length="6" style="gap: 0">
<template #default="{ attrs, events, index }"> <template #default="{ attrs, events, index }">
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" /> <input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<div v-if="index === 3" class="px-4"> <div v-if="index === 3" class="px-4">
<i class="pi pi-minus" /> <i class="pi pi-minus" />
</div> </div>
@ -35,7 +35,7 @@ export default {
<p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p> <p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p>
<InputOtp v-model="value" :length="6" style="gap: 0"> <InputOtp v-model="value" :length="6" style="gap: 0">
<template #default="{ attrs, events, index }"> <template #default="{ attrs, events, index }">
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" /> <input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<div v-if="index === 3" class="px-4"> <div v-if="index === 3" class="px-4">
<i class="pi pi-minus" /> <i class="pi pi-minus" />
</div> </div>
@ -55,7 +55,7 @@ export default {
<p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p> <p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p>
<InputOtp v-model="value" :length="6" style="gap: 0"> <InputOtp v-model="value" :length="6" style="gap: 0">
<template #default="{ attrs, events, index }"> <template #default="{ attrs, events, index }">
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" /> <input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<div v-if="index === 3" class="px-4"> <div v-if="index === 3" class="px-4">
<i class="pi pi-minus" /> <i class="pi pi-minus" />
</div> </div>
@ -125,7 +125,7 @@ export default {
<p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p> <p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p>
<InputOtp v-model="value" :length="6" style="gap: 0"> <InputOtp v-model="value" :length="6" style="gap: 0">
<template #default="{ attrs, events, index }"> <template #default="{ attrs, events, index }">
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" /> <input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<div v-if="index === 3" class="px-4"> <div v-if="index === 3" class="px-4">
<i class="pi pi-minus" /> <i class="pi pi-minus" />
</div> </div>

8
apps/showcase/doc/inputotp/TemplateDoc.vue
View File

@ -5,7 +5,7 @@
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputOtp v-model="value"> <InputOtp v-model="value">
<template #default="{ attrs, events }"> <template #default="{ attrs, events }">
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" /> <input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
</template> </template>
</InputOtp> </InputOtp>
</div> </div>
@ -21,7 +21,7 @@ export default {
basic: ` basic: `
<InputOtp v-model="value"> <InputOtp v-model="value">
<template #default="{ attrs, events }"> <template #default="{ attrs, events }">
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" /> <input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
</template> </template>
</InputOtp> </InputOtp>
`, `,
@ -30,7 +30,7 @@ export default {
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputOtp v-model="value"> <InputOtp v-model="value">
<template #default="{ attrs, events }"> <template #default="{ attrs, events }">
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" /> <input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
</template> </template>
</InputOtp> </InputOtp>
</div> </div>
@ -69,7 +69,7 @@ export default {
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputOtp v-model="value"> <InputOtp v-model="value">
<template #default="{ attrs, events }"> <template #default="{ attrs, events }">
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" /> <input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
</template> </template>
</InputOtp> </InputOtp>
</div> </div>