HarmonyOS 鸿蒙Next 三级 Tabs 嵌套如何实现联动滑动？

// 一级 Tabs
Tabs({barPosition: BarPosition.End}) {

TabContent() {
<span class="hljs-comment"><span class="hljs-comment">// 二级 Tabs</span></span>
Tabs() {

  TabContent() {
    Text(<span class="hljs-string"><span class="hljs-string">'二级菜单1'</span></span>)
  }
  .tabBar(<span class="hljs-string"><span class="hljs-string">'二级菜单1'</span></span>)

  TabContent() {

    <span class="hljs-comment"><span class="hljs-comment">// 三级 Tabs</span></span>
    Tabs() {

      TabContent() {
        Text(<span class="hljs-string"><span class="hljs-string">'三级菜单1'</span></span>)
      }
      .tabBar(<span class="hljs-string"><span class="hljs-string">'三级菜单1'</span></span>)

      TabContent() {
        Text(<span class="hljs-string"><span class="hljs-string">'三级菜单2'</span></span>)
      }
      .tabBar(<span class="hljs-string"><span class="hljs-string">'三级菜单2'</span></span>)
    }
  }
  .tabBar(<span class="hljs-string"><span class="hljs-string">'二级菜单2'</span></span>)

  TabContent() {
    Text(<span class="hljs-string"><span class="hljs-string">'二级菜单3'</span></span>)
  }
  .tabBar(<span class="hljs-string"><span class="hljs-string">'二级菜单3'</span></span>)
}
.barMode(BarMode.Scrollable)
}
.tabBar(‘主菜单1’)
TabContent() {
Text(‘TabContent 2’)
}
.tabBar(‘主菜单2’)
TabContent() {
Text(‘TabContent 3’)
}
.tabBar(‘主菜单3’)
TabContent() {
Text(‘TabContent 4’)
}
.tabBar(‘主菜单4’)
TabContent() {
Text(‘TabContent 5’)
}
.tabBar(‘主菜单5’)
}
.scrollable(false)<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

有一个三级嵌套 Tabs，代码如上。

当三级嵌套 Tabs 滑动到右边最后一个再滑动，移动的是二级的 TabConatent，二级 Tabs 滑动到最后一个再滑动，移动的就是一级 TabContent，这个用 Tabs 应该如何实现？