github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

doc(transfer): tree-transfer disabled style (#6480)

pull/6489/head
Cherry7 2023-04-21 09:54:05 +08:00 committed by GitHub
parent bf5fcdc269
commit c690f4188a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/transfer/demo/tree-transfer.vue
View File

@ -78,14 +78,12 @@ function isChecked(selectedKeys: (string | number)[], eventKey: string | number)
return selectedKeys.indexOf(eventKey) !== -1; return selectedKeys.indexOf(eventKey) !== -1;
} }
function handleTreeData(data: TransferProps['dataSource'], targetKeys: string[] = []) { function handleTreeData(treeNodes: TransferProps['dataSource'], targetKeys: string[] = []) {
data.forEach(item => { return treeNodes.map(({ children, ...props }) => ({
item['disabled'] = targetKeys.includes(item.key as any); ...props,
if (item.children) { disabled: targetKeys.includes(props.key as string),
handleTreeData(item.children, targetKeys); children: handleTreeData(children ?? [], targetKeys),
} }));
});
return data as TreeProps['treeData'];
} }
export default defineComponent({ export default defineComponent({