theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨(component): 优化 table 与 transfer 复选逻辑

Browse Source
This commit is contained in:
就眠儀式 2022-08-10 23:22:30 +08:00
parent 78559592e9
commit 4f5b8b7194
2 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
package/component/src/component/table/index.vue
View File

@ -263,18 +263,18 @@ watch(
{ deep: true } { deep: true }
); );
const changeAll = (checked: any) => { const changeAll = (isChecked: boolean) => {
const ids = props.dataSource.map((item: any) => { // Selected
return item[props.id]; if(isChecked) {
}); const datasources = props.dataSource.filter((item: any, index: number) => {
let arr = [...tableSelectedKeys.value]; return !props.getCheckboxProps(item, index).disabled;
arr.splice(0, ids.length);
if (checked) {
ids.forEach((id) => {
arr.push(id);
}); });
} const ids = datasources.map((item) => {return item[props.id]});
tableSelectedKeys.value = arr; tableSelectedKeys.value = [...ids];
} else {
// unSelected
tableSelectedKeys.value = [];
}
}; };
watch( watch(

20
package/component/src/component/transfer/index.vue
View File

@ -48,12 +48,12 @@ const hasRightChecked = ref(false);
const allLeftChange = (isChecked: boolean) => { const allLeftChange = (isChecked: boolean) => {
if (isChecked) { if (isChecked) {
const ids = leftDataSource.value.map((item: any) => { const datasources = leftDataSource.value.filter((item: any) => {
if(!item.disabled) { return !item.disabled
return item[props.id];
}
}); });
leftSelectedKeys.value = ids; const ids = datasources.map((item) => {return item[props.id]});
console.log(JSON.stringify(ids))
leftSelectedKeys.value = [...ids];
} else { } else {
leftSelectedKeys.value = []; leftSelectedKeys.value = [];
} }
@ -81,12 +81,12 @@ watch(
const allRightChange = (checked: any) => { const allRightChange = (checked: any) => {
if (checked) { if (checked) {
const ids = rightDataSource.value.map((item: any) => { const datasources = rightDataSource.value.filter((item: any) => {
if(!item.disabled) { return !item.disabled
return item[props.id];
}
}); });
rightSelectedKeys.value = ids; const ids = datasources.map((item) => { return item[props.id]})
console.log(JSON.stringify(ids))
rightSelectedKeys.value = [...ids];
} else { } else {
rightSelectedKeys.value = []; rightSelectedKeys.value = [];
} }