refactor: 移动代码

Author: ArgoZhang

src/BootstrapBlazor/Components/Select/MultiSelect.razor.js

@@ -26,16 +26,6 @@ export function init(id, invoke, options) {
         popover
     }
 
-    Input.composition(search, onSearch);
-    EventHandler.on(search, 'keydown', keydown);
-
-    if (popover.isPopover) {
-        EventHandler.on(el, 'shown.bs.popover', shown);
-    }
-    else {
-        EventHandler.on(el, 'shown.bs.dropdown', shown);
-    }
-
     EventHandler.on(itemsElement, 'click', '.multi-select-input', e => {
         const handler = setTimeout(() => {
             clearTimeout(handler);
@@ -117,9 +107,4 @@ export function dispose(id) {
         EventHandler.off(ms.itemsElement, 'click', ms.closeButtonSelector)
     }
     Popover.dispose(ms.popover);
-
-    if (search) {
-        Input.dispose(search);
-        EventHandler.off(search, 'keydown');
-    }
 }

src/BootstrapBlazor/wwwroot/modules/base-select.js

@@ -1,4 +1,30 @@
 import { debounce } from "./utility.js"
+import Input from "./input.js"
+import EventHandler from "./event-handler.js"
+
+export function registerSearch(el, options) {
+    Input.composition(search, onSearch);
+    EventHandler.on(search, 'keydown', keydown);
+
+    if (popover.isPopover) {
+        EventHandler.on(el, 'shown.bs.popover', shown);
+    }
+    else {
+        EventHandler.on(el, 'shown.bs.dropdown', shown);
+    }
+}
+
+export function unregisterSearch(el) {
+    Input.dispose(search);
+    EventHandler.off(search, 'keydown');
+
+    if (popover.isPopover) {
+        EventHandler.off(el, 'shown.bs.popover');
+    }
+    else {
+        EventHandler.off(el, 'shown.bs.dropdown');
+    }
+}
 
 const onSearch = debounce(async v => {
     search.parentElement.classList.add('l');