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

Refactor #5273 - Refactor on Calendar and Password

pull/5282/head
tugcekucukoglu 2024-02-14 10:34:27 +03:00
parent 40eda9de88
commit b7cf334d2a
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/calendar/style/CalendarStyle.js
View File

@ -9,7 +9,7 @@ const classes = {
'p-calendar p-component p-inputwrapper', 'p-calendar p-component p-inputwrapper',
{ {
'p-calendar-w-btn': props.showIcon && props.iconDisplay === 'button', 'p-calendar-w-btn': props.showIcon && props.iconDisplay === 'button',
'p-input-icon-right': props.showIcon && props.iconDisplay === 'input', 'p-icon-field p-icon-field-right': props.showIcon && props.iconDisplay === 'input',
'p-calendar-timeonly': props.timeOnly, 'p-calendar-timeonly': props.timeOnly,
'p-calendar-disabled': props.disabled, 'p-calendar-disabled': props.disabled,
'p-invalid': props.invalid, 'p-invalid': props.invalid,
@ -25,7 +25,7 @@ const classes = {
} }
], ],
dropdownButton: 'p-datepicker-trigger', dropdownButton: 'p-datepicker-trigger',
inputIcon: 'p-datepicker-trigger-icon', inputIcon: 'p-datepicker-trigger-icon p-input-icon',
panel: ({ instance, props, state }) => [ panel: ({ instance, props, state }) => [
'p-datepicker p-component', 'p-datepicker p-component',
{ {

4
components/lib/password/Password.vue
View File

@ -27,10 +27,10 @@
:unstyled="unstyled" :unstyled="unstyled"
/> />
<slot v-if="toggleMask && unmasked" name="hideicon" :onClick="onMaskToggle" :toggleCallback="onMaskToggle"> <slot v-if="toggleMask && unmasked" name="hideicon" :onClick="onMaskToggle" :toggleCallback="onMaskToggle">
<component :is="hideIcon ? 'i' : 'EyeSlashIcon'" :class="hideIcon" @click="onMaskToggle" v-bind="ptm('hideIcon')" /> <component :is="hideIcon ? 'i' : 'EyeSlashIcon'" :class="[cx('hideIcon'), hideIcon]" @click="onMaskToggle" v-bind="ptm('hideIcon')" />
</slot> </slot>
<slot v-if="toggleMask && !unmasked" name="showicon" :onClick="onMaskToggle" :toggleCallback="onMaskToggle"> <slot v-if="toggleMask && !unmasked" name="showicon" :onClick="onMaskToggle" :toggleCallback="onMaskToggle">
<component :is="showIcon ? 'i' : 'EyeIcon'" :class="showIcon" @click="onMaskToggle" v-bind="ptm('showIcon')" /> <component :is="showIcon ? 'i' : 'EyeIcon'" :class="[cx('showIcon'), showIcon]" @click="onMaskToggle" v-bind="ptm('showIcon')" />
</slot> </slot>
<span class="p-hidden-accessible" aria-live="polite" v-bind="ptm('hiddenAccesible')" :data-p-hidden-accessible="true"> <span class="p-hidden-accessible" aria-live="polite" v-bind="ptm('hiddenAccesible')" :data-p-hidden-accessible="true">
{{ infoText }} {{ infoText }}

6
components/lib/password/style/PasswordStyle.js
View File

@ -10,7 +10,7 @@ const classes = {
{ {
'p-inputwrapper-filled': instance.filled, 'p-inputwrapper-filled': instance.filled,
'p-inputwrapper-focus': instance.focused, 'p-inputwrapper-focus': instance.focused,
'p-input-icon-right': props.toggleMask 'p-icon-field p-icon-field-right': props.toggleMask
} }
], ],
input: ({ props }) => [ input: ({ props }) => [
@ -19,7 +19,9 @@ const classes = {
'p-disabled': props.disabled 'p-disabled': props.disabled
} }
], ],
panel: ({ props, instance }) => [ hideIcon: 'p-input-icon',
showIcon: 'p-input-icon',
panel: ({ instance }) => [
'p-password-panel p-component', 'p-password-panel p-component',
{ {
'p-ripple-disabled': instance.$primevue.config.ripple === false 'p-ripple-disabled': instance.$primevue.config.ripple === false