refactor(frontend): 移除禁用右键点击功能及相关代码

No-Github · No-Github · commit 356780eb2807 · 2026-03-14T21:34:10.000+08:00
diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
@@ -3,7 +3,7 @@
   import { onMount, onDestroy } from 'svelte';
   import { i18n as i18nData } from './lib/i18n.js';
   import { EventsOn, EventsOff, WindowMinimise, WindowMaximise, WindowUnmaximise, WindowIsMaximised, Quit, Environment } from '../wailsjs/runtime/runtime.js';
-  import { ListCases, ListTemplates, GetConfig, GetVersion, GetMCPStatus, StartMCPServer, StopMCPServer, GetResourceSummary, GetBalances, GetTerraformMirrorConfig, GetNotificationEnabled, GetCurrentProject, ListProjects, SwitchProject, CreateProject, GetDisableRightClick, SetDisableRightClick, CheckForUpdates, GetLanguage, SetLanguage, GetShowWelcomeDialog, GetSpotMonitorEnabled, GetSpotAutoRecoverEnabled } from '../wailsjs/go/main/App.js';
+  import { ListCases, ListTemplates, GetConfig, GetVersion, GetMCPStatus, StartMCPServer, StopMCPServer, GetResourceSummary, GetBalances, GetTerraformMirrorConfig, GetNotificationEnabled, GetCurrentProject, ListProjects, SwitchProject, CreateProject, CheckForUpdates, GetLanguage, SetLanguage, GetShowWelcomeDialog, GetSpotMonitorEnabled, GetSpotAutoRecoverEnabled } from '../wailsjs/go/main/App.js';
   import Console from './components/Console/Console.svelte';
   import CloudResources from './components/Resources/CloudResources.svelte';
   import Compose from './components/Compose/Compose.svelte';
@@ -36,18 +36,11 @@
   let notificationEnabled = $state(false);
   let spotMonitorEnabled = $state(false);
   let spotAutoRecoverEnabled = $state(false);
-  let rightClickDisabled = $state(true);
-  let rightClickDisabledSync = true; // 同步变量用于右键处理
   let appVersion = $state('');
   
   // 控制欢迎弹框是否可见（用于避免闪烁）
   let welcomeDialogReady = $state(false);
   let hasCheckedWelcomeDialog = $state(false);
