chore: 使用 TS 重構部分 React 組件, 引入 Mdui 部分組件的類型定義

client/ui/dialog/LoginDialog.tsx

@@ -0,0 +1,32 @@
+import { React, MduiDialog, MduiTextField, MduiButton } from '../../Imports.ts'
+import '../../mdui-jsx.d.ts'
+
+interface Refs {
+    inputAccountRef: React.MutableRefObject<MduiTextField | null>
+    inputPasswordRef: React.MutableRefObject<MduiTextField | null>
+    registerButtonRef: React.MutableRefObject<MduiButton | null>
+    loginButtonRef: React.MutableRefObject<MduiButton | null>
+    loginDialogRef: React.MutableRefObject<MduiDialog | null>
+}
+
+export default function LoginDialog({
+    inputAccountRef,
+    inputPasswordRef,
+    registerButtonRef,
+    loginButtonRef,
+    loginDialogRef
+}: Refs) {
+    return (
+        <mdui-dialog headline="登录" ref={loginDialogRef}>
+
+            <mdui-text-field label="账号" ref={inputAccountRef}></mdui-text-field>
+            <div style={{
+                height: "10px",
+            }}></div>
+            <mdui-text-field label="密码" ref={inputPasswordRef}></mdui-text-field>
+
+            <mdui-button slot="action" variant="text" ref={registerButtonRef}>注册</mdui-button>
+            <mdui-button slot="action" variant="text" ref={loginButtonRef}>登录</mdui-button>
+        </mdui-dialog>
+    )
+}