mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
feat(Search): improve accessibility (#4522)
This commit is contained in:
parent
a1ac34bead
commit
890936f61d
@ -53,17 +53,17 @@ function Search(
|
||||
}
|
||||
|
||||
function onCancel() {
|
||||
if (slots.action) {
|
||||
return;
|
||||
}
|
||||
|
||||
emit(ctx, 'input', '');
|
||||
emit(ctx, 'cancel');
|
||||
}
|
||||
|
||||
return (
|
||||
<div class={bem('action')}>
|
||||
{slots.action ? (
|
||||
slots.action()
|
||||
) : (
|
||||
<div onClick={onCancel}>{props.actionText || t('cancel')}</div>
|
||||
)}
|
||||
<div class={bem('action')} role="button" tabindex="0" onClick={onCancel}>
|
||||
{slots.action ? slots.action() : props.actionText || t('cancel')}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -27,9 +27,7 @@ exports[`renders demo correctly 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-search__action">
|
||||
<div>取消</div>
|
||||
</div>
|
||||
<div role="button" tabindex="0" class="van-search__action">取消</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -45,7 +43,7 @@ exports[`renders demo correctly 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-search__action">
|
||||
<div role="button" tabindex="0" class="van-search__action">
|
||||
<div>搜索</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -11,9 +11,7 @@ exports[`action-text prop 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-search__action">
|
||||
<div>Custom Text</div>
|
||||
</div>
|
||||
<div role="button" tabindex="0" class="van-search__action">Custom Text</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
@ -35,7 +35,7 @@ test('cancel event', () => {
|
||||
}
|
||||
});
|
||||
|
||||
const cancel = wrapper.find('.van-search__action div');
|
||||
const cancel = wrapper.find('.van-search__action');
|
||||
cancel.trigger('click');
|
||||
|
||||
expect(onInput).toHaveBeenCalledWith('');
|
||||
|
Loading…
x
Reference in New Issue
Block a user