refactor: 更新样式选择弹窗脚本

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Components/ThemeChooser.razor.js

@@ -1,26 +1,29 @@
-import { insertAfter } from "../../_content/BootstrapBlazor/modules/utility.js"
-import Data from "../../_content/BootstrapBlazor/modules/data.js"
-import EventHandler from "../../_content/BootstrapBlazor/modules/event-handler.js"
+import EventHandler from "../../_content/BootstrapBlazor/modules/event-handler.js"
 
 export function init(id) {
-    const el = document.getElementById(id)
+    const el = document.getElementById(id);
     if (el === null) {
-        return
+        return;
     }
-    const themeList = el.querySelector('.theme-list')
-
-    Data.set(id, { el });
 
+    const themeList = document.querySelector('.theme-list');
+    const close = document.querySelector('.theme-list .btn-close');
     EventHandler.on(el, 'click', () => {
-        themeList.classList.toggle('is-open')
-    })
+        themeList.classList.toggle('is-open');
+    });
+    EventHandler.on(close, 'click', () => {
+        themeList.classList.remove('is-open');
+    });
 }
 
 export function dispose(id) {
-    const theme = Data.get(id)
-    Data.remove(id)
+    const el = document.getElementById(id);
+    if (el) {
+        EventHandler.off(el, 'click');
+    }
 
-    if (theme) {
-        EventHandler.off(theme.el, 'click')
+    const close = document.querySelector('.theme-list .btn-close');
+    if (close) {
+        EventHandler.off(close, 'click');
     }
 }