翻译功能完善

im-web/src/components/chat/ChatBox.vue

@@ -122,7 +122,7 @@
                   </el-select>
                   <el-button
                     type="primary"
-                    @click="translateMessage(countryCode)"
+                    @click="translateInput(countryCode)"
                     >翻译</el-button
                   >
                   <el-button
@@ -1323,6 +1323,39 @@ export default {
       });
       return res;
     },
+    // 翻译输入框中的文本内容
+    async translateInput(country) {
+      try {
+        // 检查输入框是否只包含纯文本
+        const chatInput = this.$refs.chatInputEditor;
+        if (!chatInput.isPureText()) {
+          this.$message.error("只能翻译纯文本内容");
+          return;
+        }
+        
+        // 获取输入框中的文本内容
+        const text = chatInput.getTextContent();
+        if (!text || text.trim() === "") {
+          this.$message.warning("请输入需要翻译的文本内容");
+          return;
+        }
+        
+        // 调用翻译API
+        const res = await this.translateTextToOther(text, country);
+        
+        // 检查翻译结果
+        if (res) {
+          // 将翻译结果替换到输入框中
+          chatInput.setTextContent(res);
+		  this.$message.success("翻译成功");
+        } else {
+          this.$message.error(res);
+        }
+      } catch (error) {
+        console.error("翻译出错:", error);
+        this.$message.error("翻译出错，请稍后重试");
+      }
+    },
   },
   computed: {
     mine() {

im-web/src/components/chat/ChatInput.vue

@@ -450,6 +450,97 @@ export default {
 		},
 		focus() {
 			this.$refs.content.focus();
+		},
+		// 检查输入框是否只包含纯文本
+		isPureText() {
+			let nodes = this.$refs.content.childNodes;
+			let hasNonTextContent = false;
+			let each = (nodes) => {
+				for (let i = 0; i < nodes.length; i++) {
+					let node = nodes[i];
+					if (!node) {
+						continue;
+					}
+					// 文本节点
+					if (node.nodeType === 3) {
+						continue;
+					}
+					let nodeName = node.nodeName.toLowerCase();
+					// 忽略script标签
+					if (nodeName === 'script') {
+						continue;
+					}
+					// 图片节点（包括emoji）
+					if (nodeName === 'img') {
+						hasNonTextContent = true;
+						return;
+					}
+					// 文件节点
+					if (nodeName === 'div' && node.dataset.fileId) {
+						hasNonTextContent = true;
+						return;
+					}
+					// @用户节点
+					if (nodeName === 'span' && node.dataset.id) {
+						hasNonTextContent = true;
+						return;
+					}
+					// 递归检查子节点
+					if (node.childNodes && node.childNodes.length > 0) {
+						each(node.childNodes);
+						if (hasNonTextContent) {
+							return;
+						}
+					}
+				}
+			};
+			each(nodes);
+			return !hasNonTextContent;
+		},
+		// 获取纯文本内容
+		getTextContent() {
+			let nodes = this.$refs.content.childNodes;
+			let textContent = '';
+			let each = (nodes) => {
+				for (let i = 0; i < nodes.length; i++) {
+					let node = nodes[i];
+					if (!node) {
+						continue;
+					}
+					// 文本节点
+					if (node.nodeType === 3) {
+						textContent += node.textContent;
+						continue;
+					}
+					let nodeName = node.nodeName.toLowerCase();
+					// 忽略script标签
+					if (nodeName === 'script') {
+						continue;
+					}
+					// 忽略div节点（换行）
+					if (nodeName === 'div' && !node.dataset.fileId) {
+						textContent += '\n';
+						each(node.childNodes);
+						continue;
+					}
+					// 递归检查子节点
+					if (node.childNodes && node.childNodes.length > 0) {
+						each(node.childNodes);
+					}
+				}
+			};
+			each(nodes);
+			return textContent.trim();
+		},
+		// 设置纯文本内容
+		setTextContent(text) {
+			// 清空内容
+			this.$refs.content.innerHTML = "";
+			// 添加文本节点到content中
+			let textNode = document.createTextNode(text);
+			this.$refs.content.appendChild(textNode);
+			// 将光标定位到文本末尾
+			this.selectElement(textNode, text.length);
 		}
 
 	}