fix(components): [date-picker-panel] wrong style when use showWeekNumber (#22559)

* fix: the selected row has '.current' class when show-week-number

* test: add test case
This commit is contained in:
Rainbow
2025-10-24 16:46:33 +08:00
committed by GitHub
parent e6f5d0e338
commit e5495d89d5
2 changed files with 19 additions and 1 deletions

View File

@@ -25,7 +25,7 @@
<tr
v-for="(row, rowKey) in rows"
:key="rowKey"
:class="getRowKls(row[1])"
:class="getRowKls(showWeekNumber ? row[2] : row[1])"
>
<td
v-for="(cell, columnKey) in row"

View File

@@ -3037,4 +3037,22 @@ describe('YearRange', () => {
expect(wrapper.vm.value).toEqual('')
})
})
it('the selected row has .current class when show-week-number', async () => {
_mount(
`<el-date-picker
v-model="value"
type="week"
show-week-number
/>`,
() => ({
value: '2025-10-23',
})
)
await nextTick()
const rows = document.querySelectorAll('.el-date-table__row')
const selectedRow = document.querySelectorAll('.el-date-table__row.current')
expect(rows[3].classList.contains('current')).toBeTruthy()
expect(selectedRow.length).toBe(1)
})
})