-  
-  // 当 rightClickDisabled 变化时更新同步变量
-  $effect(() => {
-    rightClickDisabledSync = rightClickDisabled;
-  });
 
   // 监听页面切换到仪表盘时检查欢迎弹框（只检查一次）
   $effect(() => {
@@ -167,14 +160,6 @@
     const env = await Environment();
     isWindows = env.platform === 'windows';
     
-    // 注册右键菜单处理 - 使用同步变量
-     window.addEventListener('contextmenu', (e) => {
-       if (rightClickDisabledSync) {
-         e.preventDefault();
-         e.stopPropagation();
-       }
-     }, true);
-    
     EventsOn('log', (message) => {
       logs = [...logs, { time: new Date().toLocaleTimeString(), message }];
       if (dashboardComponent && dashboardComponent.updateCreateStatusFromLog) {
@@ -209,19 +194,17 @@
     isLoading = true;
     error = '';
     try {
-      [cases, templates, config, terraformMirror, notificationEnabled, rightClickDisabled, lang, appVersion, spotMonitorEnabled, spotAutoRecoverEnabled] = await Promise.all([
+      [cases, templates, config, terraformMirror, notificationEnabled, lang, appVersion, spotMonitorEnabled, spotAutoRecoverEnabled] = await Promise.all([
         ListCases(),
         ListTemplates(),
         GetConfig(),
         GetTerraformMirrorConfig(),
         GetNotificationEnabled(),
-        GetDisableRightClick(),
         GetLanguage(),
         GetVersion(),
         GetSpotMonitorEnabled(),
         GetSpotAutoRecoverEnabled()
       ]);
-      rightClickDisabledSync = rightClickDisabled;
       debugEnabled = !!config.debugEnabled;
     } catch (e) {
       error = e.message || String(e);
@@ -418,7 +401,7 @@
               <Compose {t} onTabChange={(tab) => activeTab = tab} />
 
             {:else if activeTab === 'settings'}
-              <Settings {t} bind:config bind:terraformMirror bind:debugEnabled bind:notificationEnabled bind:spotMonitorEnabled bind:spotAutoRecoverEnabled bind:rightClickDisabled />
+              <Settings {t} bind:config bind:terraformMirror bind:debugEnabled bind:notificationEnabled bind:spotMonitorEnabled bind:spotAutoRecoverEnabled />
 
             {:else if activeTab === 'registry'}
               <Registry {t} />
diff --git a/frontend/src/components/Settings/Settings.svelte b/frontend/src/components/Settings/Settings.svelte
@@ -1,7 +1,7 @@
 <script>
-  import { SaveProxyConfig, SetDebugLogging, GetTerraformMirrorConfig, SaveTerraformMirrorConfig, TestTerraformEndpoints, SetNotificationEnabled, SetDisableRightClick, SetSpotMonitorEnabled, SetSpotAutoRecoverEnabled, GetWebhookConfig, SetWebhookConfig, TestWebhook, GetHTTPServerConfig, SetHTTPServerConfig, StartHTTPServer, StopHTTPServer, GetHTTPServerStatus } from '../../../wailsjs/go/main/App.js';
+  import { SaveProxyConfig, SetDebugLogging, GetTerraformMirrorConfig, SaveTerraformMirrorConfig, TestTerraformEndpoints, SetNotificationEnabled, SetSpotMonitorEnabled, SetSpotAutoRecoverEnabled, GetWebhookConfig, SetWebhookConfig, TestWebhook, GetHTTPServerConfig, SetHTTPServerConfig, StartHTTPServer, StopHTTPServer, GetHTTPServerStatus } from '../../../wailsjs/go/main/App.js';
 
-let { t, config = $bindable({ redcPath: '', projectPath: '', logPath: '' }), terraformMirror = $bindable({ enabled: false, configPath: '', managed: false, fromEnv: false, providers: [] }), debugEnabled = $bindable(false), notificationEnabled = $bindable(false), spotMonitorEnabled = $bindable(false), spotAutoRecoverEnabled = $bindable(false), rightClickDisabled = $bindable(false) } = $props();
+let { t, config = $bindable({ redcPath: '', projectPath: '', logPath: '' }), terraformMirror = $bindable({ enabled: false, configPath: '', managed: false, fromEnv: false, providers: [] }), debugEnabled = $bindable(false), notificationEnabled = $bindable(false), spotMonitorEnabled = $bindable(false), spotAutoRecoverEnabled = $bindable(false) } = $props();
   let proxyForm = $state({ httpProxy: '', httpsProxy: '', socks5Proxy: '', noProxy: '' });
   let proxySaving = $state(false);
   let proxySaved = $state(false);
@@ -16,7 +16,6 @@ let { t, config = $bindable({ redcPath: '', projectPath: '', logPath: '' }), ter
   let notificationSaving = $state(false);
   let spotMonitorSaving = $state(false);
   let spotAutoRecoverSaving = $state(false);
-  let rightClickSaving = $state(false);
   let webhookForm = $state({ enabled: false, slack: '', dingtalk: '', dingtalkSecret: '', feishu: '', feishuSecret: '', discord: '', wecom: '' });
   let webhookSaving = $state(false);
   let webhookMessage = $state('');
@@ -271,19 +270,6 @@ let { t, config = $bindable({ redcPath: '', projectPath: '', logPath: '' }), ter
       spotAutoRecoverSaving = false;
     }
   }
-
-  async function handleToggleRightClick() {
-    const nextValue = !rightClickDisabled;
-    rightClickSaving = true;
-    try {
-      await SetDisableRightClick(nextValue);
-      rightClickDisabled = nextValue;
-    } catch (e) {
-      console.error('Failed to toggle right click:', e);
-    } finally {
-      rightClickSaving = false;
-    }
-  }
   
   async function handleToggleTerraformMirror() {
     const nextValue = !terraformMirrorForm.enabled;
@@ -795,24 +781,6 @@ let { t, config = $bindable({ redcPath: '', projectPath: '', logPath: '' }), ter
       </button>
     </div>
     {/if}
-    <!-- 右键菜单 -->
-    <div class="flex items-center justify-between px-4 sm:px-5 py-3.5">
-      <div>
-        <div class="text-[13px] sm:text-[14px] font-medium text-gray-900">{t.disableRightClick}</div>
-        <div class="text-[11px] sm:text-[12px] text-gray-500 mt-0.5">{t.disableRightClickDesc}</div>
-      </div>
-      <button
-        class="relative inline-flex h-6 w-11 flex-shrink-0 items-center rounded-full transition-colors disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer"
-        class:bg-emerald-500={rightClickDisabled}
-        class:bg-gray-300={!rightClickDisabled}
-        onclick={handleToggleRightClick}
-        disabled={rightClickSaving}
-        aria-label={rightClickDisabled ? t.enable : t.disable}
-      >
-        <span class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform"
-          class:translate-x-6={rightClickDisabled} class:translate-x-1={!rightClickDisabled}></span>
-      </button>
-    </div>
   </div>
 
   <!-- HTTP Server Section -->
