refactor: 重构脚本支持 Button 模式切换

Author: ArgoZhang

src/BootstrapBlazor/Components/DateTimePicker/DateTimePicker.razor.js

@@ -8,6 +8,12 @@ export function init(id, invoke, options) {
         return
     }
 
+    const popover = createPopover(el, invoke, options);
+    const input = handlerInput(el, popover);
+    Data.set(id, { el, input, invoke, options, popover });
+}
+
+const createPopover = (el, invoke, options) => {
     const popover = Popover.init(el, {
         dropdownSelector: el.getAttribute('data-bb-dropdown'),
         isDisabled: () => {
@@ -19,27 +25,47 @@ export function init(id, invoke, options) {
             }
         }
     });
+    return popover;
+}
+
+const handlerInput = (el, popover) => {
     const input = el.querySelector('.datetime-picker-input');
-    const dateTimePicker = {
-        input,
-        popover
+    if (input) {
+        EventHandler.on(input, 'keydown', e => {
+            if (e.key === 'Tab' && popover.isShown()) {
+                popover.hide();
+            }
+        });
+        EventHandler.on(input, 'keyup', e => {
+            if (e.key === 'Escape') {
+                popover.hide();
+                input.blur();
+            }
+            else if (e.key === 'Tab') {
+                popover.show();
+            }
+        });
     }
-    Data.set(id, dateTimePicker);
+    return input;
+}
 
-    EventHandler.on(input, 'keydown', e => {
-        if (e.key === 'Tab' && popover.isShown()) {
-            popover.hide();
-        }
-    });
-    EventHandler.on(input, 'keyup', e => {
-        if (e.key === 'Escape') {
-            popover.hide();
-            input.blur();
-        }
-        else if (e.key === 'Tab') {
-            popover.show();
-        }
-    });
+const disposeInput = input => {
+    if (input) {
+        EventHandler.off(input, 'keydown');
+        EventHandler.off(input, 'keyup');
+    }
+}
+
+export function reset(id) {
+    const picker = Data.get(id);
+    if (picker) {
+        const { el, input, popover, invoke, options } = picker;
+        disposeInput(input);
+        Popover.dispose(popover);
+
+        picker.popover = createPopover(el, invoke, options);
+        picker.input = handlerInput(picker.el, picker.popover);
+    }
 }
 
 export function hide(id) {
@@ -55,8 +81,7 @@ export function dispose(id) {
 
     if (data) {
         const { input, popover } = data;
-        EventHandler.off(input, 'keydown');
-        EventHandler.off(input, 'keyup');
+        disposeInput(input);
         Popover.dispose(popover)
     }
 }