25320fe521
* 所有的 CDN 依賴已全部 npm 化 * Webpack? 一邊去! Vite 太好用啦! * 將 Imports.ts 剔除 * 移除了大量的靜態文件 * 將 index.html 的部分代碼分離 * 修改 deno task * 移除了動態編譯頁面的支持 * ./static 引用全部變更為 npm 包引用
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import * as React from 'react'
|
|
import { Button, Dialog, TextField } from "mdui";
|
|
|
|
interface Refs {
|
|
inputAccountRef: React.MutableRefObject<TextField | null>
|
|
inputPasswordRef: React.MutableRefObject<TextField | null>
|
|
registerButtonRef: React.MutableRefObject<Button | null>
|
|
loginButtonRef: React.MutableRefObject<Button | null>
|
|
loginDialogRef: React.MutableRefObject<Dialog | 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>
|
|
)
|
|
} |