refactor: 移动可拖动垂直计算逻辑到 Dialog 脚本内

Author: ArgoZhang

src/BootstrapBlazor/Components/Modal/Modal.razor.js

@@ -17,16 +17,6 @@ export function init(id, invoke, shownCallback, closeCallback) {
     Data.set(id, modal)
 
     EventHandler.on(el, 'shown.bs.modal', () => {
-        const dialog = el.querySelector('.modal-dialog');
-        if (dialog.classList.contains('is-draggable-center')) {
-            const width = dialog.offsetWidth / 2;
-            const height = dialog.offsetHeight / 2;
-
-            dialog.style.setProperty("margin-left", `calc(50vw - ${width}px)`);
-            dialog.style.setProperty("margin-top", `calc(50vh - ${height}px)`);
-            dialog.classList.remove('is-draggable-center');
-        }
-
         invoke.invokeMethodAsync(shownCallback)
     })
     EventHandler.on(el, 'hidden.bs.modal', e => {

src/BootstrapBlazor/Components/Modal/ModalDialog.razor.js

@@ -119,6 +119,15 @@ export function init(id) {
             }
         )
     }
+
+    if (el.classList.contains('is-draggable-center')) {
+        const width = el.offsetWidth / 2;
+        const height = el.offsetHeight / 2;
+
+        el.style.setProperty("margin-left", `calc(50vw - ${width}px)`);
+        el.style.setProperty("margin-top", `calc(50vh - ${height}px)`);
+        el.classList.remove('is-draggable-center');
+    }
 }
 
 export function dispose(id) {