0.9.6 • Published 1 month ago

@snack-uikit/tree v0.9.6

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
1 month ago

Tree

Installation

npm i @snack-uikit/tree

Changelog

Example

selectionMode = 'single'

import { Tree } from '@snack-uikit/tree';

// ...

const [selectedNode, setSelected] = useState<TreeNodeId>();

// ...

<Tree data={data} selectionMode='single' selected={selectedNode} onSelect={setSelected} />

selectionMode = 'multi'

import { Tree } from '@snack-uikit/tree';

// ...

const [selectedNodes, setSelected] = useState<TreeNodeId[]>([]);

// ...

<Tree data={data} selectionMode='multi' selected={selectedNodes} onSelect={setSelected} />

Tree

Props

nametypedefault valuedescription
data*TreeNodeProps[]-Данные для отрисовки
onNodeClickOnNodeClick-Обработчик клика по элементу дерева
expandedNodesstring[]-Состояние для раскрытых элементов
onExpand(expandedKeys: string[], nodeId: string) => void-Колбэк при раскрытии/закрытии элементов
onDataLoad(node: TreeNodeProps) => Promise<unknown>-Колбэк для асинхронной загрузки данных при раскрытии дерева
parentActions(node: TreeNodeProps) => Item[]-Дополнительные действия для элемента-родителя
nodeActions(node: TreeNodeProps) => Item[]-Дополнительные действия для элемента-потомка
showIconsbooleantrueФлаг отвечающий за отображение иконок у элементов дерева
showLinesbooleantrueФлаг отвечающий за отображение линий вложенности
classNamestring-CSS-класс
selectionMode"single" | "multi"-Режим выбора элементов: - Single - одиночный выбор - Multi - множественный выбор - undefined - без выбора
selectedstring \| string[]-Состояние для выбраных элементов: - При selectionMode=Multi - принимает массив строк - При selectionMode=Single - принимает строку
onSelect((selectedKeys: string[], node: TreeNodeProps) => void) \| ((selectedKey: string, node: TreeNodeProps) => void)-Колбэк при изменении выбраных элементов: - При selectionMode=Multi - возвращает массив строк - При selectionMode=Single - возвращает строку
showToggleboolean-
0.8.9

8 months ago

0.8.8

8 months ago

0.8.5

9 months ago

0.8.4

9 months ago

0.8.7

8 months ago

0.8.6

8 months ago

0.9.4

2 months ago

0.9.3

2 months ago

0.9.6

2 months ago

0.9.5

2 months ago

0.8.3

9 months ago

0.8.2

9 months ago

0.8.34

5 months ago

0.8.33

5 months ago

0.8.36

4 months ago

0.8.35

4 months ago

0.8.30

5 months ago

0.8.32

5 months ago

0.8.31

5 months ago

0.8.38

4 months ago

0.8.37

4 months ago

0.8.39

4 months ago

0.9.0

3 months ago

0.9.2

2 months ago

0.9.1

2 months ago

0.8.23

6 months ago

0.8.22

6 months ago

0.8.25

6 months ago

0.8.24

6 months ago

0.8.21

6 months ago

0.8.20

6 months ago

0.8.27

5 months ago

0.8.26

5 months ago

0.8.29

5 months ago

0.8.28

5 months ago

0.8.12

7 months ago

0.8.11

8 months ago

0.8.14

7 months ago

0.8.13

7 months ago

0.8.10

8 months ago

0.8.19

6 months ago

0.8.16

7 months ago

0.8.15

7 months ago

0.8.18

6 months ago

0.8.17

6 months ago

0.7.0

9 months ago

0.8.1

9 months ago

0.8.0

9 months ago

0.6.29

9 months ago

0.6.28

9 months ago

0.6.27

9 months ago

0.6.26

9 months ago

0.6.25

10 months ago

0.6.24

10 months ago

0.6.23

10 months ago

0.6.21

11 months ago

0.6.20

11 months ago

0.6.22

10 months ago

0.6.7

1 year ago

0.6.6

1 year ago

0.6.9

1 year ago

0.6.8

1 year ago

0.6.10

1 year ago

0.6.12

1 year ago

0.6.11

1 year ago

0.6.18

12 months ago

0.6.17

12 months ago

0.6.19

12 months ago

0.6.14

12 months ago

0.6.13

1 year ago

0.6.16

12 months ago

0.6.15

12 months ago

0.6.3

1 year ago

0.6.2

1 year ago

0.6.5

1 year ago

0.6.4

1 year ago

0.6.1

1 year ago

0.6.0

1 year ago

0.5.22

1 year ago

0.5.21

1 year ago

0.5.20

1 year ago

0.5.19

1 year ago

0.5.18

1 year ago

0.5.17

1 year ago

0.5.16

1 year ago

0.5.14

1 year ago

0.5.15

1 year ago

0.5.13

1 year ago

0.5.11

1 year ago

0.5.12

1 year ago

0.5.10

1 year ago

0.5.9

1 year ago

0.5.8

1 year ago

0.5.7

1 year ago

0.5.6

1 year ago

0.5.5

1 year ago

0.5.4

1 year ago

0.5.3

1 year ago

0.5.2

1 year ago

0.5.1

2 years ago

0.5.0

2 years ago

0.4.0

2 years ago

0.3.4

2 years ago

0.3.3

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.3.0

2 years ago

0.2.2

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago