mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 19:46:36 +00:00
feat(treeview)!: rename children
prop to nodes
for Svelte 5 compatibility
This commit is contained in:
parent
44486080b8
commit
4f33a12398
6 changed files with 56 additions and 56 deletions
|
@ -5,8 +5,8 @@
|
|||
* @slot {{ node: { id: TreeNodeId; text: string; expanded: boolean, leaf: boolean; disabled: boolean; selected: boolean; } }}
|
||||
*/
|
||||
|
||||
/** @type {Array<TreeNode & { children?: TreeNode[] }>} */
|
||||
export let children = [];
|
||||
/** @type {Array<TreeNode & { nodes?: TreeNode[] }>} */
|
||||
export let nodes = [];
|
||||
export let root = false;
|
||||
|
||||
/** @type {string | number} */
|
||||
|
@ -55,7 +55,7 @@
|
|||
prevActiveId = $activeNodeId;
|
||||
});
|
||||
|
||||
$: parent = Array.isArray(children);
|
||||
$: parent = Array.isArray(nodes);
|
||||
$: node = { id, text, expanded, leaf: !parent };
|
||||
$: if (refLabel) {
|
||||
refLabel.style.marginLeft = `-${offset()}rem`;
|
||||
|
@ -65,8 +65,8 @@
|
|||
</script>
|
||||
|
||||
{#if root}
|
||||
{#each children as child (child.id)}
|
||||
{#if Array.isArray(child.children)}
|
||||
{#each nodes as child (child.id)}
|
||||
{#if Array.isArray(child.nodes)}
|
||||
<svelte:self {...child} let:node>
|
||||
<slot node="{node}" />
|
||||
</svelte:self>
|
||||
|
@ -162,8 +162,8 @@
|
|||
</div>
|
||||
{#if expanded}
|
||||
<ul role="group" class:bx--tree-node__children="{true}">
|
||||
{#each children as child (child.id)}
|
||||
{#if Array.isArray(child.children)}
|
||||
{#each nodes as child (child.id)}
|
||||
{#if Array.isArray(child.nodes)}
|
||||
<svelte:self {...child} let:node>
|
||||
<slot node="{node}" />
|
||||
</svelte:self>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue