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 ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | 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 | | 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 | | 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 ### Slots

2
docs/src/COMPONENT_API.json
View file

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

2
src/RecursiveList/RecursiveList.svelte
View file

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

23
tests/RecursiveList.test.svelte
View file

@ -4,29 +4,14 @@
const children = [ const children = [
{ {
text: "Item 1", text: "Item 1",
children: [ children: [{ text: "Item 1a", children: [] }],
{
text: "Item 1a",
children: [{ html: "<h5>HTML content</h5>" }],
},
],
}, },
{ {
text: "Item 2", text: "Item 2",
children: [ children: [{ href: "https://svelte.dev/" }],
{
href: "https://svelte.dev/",
},
{
href: "https://svelte.dev/",
text: "Link with custom text",
},
],
}, },
{ { text: "Item 3" },
text: "Item 3", ] as const;
},
];
</script> </script>
<RecursiveList type="ordered" children="{children}" /> <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 * Specify the children to render
* @default [] * @default []
*/ */
children?: Array<RecursiveListNode & { children?: RecursiveListNode[] }>; children?: ReadonlyArray<
RecursiveListNode & { children?: ReadonlyArray<RecursiveListNode> }
>;
/** /**
* Specify the type of list to render * Specify the type of list to render