mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2024-11-27 02:01:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [pagination] tab enable error if disabled (#8222)

Browse Source
This commit is contained in:
류한경 2022-06-16 01:34:09 +09:00 committed by GitHub
parent 7cb0b45d42
commit eace0489ea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/components/pagination/__tests__/pagination.test.ts
View File

@ -411,5 +411,28 @@ describe('Pagination', () => {
* expect(style.outline).toBeTruthy()
*/
})
test('test tabindex disabled', async () => {
const wrapper = mount({
setup() {
return () => {
return h(Pagination, {
total: 100,
disabled: true,
})
}
},
})
expect(
wrapper.find('.el-pager li:first-child').attributes('tabindex')
).toBe('-1')
await wrapper.setProps({ disabled: false })
expect(
wrapper.find('.el-pager li:first-child').attributes('tabindex')
).toBe('0')
})
})
})

11
packages/components/pagination/src/components/pager.vue
View File

@ -8,7 +8,7 @@
]"
class="number"
:aria-current="currentPage === 1"
tabindex="0"
:tabindex="tabindex"
>
1
</li>
@ -20,7 +20,7 @@
nsIcon.b(),
nsPager.is('disabled', disabled),
]"
tabindex="0"
:tabindex="tabindex"
@mouseenter="onMouseEnter(true)"
@mouseleave="quickPrevHover = false"
@focus="onFocus(true)"
@ -38,7 +38,7 @@
]"
class="number"
:aria-current="currentPage === pager"
tabindex="0"
:tabindex="tabindex"
>
{{ pager }}
</li>
@ -50,7 +50,7 @@
nsIcon.b(),
nsPager.is('disabled', disabled),
]"
tabindex="0"
:tabindex="tabindex"
@mouseenter="onMouseEnter()"
@mouseleave="quickNextHover = false"
@focus="onFocus()"
@ -67,7 +67,7 @@
]"
class="number"
:aria-current="currentPage === pageCount"
tabindex="0"
:tabindex="tabindex"
>
{{ pageCount }}
</li>
@ -128,6 +128,7 @@ const pagers = computed(() => {
}
return array
})
const tabindex = computed(() => (props.disabled ? -1 : 0))
watchEffect(() => {
const halfPagerCount = (props.pagerCount - 1) / 2
showPrevMore.value = false