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

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

@@ -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}