UI Improvement: 点击遮罩层不会自动关闭弹窗

Author: RangerWolf

frontend/src/App.vue

@@ -67,10 +67,10 @@ const showOverviewActivity = ref(true)
 const isCheckingUpdates = ref(false)
 
 const appMeta = reactive({
-  version: '0.18.1-alpha',
+  version: '0.19.1-alpha',
   channel: 'Community',
   updater: 'GitHub Releases API (via Go backend)',
-  build: '2026-03-08'
+  build: '2026-03-13'
 })
 const proLicense = reactive({
   isPro: false,
@@ -1412,7 +1412,6 @@ watch(
     tabindex="-1"
     aria-modal="true"
     role="dialog"
-    @click.self="closeActionDialog"
   >
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
@@ -1441,7 +1440,7 @@ watch(
   </div>
   <div v-if="actionDialog.visible" class="modal-backdrop fade show" />
 
-  <div v-if="redeemDialog.visible" class="overlay" @click.self="closeRedeemDialog">
+  <div v-if="redeemDialog.visible" class="overlay">
     <div class="dialog-card compact-dialog redeem-dialog">
       <div class="dialog-head">
         <h3 class="dialog-title">{{ locale === 'zh-CN' ? '输入邀请码' : 'Enter License Code' }}</h3>

frontend/src/components/modals/ImportTunnelModal.vue

@@ -687,7 +687,7 @@ watch(
 </script>
 
 <template>
-  <div v-if="show" class="overlay" @click.self="handleClose">
+  <div v-if="show" class="overlay">
     <div class="dialog-card dialog-large compact-dialog import-tunnel-dialog">
       <div class="dialog-head">
         <h3 class="dialog-title">{{ $t('app.modals.importTunnel.title') }}</h3>

frontend/src/components/modals/JumperModal.vue

@@ -120,7 +120,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div v-if="show" class="overlay" @click.self="$emit('close')">
+  <div v-if="show" class="overlay">
     <div class="dialog-card compact-dialog jumper-dialog">
       <div class="dialog-head">
         <h3 class="dialog-title">{{ editingJumperId ? $t('app.modals.jumper.editTitle') : $t('app.modals.jumper.newTitle') }}</h3>

frontend/src/components/modals/TunnelModal.vue

@@ -187,7 +187,7 @@ function onPrimaryJumperChange(event) {
 </script>
 
 <template>
-  <div v-if="show" class="overlay" @click.self="$emit('close')">
+  <div v-if="show" class="overlay">
     <div class="dialog-card dialog-large compact-dialog tunnel-dialog">
       <div class="dialog-head">
         <h3 class="dialog-title">{{ editingTunnelId ? $t('app.modals.tunnel.editTitle') : $t('app.modals.tunnel.newTitle') }}</h3>