mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
fix(tree-view)!: remove expanded
property from TreeNode
interface (#1631)
* fix(tree-view)!: remove `expanded` property from `TreeNode` * fix(tree-view-node-list)!: remove unused `expanded` prop * docs(tree-view): remove `expanded` as a property #1630
This commit is contained in:
parent
7701c012a5
commit
ec867c46ba
7 changed files with 4 additions and 9 deletions
|
@ -4661,7 +4661,6 @@ export interface TreeNode {
|
||||||
text: any;
|
text: any;
|
||||||
icon?: typeof import("svelte").SvelteComponent;
|
icon?: typeof import("svelte").SvelteComponent;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
expanded?: boolean;
|
|
||||||
children?: TreeNode[];
|
children?: TreeNode[];
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
|
@ -14522,9 +14522,9 @@
|
||||||
"ts": "type TreeNodeId = string | number"
|
"ts": "type TreeNodeId = string | number"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"type": "{ id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }",
|
"type": "{ id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }",
|
||||||
"name": "TreeNode",
|
"name": "TreeNode",
|
||||||
"ts": "interface TreeNode { id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }"
|
"ts": "interface TreeNode { id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"rest_props": { "type": "Element", "name": "ul" }
|
"rest_props": { "type": "Element", "name": "ul" }
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
The `children` prop accepts an array of child nodes. Each node should contain `id` and `text` properties.
|
The `children` prop accepts an array of child nodes. Each node should contain `id` and `text` properties.
|
||||||
|
|
||||||
Optional properties include `disabled`, `expanded`, `icon`, and `children`.
|
Optional properties include `disabled`, `icon`, and `children`.
|
||||||
|
|
||||||
A parent node contains `children` while a leaf node does not.
|
A parent node contains `children` while a leaf node does not.
|
||||||
|
|
||||||
|
|
|
@ -14,13 +14,11 @@
|
||||||
id: 1,
|
id: 1,
|
||||||
text: "Analytics",
|
text: "Analytics",
|
||||||
icon: Analytics,
|
icon: Analytics,
|
||||||
expanded: true,
|
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
text: "IBM Analytics Engine",
|
text: "IBM Analytics Engine",
|
||||||
icon: Analytics,
|
icon: Analytics,
|
||||||
expanded: true,
|
|
||||||
children: [
|
children: [
|
||||||
{ id: 3, text: "Apache Spark", icon: Analytics },
|
{ id: 3, text: "Apache Spark", icon: Analytics },
|
||||||
{ id: 4, text: "Hadoop", icon: Analytics },
|
{ id: 4, text: "Hadoop", icon: Analytics },
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<script>
|
<script>
|
||||||
/**
|
/**
|
||||||
* @typedef {string | number} TreeNodeId
|
* @typedef {string | number} TreeNodeId
|
||||||
* @typedef {{ id: TreeNodeId; text: any; icon?: typeof import("svelte").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }} TreeNode
|
* @typedef {{ id: TreeNodeId; text: any; icon?: typeof import("svelte").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }} TreeNode
|
||||||
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} select
|
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} select
|
||||||
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} toggle
|
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} toggle
|
||||||
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} focus
|
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} focus
|
||||||
|
|
|
@ -6,7 +6,6 @@
|
||||||
|
|
||||||
/** @type {Array<TreeNode & { children?: TreeNode[] }>} */
|
/** @type {Array<TreeNode & { children?: TreeNode[] }>} */
|
||||||
export let children = [];
|
export let children = [];
|
||||||
export let expanded = false;
|
|
||||||
export let root = false;
|
export let root = false;
|
||||||
|
|
||||||
/** @type {string | number} */
|
/** @type {string | number} */
|
||||||
|
|
1
types/TreeView/TreeView.svelte.d.ts
vendored
1
types/TreeView/TreeView.svelte.d.ts
vendored
|
@ -8,7 +8,6 @@ export interface TreeNode {
|
||||||
text: any;
|
text: any;
|
||||||
icon?: typeof import("svelte").SvelteComponent;
|
icon?: typeof import("svelte").SvelteComponent;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
expanded?: boolean;
|
|
||||||
children?: TreeNode[];
|
children?: TreeNode[];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue