feat: 代码相关的功能都设置 ctrl + enter 快捷键触发提交

yefansky · yefansky · commit 16fbb69d1d2d · 2025-05-01T22:26:04.000+08:00
diff --git a/src/UIComponents.ts b/src/UIComponents.ts
@@ -1,54 +1,54 @@
-import * as vscode from 'vscode';
+﻿import * as vscode from 'vscode';
 
 interface InputMultiLineBoxOptions {
     prompt: string;
     placeHolder?: string;
     title?: string;
 }
 
-let currentPanel: vscode.WebviewPanel | undefined = undefined; // ��ǰ�򿪵� Webview ���
+let currentPanel: vscode.WebviewPanel | undefined = undefined; // 当前打开的 Webview 面板
 
 export async function showInputMultiLineBox(options: InputMultiLineBoxOptions): Promise<string | undefined> {
     return new Promise((resolve) => {
-        // ���������壬�ȹر�
+        // 如果已有面板，先关闭
         if (currentPanel) {
             currentPanel.dispose();
         }
 
-        // �����µ� Webview ���
+        // 创建新的 Webview 面板
         currentPanel = vscode.window.createWebviewPanel(
             'multiLineInput',
             options.title || 'Multi-line Input',
             vscode.ViewColumn.One,
-            { enableScripts: true, localResourceRoots: [] } // ���� JavaScript
+            { enableScripts: true, localResourceRoots: [] } // 允许 JavaScript
         );
 
-        // ���� Webview ����
+        // 设置 Webview 内容
         currentPanel.webview.html = getWebviewContent(options.prompt, options.placeHolder || "");
 
-        // ���� Webview ��Ϣ
+        // 监听 Webview 消息
         currentPanel.webview.onDidReceiveMessage(
             (message) => {
                 if (message.command === 'submit') {
-                    resolve(message.text); // �����û�������ı�
+                    resolve(message.text); // 返回用户输入的文本
                     if (currentPanel) {
-                        currentPanel.dispose(); // �ر� Webview
-                        currentPanel = undefined; // ��յ�ǰ�������
+                        currentPanel.dispose(); // 关闭 Webview
+                        currentPanel = undefined; // 清空当前面板引用
                     }
                 }
             },
             undefined
         );
 
-        // ���� Webview �رգ��������޵ȴ�
+        // 监听 Webview 关闭，避免无限等待
         currentPanel.onDidDispose(() => {
-            currentPanel = undefined; // ����������
+            currentPanel = undefined; // 清空面板引用
             resolve(undefined);
         });
     });
 }
 
-// Webview HTML ���ݣ�ʹ�� Monaco Editor
+// Webview HTML 内容，使用 Monaco Editor
 function getWebviewContent(prompt: string, placeHolder: string): string {
     return `
     <!DOCTYPE html>
@@ -66,7 +66,7 @@ function getWebviewContent(prompt: string, placeHolder: string): string {
             }
             textarea {
                 width: 100%;
-                height: 50vh; /* ʹ�����߶�Ϊ�ӿڵ�һ�� */
+                height: 50vh; /* 使输入框高度为视口的一半 */
                 background-color: #252526;
                 color: white;
                 border: 1px solid #444;
@@ -95,12 +95,24 @@ function getWebviewContent(prompt: string, placeHolder: string): string {
         <button id="submitButton">Submit</button>
         <script>
             const vscode = acquireVsCodeApi();
-            document.getElementById('submitButton').addEventListener('click', () => {
-                const inputText = document.getElementById('inputField').value;
+            const inputField = document.getElementById('inputField');
+            const submitButton = document.getElementById('submitButton');
+
+            function submitInput() {
+                const inputText = inputField.value;
                 vscode.postMessage({
                     command: 'submit',
                     text: inputText
                 });
+            }
+
+            submitButton.addEventListener('click', submitInput);
+
+            inputField.addEventListener('keydown', (event) => {
+                if (event.ctrlKey && event.key === 'Enter') {
+                    event.preventDefault();
+                    submitInput();
+                }
             });
         </script>
     </body>
