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

Run "yarn build:docs"

Browse source
This commit is contained in:
Eric Liu 2023-11-11 13:43:09 -08:00
commit a48afb5889
4 changed files with 32 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
COMPONENT_INDEX.md
View file

@ -4707,9 +4707,10 @@ export interface TreeNode {
### Slots ### Slots
| Slot name | Default | Props | Fallback | | Slot name | Default | Props | Fallback |
| :-------- | :------ | :---- | :----------------------- | | :-------- | :------ | :-------------------------------------------------------------------------------------------------------------------------------- | :----------------------- |
| labelText | No | -- | <code>{labelText}</code> | | -- | Yes | <code>{ node: { id: TreeNodeId; text: string; expanded: boolean, leaf: boolean; disabled: boolean; selected: boolean; } } </code> | <code>{node.text}</code> |
| labelText | No | -- | <code>{labelText}</code> |
### Events ### Events

6
docs/src/COMPONENT_API.json
View file

@ -14668,6 +14668,12 @@
], ],
"moduleExports": [], "moduleExports": [],
"slots": [ "slots": [
{
"name": "__default__",
"default": true,
"fallback": "{node.text}",
"slot_props": "{ node: { id: TreeNodeId; text: string; expanded: boolean, leaf: boolean; disabled: boolean; selected: boolean; } }"
},
{ {
"name": "labelText", "name": "labelText",
"default": false, "default": false,

10
tests/TreeView.test.svelte
View file

@ -72,4 +72,12 @@
on:select="{({ detail }) => console.log('select', detail)}" on:select="{({ detail }) => console.log('select', detail)}"
on:toggle="{({ detail }) => console.log('toggle', detail)}" on:toggle="{({ detail }) => console.log('toggle', detail)}"
on:focus="{({ detail }) => console.log('focus', detail)}" on:focus="{({ detail }) => console.log('focus', detail)}"
/> let:node
>
{node.id}
{node.disabled}
{node.expanded}
{node.leaf}
{node.selected}
{node.text}
</TreeView>

14
types/TreeView/TreeView.svelte.d.ts vendored
View file

@ -68,7 +68,19 @@ export default class TreeView extends SvelteComponentTyped<
focus: CustomEvent<TreeNode & { expanded: boolean; leaf: boolean }>; focus: CustomEvent<TreeNode & { expanded: boolean; leaf: boolean }>;
keydown: WindowEventMap["keydown"]; keydown: WindowEventMap["keydown"];
}, },
{ labelText: {} } {
default: {
node: {
id: TreeNodeId;
text: string;
expanded: boolean;
leaf: boolean;
disabled: boolean;
selected: boolean;
};
};
labelText: {};
}
> { > {
/** /**
* Programmatically expand all nodes * Programmatically expand all nodes