blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

chore(PasswordInput): renderPoints

Browse Source
This commit is contained in:
chenjiahan 2020-09-27 16:48:39 +08:00
parent 81bca27544
commit 1c020a9dac
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/password-input/index.js
View File

@ -32,11 +32,10 @@ export default createComponent({
emit('focus', event);
};
return () => {
const { mask, value, length, gutter, focused, errorInfo } = props;
const info = errorInfo || props.info;
const renderPoints = () => {
const Points = [];
const { mask, value, length, gutter, focused } = props;
for (let i = 0; i < length; i++) {
const char = value[i];
const showBorder = i !== 0 && !gutter;
@ -65,16 +64,23 @@ export default createComponent({
);
}
return Points;
};
return () => {
const info = props.errorInfo || props.info;
return (
<div class={bem()}>
<ul
class={[bem('security'), { [BORDER_SURROUND]: !gutter }]}
class={[bem('security'), { [BORDER_SURROUND]: !props.gutter }]}
onTouchstart={onTouchStart}
>
{Points}
{renderPoints()}
</ul>
{info && (
<div class={bem(errorInfo ? 'error-info' : 'info')}>{info}</div>
<div class={bem(props.errorInfo ? 'error-info' : 'info')}>
{info}
</div>
)}
</div>
);