refactor: 重构脚本精简代码

Author: ArgoZhang

src/BootstrapBlazor/Components/Button/DialButton.razor.js

@@ -60,7 +60,6 @@ export function dispose(id) {
     if (DialButton.items.length === 0) {
         EventHandler.off(document, 'click', closePopup)
     }
-
 }
 
 const toggle = (el, list) => {

src/BootstrapBlazor/Components/Button/SlideButton.razor.js

@@ -1,4 +1,5 @@
-import Data from "../../modules/data.js"
+import { registerBootstrapBlazorModule } from "../../modules/utility.js"
+import Data from "../../modules/data.js"
 import EventHandler from "../../modules/event-handler.js"
 
 export function init(id) {
@@ -23,11 +24,19 @@ export function init(id) {
         list.classList.remove('show')
     })
 
-    if (!window.bb_slide_button) {
-        window.bb_slide_button = true
+    const module = registerBootstrapBlazorModule('SlideButton', {
+        handle: false,
+        items: [],
+        registerClosePopupHandler: function () {
+            if (this.handle === false) {
+                this.handle = true;
 
-        EventHandler.on(document, 'click', e => closePopup(e));
-    }
+                EventHandler.on(document, 'click', closePopup);
+            }
+        }
+    });
+    module.registerClosePopupHandler();
+    module.items.push(id);
 }
 
 export function update(id) {
@@ -42,10 +51,17 @@ export function dispose(id) {
     Data.remove(id)
 
     if (slide) {
-        EventHandler.off(slide.button, 'click')
-        EventHandler.off(slide.list, 'click', '.btn-close')
-        EventHandler.off(slide.list, 'click', '.slide-item')
+        const { button, list } = slide ?? {};
+        EventHandler.off(button, 'click');
+        EventHandler.off(list, 'click');
     }
+
+    const { SlideButton } = window.BootstrapBlazor;
+    SlideButton.items.pop(id)
+    if (SlideButton.items.length === 0) {
+        EventHandler.off(document, 'click', closePopup)
+    }
+
 }
 
 const reset = slide => {