Fixed #2610 - Password: Missing change and blur events
parent
2d25f29644
commit
7ba774007a
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div :class="containerClass" :style="styles">
|
<div :class="containerClass" :style="styles">
|
||||||
<PInputText ref="input" :class="inputFieldClass" :style="inputStyle" :type="inputType" :value="d_value" @input="onInput" @focus="onFocus" @blur="onBlur" @keyup="onKeyUp" v-bind="$attrs" />
|
<PInputText ref="input" :class="inputFieldClass" :style="inputStyle" :type="inputType" :value="d_value" v-bind="$attrs" v-on="listeners" />
|
||||||
<i v-if="toggleMask" :class="toggleIconClass" @click="onMaskToggle" />
|
<i v-if="toggleMask" :class="toggleIconClass" @click="onMaskToggle" />
|
||||||
<transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
|
<transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
|
||||||
<div ref="overlayRef" class="p-password-panel p-component" v-if="overlayVisible">
|
<div ref="overlayRef" class="p-password-panel p-component" v-if="overlayVisible">
|
||||||
|
@ -163,17 +163,19 @@ export default {
|
||||||
onInput(event) {
|
onInput(event) {
|
||||||
this.$emit('input', event);
|
this.$emit('input', event);
|
||||||
},
|
},
|
||||||
onFocus() {
|
onFocus(event) {
|
||||||
this.focused = true;
|
this.focused = true;
|
||||||
if (this.feedback) {
|
if (this.feedback) {
|
||||||
this.overlayVisible = true;
|
this.overlayVisible = true;
|
||||||
}
|
}
|
||||||
|
this.$emit('focus', event);
|
||||||
},
|
},
|
||||||
onBlur() {
|
onBlur(event) {
|
||||||
this.focused = false;
|
this.focused = false;
|
||||||
if (this.feedback) {
|
if (this.feedback) {
|
||||||
this.overlayVisible = false;
|
this.overlayVisible = false;
|
||||||
}
|
}
|
||||||
|
this.$emit('blur', event);
|
||||||
},
|
},
|
||||||
onKeyUp(event) {
|
onKeyUp(event) {
|
||||||
if (this.feedback) {
|
if (this.feedback) {
|
||||||
|
@ -213,6 +215,8 @@ export default {
|
||||||
this.overlayVisible = true;
|
this.overlayVisible = true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
this.$emit('keyup', event);
|
||||||
},
|
},
|
||||||
bindScrollListener() {
|
bindScrollListener() {
|
||||||
if (!this.scrollHandler) {
|
if (!this.scrollHandler) {
|
||||||
|
@ -251,6 +255,25 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
listeners() {
|
||||||
|
let $vm = this;
|
||||||
|
|
||||||
|
return {
|
||||||
|
...$vm.$listeners,
|
||||||
|
input: event => {
|
||||||
|
this.onInput(event);
|
||||||
|
},
|
||||||
|
focus: event => {
|
||||||
|
this.onFocus(event);
|
||||||
|
},
|
||||||
|
blur: event => {
|
||||||
|
this.onBlur(event);
|
||||||
|
},
|
||||||
|
keyup: event => {
|
||||||
|
this.onKeyUp(event);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
containerClass() {
|
containerClass() {
|
||||||
return ['p-password p-component p-inputwrapper', this.className, {
|
return ['p-password p-component p-inputwrapper', this.className, {
|
||||||
'p-inputwrapper-filled': this.filled,
|
'p-inputwrapper-filled': this.filled,
|
||||||
|
|
Loading…
Reference in New Issue