Directory Tree

[afc163]

d081ab6

#4932

[afc163]

#4932

[zombieJ]

@afc163 , ok to close?

[afc163]

The reason to close it?

[zombieJ]

Customize icon can support directory tree.

[afc163]

I think we can still make a Directory component for convenience:

1. built-in icons
2. interaction like native directory (context menu, click area, etc)

http://maxogden.github.io/tree-view/
http://alexcurtis.github.io/react-treebeard/

[zombieJ]

For dir Tree, which one is better for collapse / expand parent folder?

• Single click folder to collapse / expand
• Double click folder to collapse / expand
• Still click switcher to collapse / expand

Discuss welcome.

[afc163]

Just follow atom/vscode file tree.

[zombieJ]

Is that necessary to consider unselect case? Since IDE click always means select.

e.g. If user want to select both folder and its child file, operation will be like this:

- Folder (unselected)
  · File(unselected)

Click Folder to select:

+ Folder (selected)

Trigger the collapse makes child file hide.

[afc163]

select both folder and its child file

Select multiple items should press ctrl at the same time and will not trigger collapsing behavior.

[afc163]

https://ant.design/components/tree/#components-tree-demo-directory

Released! 🎉🎉🎉🎉