baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge "fix: Fix row hide in base table"

Browse Source
This commit is contained in:
Zuul 2022-06-07 01:19:20 +00:00 committed by Gerrit Code Review
commit 50f465eb13
1 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Tables/Base/index.jsx
View File

@ -124,7 +124,6 @@ export class BaseTable extends React.Component {
constructor(props) {
super(props);
this.state = {
hideRow:
getLocalStorageItem(`${this.useId}-${this.props.resourceName}`) || [],
@ -136,16 +135,6 @@ export class BaseTable extends React.Component {
this.sortKey = props.defaultSortKey;
this.sortOrder = props.defaultSortOrder;
this.hideableRow = props.columns
.filter((column) => !column.hidden)
.filter((column) => column.isHideable)
.map((column) => ({
label: column.title,
value: this.getDataIndex(column.dataIndex) || column.key,
}));
this.hideableColValues = this.hideableRow.map((item) => item.value);
this.suggestions = props.columns
.filter((column) => column.search && column.dataIndex)
.map((column) => ({
@ -160,6 +149,16 @@ export class BaseTable extends React.Component {
}));
}
get hideableRows() {
return this.props.columns
.filter((column) => !column.hidden)
.filter((column) => column.isHideable)
.map((column) => ({
label: column.title,
value: this.getDataIndex(column.dataIndex) || column.key,
}));
}
get useId() {
const { user = {} } = toJS(this.props.rootStore) || {};
const { user: { id } = {} } = user || {};
@ -238,11 +237,10 @@ export class BaseTable extends React.Component {
};
handleRowHide = (columns) => {
const hideableColValues = this.hideableRows.map((item) => item.value);
this.setState(
{
hideRow: this.hideableColValues.filter(
(value) => !columns.includes(value)
),
hideRow: hideableColValues.filter((value) => !columns.includes(value)),
},
() => {
setLocalStorageItem(
@ -815,7 +813,7 @@ export class BaseTable extends React.Component {
const getHideColKeys = (cols) => {
const results = [];
this.hideableRow.forEach((item) => {
this.hideableRows.forEach((item) => {
if (cols.indexOf(item.value) === -1) {
results.push(item.value);
}
@ -826,7 +824,7 @@ export class BaseTable extends React.Component {
return (
<CustomColumns
className={styles['column-menu']}
options={this.hideableRow}
options={this.hideableRows}
value={getHideColKeys(hideRow)}
onChange={this.handleRowHide}
/>