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

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

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