transition(name="x4" appear)
div.x4-folder(
:class="classObject")
div.x4-entity(
:draggable="true"
@click.stop="click"
@contextmenu.prevent.stop="contextMenu"
@dragstart.stop="dragStart"
@dragend.stop="dragEnd"
@drag.stop
@dragenter="dragEnter"
@dragover="dragOver"
@dragleave="dragLeave"
@drop="drop")
div.x4-space(
v-for="n in spacesCount")
UIIcon.x4-expand.x4-transition(
v-if="depth > 1"
icon="chevron_right"
:size="22"
@click.native.stop="toggle"
@mousedown.native.stop)
UIFolderIcon(
:folder="folder"
:size="24")
div.x4-name
Rename(
v-if="renameVisible"
:rows="1")
UILabel.x4-name-text(
v-else
:label="folder.base")
UILabel.x4-count(
:label="count")
UIRipple
UISlidedown.x4-subfolders(
:opened="folder.tree.expanded && subfolders.length > 0")
AddFolder(
key="add-folder"
v-if="addFolderVisible"
:depth="depth + 1")
Folder(
v-for="subfolder in sortedSubfolders"
:key="subfolder.path"
:folder="subfolder"
:depth="depth + 1")