如何制作嵌套数组的拖放树结构

Question

我正在构建一个有角度的应用程序。如何创建可拖动的图像金字塔。 （参见图片）

https://i.imgur.com/Gcc5d5C.jpg

我正在使用Angle 7进行材质设计。

我已经尝试使用： *角2树 *在材质设计中结合了树和拖放功能，但是似乎无法获得所需的piramide（前端）和工作后端。

我使用以下结构来创建树

const TREE_DATA: Node[] = [
  {
    id: 1,
    name: '1',
    prevId: 0,
    children: [
      {id: 2, name: '2', prevId: 1},
      {id: 3, name: '3', prevId: 1},
      {id: 4, name: '4', prevId: 1},
      {id: 5, name: '5', prevId: 1,
        children: [
          {id: 6, name: '6', prevId: 5,
            children: [
              {id: 7, name: '7', prevId: 6},
              {id: 8, name: '8', prevId: 6},
            ]
          },
          {id: 9, name: '9', prevId: 5,
            children: [
              {id: 10, name: '10', prevId: 9},
              {id: 11, name: '11', prevId: 9},
            ]
          },
        ]
      },
    ],
  },
];

我想要具有拖放功能的类似piramide的结构。这样就可以在树/ piramide中重新排列图片。