mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(recursive-list): integrate RecursiveList with v11 (#1960)

Browse source
This commit is contained in:
Eric Liu 2024-04-21 14:36:21 -07:00 • committed by GitHub
commit 1c3478f1bc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 13 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

8
COMPONENT_INDEX.md
View file

@ -3095,10 +3095,10 @@ export interface RecursiveListNode {
### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------- | :------- | :--------------- | :------- | --------------------------------------------------------------------------- | ------------------------ | ---------------------------------- |
| children | No | <code>let</code> | No | <code>Array<RecursiveListNode & { children?: RecursiveListNode[]; }></code> | <code>[]</code> | Specify the children to render |
| type | No | <code>let</code> | No | <code>"unordered" &#124; "ordered" &#124; "ordered-native"</code> | <code>"unordered"</code> | Specify the type of list to render |
| Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------- | :------- | :--------------- | :------- | ------------------------------------------------------------------------------------------------ | ------------------------ | ---------------------------------- |
| children | No | <code>let</code> | No | <code>ReadonlyArray<RecursiveListNode & { children?: ReadonlyArray<RecursiveListNode>; }></code> | <code>[]</code> | Specify the children to render |
| type | No | <code>let</code> | No | <code>"unordered" &#124; "ordered" &#124; "ordered-native"</code> | <code>"unordered"</code> | Specify the type of list to render |
### Slots

2
docs/src/COMPONENT_API.json
View file

@ -9798,7 +9798,7 @@
"name": "children",
"kind": "let",
"description": "Specify the children to render",
"type": "Array<RecursiveListNode & { children?: RecursiveListNode[]; }>",
"type": "ReadonlyArray<RecursiveListNode & { children?: ReadonlyArray<RecursiveListNode>; }>",
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,

2
src/RecursiveList/RecursiveList.svelte
View file

@ -6,7 +6,7 @@
/**
* Specify the children to render
* @type {Array<RecursiveListNode & { children?: RecursiveListNode[]; }>}
* @type {ReadonlyArray<RecursiveListNode & { children?: ReadonlyArray<RecursiveListNode>; }>}
*/
export let children = [];

23
tests/RecursiveList.test.svelte
View file

@ -4,29 +4,14 @@
const children = [
{
text: "Item 1",
children: [
{
text: "Item 1a",
children: [{ html: "<h5>HTML content</h5>" }],
},
],
children: [{ text: "Item 1a", children: [] }],
},
{
text: "Item 2",
children: [
{
href: "https://svelte.dev/",
},
{
href: "https://svelte.dev/",
text: "Link with custom text",
},
],
children: [{ href: "https://svelte.dev/" }],
},
{
text: "Item 3",
},
];
{ text: "Item 3" },
] as const;
</script>
<RecursiveList type="ordered" children="{children}" />

4
types/RecursiveList/RecursiveList.svelte.d.ts vendored
View file

@ -14,7 +14,9 @@ export interface RecursiveListProps extends RestProps {
* Specify the children to render
* @default []
*/
children?: Array<RecursiveListNode & { children?: RecursiveListNode[] }>;
children?: ReadonlyArray<
RecursiveListNode & { children?: ReadonlyArray<RecursiveListNode> }
>;
/**
* Specify the type of list to render