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

This commit is contained in:
CrescentLeaf
2025-11-23 12:05:39 +08:00
parent 7d90d4b0f0
commit 204748699e
2 changed files with 6 additions and 2 deletions

View File

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

View File

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