refactor: 脚本兼容

Author: ArgoZhang

src/BootstrapBlazor/Components/Layout/Layout.razor

@@ -7,7 +7,7 @@
     <CascadingValue Value="this" IsFixed="true">
         @if (IsAuthenticated)
         {
-            <section @attributes="AdditionalAttributes" class="@ClassString" style="@StyleString">
+            <section @attributes="AdditionalAttributes" id="@Id" class="@ClassString" style="@StyleString">
                 @if (Side == null)
                 {
                     if (Header != null)

src/BootstrapBlazor/Components/Tab/Tab.razor.cs

@@ -580,7 +580,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// <inheritdoc/>
     /// </summary>
     /// <returns></returns>
-    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, nameof(DragItemCallback));
+    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, nameof(DragItemCallback), Layout?.Id);
 
     private void RemoveLocationChanged()
     {

src/BootstrapBlazor/Components/Tab/Tab.razor.js

@@ -171,7 +171,7 @@ const disposeDragItems = items => {
     })
 }
 
-export function init(id, invoke, method) {
+export function init(id, invoke, method, layoutId) {
     const el = document.getElementById(id)
     if (el === null) {
         return
@@ -180,11 +180,17 @@ export function init(id, invoke, method) {
     const tab = { el, invoke, method }
     Data.set(id, tab)
 
-    tab.header = el.firstChild
+    if (layoutId) {
+        const layout = document.getElementById(layoutId)
+        tab.header = layout.querySelector('.layout-header .tabs > .tabs-header');
+    }
+    else {
+        tab.header = el.firstChild
+    }
+
     tab.wrap = tab.header.firstChild
     tab.scroll = tab.wrap.querySelector('.tabs-nav-scroll')
     tab.tabNav = tab.scroll.firstChild
-
     tab.resizeHandler = () => {
         resize(tab)
     }