fix: 提高性能

Author: ArgoZhang

src/BootstrapBlazor/Components/RibbonTab/RibbonTab.razor.js

@@ -1,38 +1,43 @@
 import Data from "../../modules/data.js"
 import EventHandler from "../../modules/event-handler.js"
+import { registerBootstrapBlazorModule } from "../../modules/utility.js"
 
 export function init(id, invoke, callback) {
     const el = document.getElementById(id)
-    const headerEl = el.querySelector('.ribbon-header')
     const rt = {
-        element: el, headerEl, invoke, callback,
+        element: el, invoke, callback,
         handlerClick: e => {
-            const isFloat = headerEl.classList.contains('is-float')
-            if (isFloat) {
-                const expanded = headerEl.classList.contains('is-expand')
-                if (expanded) {
-                    const ribbonBody = e.target.closest('.ribbon-body');
-                    if (ribbonBody) {
-                        invoke.invokeMethodAsync(callback)
-                    }
-                    else {
-                        const ribbonTab = e.target.closest('.ribbon-tab')
-                        if (ribbonTab !== el) {
-                            invoke.invokeMethodAsync(callback)
-                        }
+            [...document.querySelectorAll('.ribbon-header.is-float.is-expand')].forEach(headerEl => {
+                const tabId = headerEl.parentElement.getAttribute("id");
+                const tab = Data.get(tabId);
+                const { element, invoke, callback } = tab;
+
+                const ribbonBody = e.target.closest('.ribbon-body');
+                if (ribbonBody) {
+                    invoke.invokeMethodAsync(callback);
+                }
+                else {
+                    const ribbonTab = e.target.closest('.ribbon-tab')
+                    if (ribbonTab !== element) {
+                        invoke.invokeMethodAsync(callback);
                     }
                 }
-            }
+            });
         }
     }
     Data.set(id, rt)
 
-    EventHandler.on(document, 'click', rt.handlerClick)
+    registerBootstrapBlazorModule('RibbonTab', id, () => {
+        EventHandler.on(document, 'click', rt.handlerClick)
+    });
 }
 
 export function dispose(id) {
     const rt = Data.get(id)
     Data.remove(id)
 
-    EventHandler.off(document, 'click', rt.handlerClick)
+    const { RibbonTab } = window.BootstrapBlazor;
+    RibbonTab.dispose(id, () => {
+        EventHandler.off(document, 'click', rt.handlerClick)
+    });
 }