feat: 为快捷指令添加变量功能

#57

packages/frontend/src/views/QuickCommandsView.vue

@@ -552,13 +552,47 @@ const copyCommand = async (command: string) => {
 };
 
 // 执行命令
-const executeCommand = (command: QuickCommandFE) => {
-  // 1. 增加使用次数 (后台操作，不阻塞执行)
-  quickCommandsStore.incrementUsage(command.id);
-  // 2. 发出执行事件给父组件
-  emitWorkspaceEvent('terminal:sendCommand', { command: command.command });
-  // Optionally reset selection after execution
-  // selectedIndex.value = -1; // REMOVED: Store handles index
+const executeCommand = (cmd: QuickCommandFE) => {
+  // 1. 增加使用次数
+  quickCommandsStore.incrementUsage(cmd.id);
+
+  let processedCommand = cmd.command;
+  const savedVariables = cmd.variables || {}; // 使用已保存的变量
+
+  // 2. 执行变量替换
+  for (const varName in savedVariables) {
+    const placeholder = new RegExp(`\\$\\{${varName}\\}`, 'g');
+    processedCommand = processedCommand.replace(placeholder, savedVariables[varName]);
+  }
+
+  // 3. 检查未定义变量
+  const variablePlaceholders = cmd.command.match(/\$\{[^\}]+\}/g) || [];
+  const undefinedVariables: string[] = [];
+  variablePlaceholders.forEach(placeholder => {
+    const varName = placeholder.substring(2, placeholder.length - 1);
+    if (!savedVariables.hasOwnProperty(varName)) {
+      undefinedVariables.push(varName);
+    }
+  });
+
+  if (undefinedVariables.length > 0) {
+    uiNotificationsStore.showWarning(
+      t('quickCommands.form.warningUndefinedVariables', { variables: undefinedVariables.join(', ') })
+    );
+  }
+
+  // 4. 获取当前激活的 SSH 会话 ID
+  const activeSessionId = sessionStore.activeSessionId;
+  if (!activeSessionId) {
+    uiNotificationsStore.showError(t('quickCommands.form.errorNoActiveSession', '没有活动的SSH会话可执行指令。'));
+    return;
+  }
+
+  // 5. 触发 quickCommand:executeProcessed 事件
+  emitWorkspaceEvent('quickCommand:executeProcessed', {
+    command: processedCommand,
+    sessionId: activeSessionId
+  });
 };
 
 // +++ 聚焦搜索框的方法 +++

packages/frontend/src/views/WorkspaceView.vue

@@ -174,6 +174,7 @@ onMounted(() => {
   subscribeToWorkspaceEvents('session:closeToLeft', (payload) => handleCloseSessionsToLeft(payload.targetSessionId));
   subscribeToWorkspaceEvents('ui:openLayoutConfigurator', handleOpenLayoutConfigurator);
   subscribeToWorkspaceEvents('fileManager:openModalRequest', handleFileManagerOpenRequest); // +++ 订阅文件管理器打开请求 +++
+  subscribeToWorkspaceEvents('quickCommand:executeProcessed', handleQuickCommandExecuteProcessed);
 });
 
 onBeforeUnmount(() => {
@@ -218,6 +219,7 @@ onBeforeUnmount(() => {
   unsubscribeFromWorkspaceEvents('session:closeToLeft', (payload) => handleCloseSessionsToLeft(payload.targetSessionId));
   unsubscribeFromWorkspaceEvents('ui:openLayoutConfigurator', handleOpenLayoutConfigurator);
   unsubscribeFromWorkspaceEvents('fileManager:openModalRequest', handleFileManagerOpenRequest); // +++ 取消订阅文件管理器打开请求 +++
+  unsubscribeFromWorkspaceEvents('quickCommand:executeProcessed', handleQuickCommandExecuteProcessed);
 });
 
 const subscribeToWorkspaceEvents = useWorkspaceEventSubscriber(); // +++ 定义订阅和取消订阅函数 +++
@@ -683,6 +685,16 @@ const handleFileManagerOpenRequest = (payload: { sessionId: string }) => {
   console.log(`[WorkspaceView] Opening FileManager modal with props for session ${sessionId}:`, newProps);
 };
 
+// --- 处理 quickCommand:executeProcessed 事件 ---
+const handleQuickCommandExecuteProcessed = (payload: WorkspaceEventPayloads['quickCommand:executeProcessed']) => {
+  const { command, sessionId: targetSessionId } = payload;
+  console.log(`[WorkspaceView] Received quickCommand:executeProcessed event. Command: "${command}", TargetSessionID: ${targetSessionId}`);
+
+  // 使用现有的 handleSendCommand 逻辑来发送指令
+  // handleSendCommand 会处理 sessionId 未定义时使用 activeSessionId 的情况
+  handleSendCommand(command, targetSessionId);
+};
+
 const closeFileManagerModal = () => {
   showFileManagerModal.value = false;
   console.log('[WorkspaceView] FileManager modal hidden (kept alive).');
@@ -902,7 +914,6 @@ const closeFileManagerModal = () => {
   /* 可以添加更多样式，例如背景色、边框等 */
 }
 
-/* Ensure modals are still displayed correctly (they are outside the main flow) */
 
 
 </style>