feat: Support Enter key to confirm in the delete application dialog (#9758)

Refs https://github.com/1Panel-dev/1Panel/issues/9754
This commit is contained in:
CityFun 2025-07-30 18:52:52 +08:00 committed by GitHub
parent 22f5a975c3
commit 78f280c88f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,6 +1,12 @@
<template>
<DialogPro v-model="open" :title="$t('commons.button.uninstall') + ' - ' + appInstallName" @close="handleClose">
<el-form ref="deleteForm" label-position="left" v-loading="loading">
<el-form
ref="deleteForm"
label-position="left"
v-loading="loading"
@submit.prevent="handleFormSubmit"
@keyup.enter="handleFormSubmit"
>
<el-form-item>
<el-checkbox v-model="deleteReq.forceDelete" :label="$t('app.forceUninstall')" />
<span class="input-help">
@ -27,7 +33,7 @@
</el-form-item>
<el-form-item>
<span v-html="deleteHelper"></span>
<el-input v-model="deleteInfo" :placeholder="appInstallName" />
<el-input v-model="deleteInfo" :placeholder="appInstallName" @keyup.enter="handleFormSubmit" />
</el-form-item>
</el-form>
<template #footer>
@ -79,6 +85,12 @@ const handleClose = () => {
em('close', open);
};
const handleFormSubmit = () => {
if (!loading.value && deleteInfo.value === appInstallName.value) {
submit();
}
};
const acceptParams = async (app: App.AppInstallDto) => {
const config = await getAppStoreConfig();
deleteReq.value = {