修复 弹框点击空白处误关闭的问题

This commit is contained in:
2026-04-17 15:40:21 +08:00
parent a01fd3a641
commit 659dcba5af

View File

@@ -207,8 +207,8 @@
</footer> </footer>
<!-- Input Dialog --> <!-- Input Dialog -->
<div v-if="showInputDialog.show" class="dialog-overlay dialog-overlay-top" @click.self="closeInputDialog(false)"> <div v-if="showInputDialog.show" class="dialog-overlay dialog-overlay-top">
<div class="dialog"> <div class="dialog" @click.stop>
<div class="dialog-title">{{ showInputDialog.title }}</div> <div class="dialog-title">{{ showInputDialog.title }}</div>
<div v-if="showInputDialog.isConfirm" class="dialog-confirm-text">{{ showInputDialog.placeholder }}</div> <div v-if="showInputDialog.isConfirm" class="dialog-confirm-text">{{ showInputDialog.placeholder }}</div>
<input v-else type="text" class="form-input" v-model="inputDialogValue" :placeholder="showInputDialog.placeholder" @keyup.enter="closeInputDialog(true)" autofocus /> <input v-else type="text" class="form-input" v-model="inputDialogValue" :placeholder="showInputDialog.placeholder" @keyup.enter="closeInputDialog(true)" autofocus />
@@ -220,8 +220,8 @@
</div> </div>
<!-- Message Dialog --> <!-- Message Dialog -->
<div v-if="showMessageDialog.show" class="dialog-overlay dialog-overlay-top" @click.self="closeMessageDialog"> <div v-if="showMessageDialog.show" class="dialog-overlay dialog-overlay-top">
<div class="dialog message-dialog"> <div class="dialog message-dialog" @click.stop>
<div class="message-dialog-icon" :class="'message-dialog-icon-' + showMessageDialog.type"> <div class="message-dialog-icon" :class="'message-dialog-icon-' + showMessageDialog.type">
<svg v-if="showMessageDialog.type === 'info'" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg v-if="showMessageDialog.type === 'info'" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/> <circle cx="12" cy="12" r="10"/>
@@ -251,7 +251,7 @@
</div> </div>
<!-- API Profile Create Dialog --> <!-- API Profile Create Dialog -->
<div v-if="showApiCreateDialog" class="dialog-overlay dialog-overlay-top" @click.self="closeApiCreateDialog" @keyup.esc="closeApiCreateDialog" tabindex="-1" ref="apiCreateDialogOverlay" style="z-index: 1200;"> <div v-if="showApiCreateDialog" class="dialog-overlay dialog-overlay-top" @keyup.esc="closeApiCreateDialog" tabindex="-1" ref="apiCreateDialogOverlay" style="z-index: 1200;">
<div class="dialog api-edit-dialog" @click.stop> <div class="dialog api-edit-dialog" @click.stop>
<div class="dialog-header"> <div class="dialog-header">
<div class="dialog-title"> <div class="dialog-title">
@@ -311,7 +311,7 @@
</div> </div>
<!-- API Profile Edit Dialog --> <!-- API Profile Edit Dialog -->
<div v-if="showApiEditDialog" class="dialog-overlay dialog-overlay-top" @click.self="closeApiEditDialog" @keyup.esc="closeApiEditDialog" tabindex="-1" ref="apiEditDialogOverlay"> <div v-if="showApiEditDialog" class="dialog-overlay dialog-overlay-top" @keyup.esc="closeApiEditDialog" tabindex="-1" ref="apiEditDialogOverlay">
<div class="dialog api-edit-dialog" @click.stop> <div class="dialog api-edit-dialog" @click.stop>
<div class="dialog-header"> <div class="dialog-header">
<div class="dialog-title"> <div class="dialog-title">
@@ -367,7 +367,7 @@
</div> </div>
<!-- Server Side Panel --> <!-- Server Side Panel -->
<div v-if="showServerPanel" class="side-panel-overlay" @click.self="closeServerPanel" @keyup.esc="closeServerPanel" tabindex="-1" ref="serverPanelOverlay"> <div v-if="showServerPanel" class="side-panel-overlay" @keyup.esc="closeServerPanel" tabindex="-1" ref="serverPanelOverlay">
<div class="side-panel" @click.stop> <div class="side-panel-header"> <div class="side-panel" @click.stop> <div class="side-panel-header">
<div class="side-panel-title"> <div class="side-panel-title">
<Server size="18" /> <Server size="18" />