mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(tree-view): add expandedIds #750 (#751)

Browse source
This commit is contained in:
Eric Liu 2021-07-15 07:49:25 -07:00 • committed by GitHub
commit d01995e11e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 46 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/TreeView/TreeViewNodeList.svelte
View file

@ -31,8 +31,10 @@
const {
activeNodeId,
selectedNodeIds,
expandedNodeIds,
clickNode,
selectNode,
expandNode,
focusNode,
toggleNode,
} = getContext("TreeView");
@ -59,6 +61,7 @@
refLabel.style.marginLeft = `-${offset()}rem`;
refLabel.style.paddingLeft = `${offset()}rem`;
}
$: expanded = $expandedNodeIds.includes(id);
</script>
{#if root}
@ -100,6 +103,7 @@
if (parent && e.key === 'ArrowLeft') {
expanded = false;
expandNode(node, false);
toggleNode(node);
}
@ -108,6 +112,7 @@
ref.lastChild.firstChild.focus();
} else {
expanded = true;
expandNode(node, true);
toggleNode(node);
}
}
@ -118,6 +123,7 @@
expanded = !expanded;
toggleNode(node);
clickNode(node);
expandNode(node, expanded);
ref.focus();
}
}}"
@ -132,6 +138,7 @@
on:click="{() => {
if (disabled) return;
expanded = !expanded;
expandNode(node, expanded);
toggleNode(node);
}}"
>