javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-26 04:27:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [table] update expand-row-keys invalid (#20811)

Browse Source
This commit is contained in:
sea
2025-05-22 09:13:39 +08:00
committed by GitHub
parent 8ddbb1d85a
commit 040520dddf
2 changed files with 80 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
packages/components/table/__tests__/table.test.ts
View File

@ -1867,6 +1867,81 @@ describe('Table.vue', () => {
})
})
it('tree-props & update expandRowKeys', async () => {
wrapper = mount({
components: {
ElTable,
ElTableColumn,
},
template: `
<el-table :data="testData" row-key="release" :expand-row-keys="expandRowKeys">
<el-table-column prop="name" label="片名" />
<el-table-column prop="release" label="发行日期" />
<el-table-column prop="edit" label="修改">
<template #default="{row}">
<button class="edit" @click="row.release =Date.now()">click</button>
</template>
</el-table-column>
</el-table>
`,
data() {
const testData = [
{
id: 1,
name: 'Toy Story',
release: '1995-11-22',
children: [
{ id: 11, name: 'Toy Story Session 1' },
{ id: 12, name: 'Toy Story Session 2' },
],
},
{
id: 2,
name: 'The Matrix',
release: '1999-3-31',
director: 'The Wachowskis',
children: [
{ id: 21, name: "The Matrix' Session 1" },
{ id: 22, name: "The Matrix' Session 2" },
],
},
]
return {
testData,
expandRowKeys: ['1995-11-22'],
}
},
methods: {
update(list: string[]) {
this.expandRowKeys = list
},
},
})
await doubleWait()
let childRows = wrapper.findAll('.el-table__row--level-1')
expect(childRows.length).toEqual(4)
childRows.forEach((item, index) => {
if (index < 2) {
expect(item.attributes('style')).toBeUndefined()
} else {
expect(item.attributes('style')).toContain('display: none')
}
})
wrapper.vm.update([])
await doubleWait()
childRows = wrapper.findAll('.el-table__row--level-1')
childRows.forEach((item) => {
expect(item.attributes('style')).toContain('display: none')
})
wrapper.vm.update(['1995-11-22', '1999-3-31'])
await doubleWait()
childRows = wrapper.findAll('.el-table__row--level-1')
childRows.forEach((item) => {
expect(item.attributes('style')).toContain('')
})
})
it('expand-row-keys & toggleRowExpansion', async () => {
wrapper = mount({
components: {

6
packages/components/table/src/store/tree.ts
View File

@ -70,6 +70,8 @@ function useTree<T>(watcherData: WatcherPropsData<T>) {
}
let isInitTree = true
let hasUpdateExpandRowKeys = false
const updateTreeData = (ifChangeExpandRowKeys = false) => {
const nested = normalizedData.value
const normalizedLazyNode_ = normalizedLazyNode.value
@ -83,7 +85,8 @@ function useTree<T>(watcherData: WatcherPropsData<T>) {
const rootLazyRowKeys = []
const getExpanded = (oldValue, key) => {
if (ifChangeExpandRowKeys) {
if (expandRowKeys.value.length) {
if (expandRowKeys.value.length || hasUpdateExpandRowKeys) {
hasUpdateExpandRowKeys = false
return ifExpandAll || expandRowKeys.value.includes(key)
} else {
return !!(ifExpandAll || oldValue?.expanded)
@ -141,6 +144,7 @@ function useTree<T>(watcherData: WatcherPropsData<T>) {
watch(
() => expandRowKeys.value,
() => {
hasUpdateExpandRowKeys = true
updateTreeData(true)
}
)