Fixed #1066 - hideIcon and showIcon for Password
parent
6963002487
commit
092396ca9c
|
@ -70,6 +70,18 @@ const PasswordProps = [
|
||||||
type: "string",
|
type: "string",
|
||||||
default: "null",
|
default: "null",
|
||||||
description: "Style class of the input field."
|
description: "Style class of the input field."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "hideIcon",
|
||||||
|
type: "string",
|
||||||
|
default: "pi pi-eye-slash",
|
||||||
|
description: "Icon to hide displaying the password as plain text."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "showIcon",
|
||||||
|
type: "string",
|
||||||
|
default: "pi pi-eye",
|
||||||
|
description: "Icon to show displaying the password as plain text."
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
|
@ -3,6 +3,7 @@ import { VNode } from 'vue';
|
||||||
interface AccordionProps {
|
interface AccordionProps {
|
||||||
multiple?: boolean;
|
multiple?: boolean;
|
||||||
activeIndex?: Number|[Number];
|
activeIndex?: Number|[Number];
|
||||||
|
lazy?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
declare class Accordion {
|
declare class Accordion {
|
||||||
|
|
|
@ -12,6 +12,8 @@ interface PasswordProps {
|
||||||
inputStyle?: any;
|
inputStyle?: any;
|
||||||
inputClass?: string;
|
inputClass?: string;
|
||||||
panelClass?: string;
|
panelClass?: string;
|
||||||
|
hideIcon?: string;
|
||||||
|
showIcon?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
declare class Password {
|
declare class Password {
|
||||||
|
|
|
@ -66,6 +66,14 @@ export default {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
|
hideIcon: {
|
||||||
|
type: String,
|
||||||
|
default: 'pi pi-eye-slash'
|
||||||
|
},
|
||||||
|
showIcon: {
|
||||||
|
type: String,
|
||||||
|
default: 'pi pi-eye'
|
||||||
|
},
|
||||||
inputClass: String,
|
inputClass: String,
|
||||||
inputStyle: null,
|
inputStyle: null,
|
||||||
style: null,
|
style: null,
|
||||||
|
@ -264,7 +272,7 @@ export default {
|
||||||
}];
|
}];
|
||||||
},
|
},
|
||||||
toggleIconClass() {
|
toggleIconClass() {
|
||||||
return this.unmasked ? 'pi pi-eye-slash' : 'pi pi-eye';
|
return this.unmasked ? this.hideIcon : this.showIcon;
|
||||||
},
|
},
|
||||||
strengthClass() {
|
strengthClass() {
|
||||||
return `p-password-strength ${this.meter ? this.meter.strength : ''}`;
|
return `p-password-strength ${this.meter ? this.meter.strength : ''}`;
|
||||||
|
|
|
@ -2,6 +2,7 @@ import { VNode } from 'vue';
|
||||||
|
|
||||||
interface TabViewProps {
|
interface TabViewProps {
|
||||||
activeIndex?: number;
|
activeIndex?: number;
|
||||||
|
lazy?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
declare class TabView {
|
declare class TabView {
|
||||||
|
|
|
@ -141,6 +141,18 @@ import Password from 'primevue/password';
|
||||||
<td>string</td>
|
<td>string</td>
|
||||||
<td>null</td>
|
<td>null</td>
|
||||||
<td>Style class of the input field.</td>
|
<td>Style class of the input field.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>hideIcon</td>
|
||||||
|
<td>string</td>
|
||||||
|
<td>pi pi-eye-slash</td>
|
||||||
|
<td>Icon to hide displaying the password as plain text.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>showIcon</td>
|
||||||
|
<td>string</td>
|
||||||
|
<td>pi pi-eye</td>
|
||||||
|
<td>Icon to show displaying the password as plain text.</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
Loading…
Reference in New Issue