对话框默认可以外部点击关闭

client/ui/dialog/MyProfileDialog.tsx

@@ -106,6 +106,8 @@ export default function MyProfileDialog({
                             },
                         }
                     ],
+                    closeOnEsc: true,
+                    closeOnOverlayClick: true,
                 })}>退出登录</mdui-list-item>
             </mdui-list>
         </mdui-dialog>

client/ui/preference/TextFieldPreference.tsx

@@ -13,7 +13,7 @@ interface Args extends React.HTMLAttributes<HTMLElement> {
 
 export default function TextFieldPreference({ title, icon, description, id, state, disabled }: Args) {
     const updater = React.useContext(PreferenceUpdater)
-    
+
     return <mdui-list-item icon={icon} rounded disabled={disabled ? true : undefined} onClick={() => {
         prompt({
             headline: title,
@@ -22,11 +22,13 @@ export default function TextFieldPreference({ title, icon, description, id, stat
             onConfirm: (value) => {
                 updater(id, value)
             },
-            onCancel: () => {},
+            onCancel: () => { },
             textFieldOptions: {
                 label: description,
                 value: state,
             },
+            closeOnEsc: true,
+            closeOnOverlayClick: true,
         })
     }}>
         {title}