Tree + drag

[omqmo]

Дико не хочется тратить день на выяснения совместимости tree + @angular/sdk/drag, поэтому решил вас спросить - это возможно?

[waterplea]

99% что нет. Можно что-то своё придумать с кастомным шаблоном в айтемах дерева, попробую набросать.

[omqmo]

100% ожидал подобный ответ. Просто хотелось указать на вектор развития.

[omqmo]

Можно что-то своё придумать с кастомным шаблоном в айтемах дерева, попробую набросать.

Вы о чем-то таком?

<tui-root>
  <ng-container
    *ngFor="let node of nav.tree().children"
    [ngTemplateOutlet]="tree"
    [ngTemplateOutletContext]="{ $implicit: node, level: 0 }">
  </ng-container>

  <ng-template #tree let-data let-level=level>
    <tui-expand [expanded]="data.isExpand">
      <div>{{ level }}</div>
      <ng-template tuiExpandContent>
        <ng-container *ngFor="let child of data.children"
                      [ngTemplateOutlet]="tree"
                      [ngTemplateOutletContext]="{ $implicit: child, level: level + 1 }" />
      </ng-template>
    </tui-expand>
  </ng-template>
</tui-root>

Просто, в моем конкретном случаи, expand даже предпочтительней, так как с tree все равно приходилось и template переопределять и content.

[waterplea]

Вот такую штуку набросал, не понятно только, почему позиционирование косит у тайлов, надо будет покопаться позже:
https://stackblitz.com/edit/angular-nwcnay

[waterplea]

Завёл баг:
#5619
Как поправим можно будет этот пример прилизать маленько и добавить в демо.

[omqmo]

Круто! Но стоит сразу заметить, что до полноценного примера нужно еще и родителей перемещать.
В общем, я жду :)