/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/select/src/navigation-mixin.js
54 строки
1 KB
杨奕
Select: fix infinite loop of keyboard navigation when all filtered options are disabled (#10945)
29 апр 2018, 13:12
Не верифицирован
29 апр 2018, 13:12
1aed314
Код
Авторство
О чём код?
export default { data() { return { hoverOption: -1 }; }, computed: { optionsAllDisabled() { return this.options.filter(option => option.visible).every(option => option.disabled); } }, watch: { hoverIndex(val) { if (typeof val === 'number' && val > -1) { this.hoverOption = this.options[val] || {}; } this.options.forEach(option => { option.hover = this.hoverOption === option; }); } }, methods: { navigateOptions(direction) { if (!this.visible) { this.visible = true; return; } if (this.options.length === 0 || this.filteredOptionsCount === 0) return; if (!this.optionsAllDisabled) { if (direction === 'next') { this.hoverIndex++; if (this.hoverIndex === this.options.length) { this.hoverIndex = 0; } } else if (direction === 'prev') { this.hoverIndex--; if (this.hoverIndex < 0) { this.hoverIndex = this.options.length - 1; } } const option = this.options[this.hoverIndex]; if (option.disabled === true || option.groupDisabled === true || !option.visible) { this.navigateOptions(direction); } this.$nextTick(() => this.scrollToOption(this.hoverOption)); } } } };