mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 04:13:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(recursive-list): rename items prop to children

Browse source
This commit is contained in:
Eric Y Liu 2021-07-03 04:05:58 -07:00
commit 38d14562bb
4 changed files with 25 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/RecursiveList/RecursiveList.svelte
View file

@ -1,14 +1,13 @@
<script>
/**
* @typedef {{ text?: string; href?: string; html?: string; }} Item
* @type {Array<Item & { items?: Item[]; }>}
* @typedef {{ text?: string; href?: string; html?: string; }} RecursiveListNode
*/
/**
* Specify the items to render
* @type {Array<Item & { items?: Item[]; }>}
* Specify the children to render
* @type {Array<RecursiveListNode & { children?: RecursiveListNode[]; }>}
*/
export let items = [];
export let children = [];
/**
* Specify the type of list to render
@ -21,7 +20,7 @@
import UnorderedList from "../UnorderedList/UnorderedList.svelte";
import OrderedList from "../OrderedList/OrderedList.svelte";
import ListItem from "./RecursiveListItem.svelte";
import RecursiveListItem from "./RecursiveListItem.svelte";
</script>
<svelte:component
@ -30,13 +29,13 @@
nested="{nested}"
{...$$restProps}
>
{#each items as item}
{#if Array.isArray(item.items)}
<ListItem {...item}>
<svelte:self {...item} type="{type}" nested />
</ListItem>
{#each children as child}
{#if Array.isArray(child.children)}
<RecursiveListItem {...child}>
<svelte:self {...child} type="{type}" nested />
</RecursiveListItem>
{:else}
<ListItem {...item} />
<RecursiveListItem {...child} />
{/if}
{/each}
</svelte:component>