ツリー

ファイルエクスプローラー

ネスティングは全体の構造です：アイテムが開くときは開いていて、その深さが行をインデントし、ハイライトはフル幅を保持します。

src
- Controller
  - AppController.php
  - HomeController.php
- Model
  - App.php
- Kernel.php
front
- index.html.twig
composer.json

AppController.php

ツリーには独自の幅や高さはありません：その隣のゾーンは通常のもので、各側は独立してスクロールします。

Vue

同じマークアップ、同じ形状ですが、フォルダーは開閉します：シェブロンがノードを折りたたみ、行の他の場所をクリックするとアイテムが選択され、選択イベントとして上に送信されます。

ワークスペース内のVue

アプリとしてのエクスプローラーが提供されます：分割のスクロール可能ゾーン内のvueツリーで、ゾーンの高さよりも多くの行を保持し、名前がゾーンの幅よりも長いです。ゾーンは両方の軸でスクロールし、水平バーは最後の行が何であれ、その床に留まります。

Pages

ツリーには独自の幅や高さはありません：その隣のゾーンは通常のもので、各側は独立してスクロールします。

アイコンなし

形状はファイルについて何も知りません — アイコンもリンクもないアイテムはプレーンテキストとして表示されます。

ルート
- 最初の子
- 二番目の子