mirror of
https://github.com/jumpserver/lina.git
synced 2025-11-11 04:11:51 +00:00
Compare commits
1 Commits
v3.10.20-l
...
pr@v3@fix_
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
f1dd874562 |
@@ -5,6 +5,11 @@
|
||||
<slot name="no-data" />
|
||||
</template>
|
||||
<template v-else>
|
||||
<!--
|
||||
过滤 selection 相关事件的透传,避免父组件收到 el-table 原生的"当前页" selection,
|
||||
导致跨页选择(persistSelection)被覆盖,只剩当页数据。
|
||||
选择事件统一走 selectStrategy,在内部维护全量 selected 并向外 emit。
|
||||
-->
|
||||
<el-table
|
||||
ref="table"
|
||||
v-loading="loading"
|
||||
@@ -12,7 +17,7 @@
|
||||
:row-class-name="rowClassName"
|
||||
v-bind="tableAttrs"
|
||||
@select="selectStrategy.onSelect"
|
||||
v-on="$listeners"
|
||||
v-on="forwardListeners"
|
||||
@selection-change="selectStrategy.onSelectionChange"
|
||||
@select-all="selectStrategy.onSelectAll($event, canSelect)"
|
||||
@sort-change="onSortChange"
|
||||
@@ -803,6 +808,16 @@ export default {
|
||||
selectStrategy() {
|
||||
return getSelectStrategy(this)
|
||||
},
|
||||
// 过滤会与内部选择策略冲突的事件,避免父组件只拿到当前页 selection
|
||||
forwardListeners() {
|
||||
const listeners = { ...this.$listeners }
|
||||
delete listeners['selection-change']
|
||||
delete listeners['select']
|
||||
delete listeners['select-all']
|
||||
// 外层如需监听 selection 变化,请监听本组件透出的 selection-change,
|
||||
// 该事件来自选择策略,已汇总跨页后的全量 selected
|
||||
return listeners
|
||||
},
|
||||
searchLocatedSlotKeys() {
|
||||
return getLocatedSlotKeys(this.$slots, 'search:')
|
||||
},
|
||||
|
||||
@@ -79,6 +79,9 @@ class StrategyPersistSelection extends StrategyAbstract {
|
||||
onSelect(selection, row) {
|
||||
const isChosen = selection.indexOf(row) > -1
|
||||
this.toggleRowSelection(row, isChosen)
|
||||
// el-table 原生 selection-change 仅包含当前页。为保证跨页勾选有效,
|
||||
// 在内部策略维护完 selected 后,向外部同步"全量已选"。
|
||||
this.elDataTable.$emit('selection-change', this.elDataTable.selected)
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -149,11 +152,15 @@ class StrategyPersistSelection extends StrategyAbstract {
|
||||
|
||||
this.elDataTable.$emit('toggle-row-selection', isSelected, row)
|
||||
this.updateElTableSelection()
|
||||
// 切换后同步全量 selection(跨页)
|
||||
this.elDataTable.$emit('selection-change', this.elDataTable.selected)
|
||||
}
|
||||
|
||||
clearSelection() {
|
||||
this.elDataTable.selected = []
|
||||
this.updateElTableSelection()
|
||||
// 清空后也同步给外部,保持外层状态一致
|
||||
this.elDataTable.$emit('selection-change', this.elDataTable.selected)
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user