@myun/gimi-chat 0.9.6 → 0.9.7

package/dist/client/components/history-list/index.js

@@ -12,6 +12,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Modal, Popover, Button, Spin, Toast } from '@douyinfe/semi-ui';
 // import { removeChat } from '@/apis/gimi';
 import classNames from 'classnames';
@@ -26,6 +27,8 @@ var hostoryItemIcon = 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/2
 var chatlistHover = 'https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202601/23/9a669_20260123133853.png';
 var chatlistIcon = 'https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202601/23/e9b4a_20260123133925.png';
 var HistoryList = function HistoryList() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useAppSelector = useAppSelector(function (state) {
       return state.gimiMenu;
     }),
@@ -111,10 +114,10 @@ var HistoryList = function HistoryList() {
     e.stopPropagation();
     confirm({
       icon: '',
-      content: '本条会话记录将被永久删除，不可恢复及撤销。确定要删除吗?',
-      title: '永久删除对话',
-      okText: '删除',
-      cancelText: '取消',
+      content: t('history.deleteModal.content'),
+      title: t('history.deleteModal.title'),
+      okText: t('common.delete'),
+      cancelText: t('common.cancel'),
       centered: true,
       closable: true,
       okButtonProps: {
@@ -151,7 +154,7 @@ var HistoryList = function HistoryList() {
           case 3:
             res = _context2.sent;
             if (res && res.status == 0) {
-              Toast.success('删除成功');
+              Toast.success(t('history.deleteSuccess'));
               if (id === conversationId) {
                 dispatch({
                   type: 'gimiMenu/setConversationId',
@@ -167,7 +170,7 @@ var HistoryList = function HistoryList() {
                 onRefresh();
               }
             } else {
-              Toast.error('删除失败');
+              Toast.error(t('history.deleteFailed'));
             }
             _context2.next = 9;
             break;
@@ -207,7 +210,7 @@ var HistoryList = function HistoryList() {
       className: styles.iconMore
     }), /*#__PURE__*/React.createElement("span", {
       className: styles.deltext
-    }, "\u5220\u9664"));
+    }, t('common.delete')));
   };
   useEffect(function () {
     if (baseUrl) dispatch(getChatHistoryList({
@@ -269,9 +272,9 @@ var HistoryList = function HistoryList() {
     style: {
       marginLeft: 8
     }
-  }, "\u52A0\u8F7D\u4E2D...")), !hasMore && historyList.length > 10 && /*#__PURE__*/React.createElement("div", {
+  }, t('common.loading'))), !hasMore && historyList.length > 10 && /*#__PURE__*/React.createElement("div", {
     className: styles.no_more
-  }, "\u6CA1\u6709\u66F4\u591A\u8BB0\u5F55\u4E86")) : loading ? /*#__PURE__*/React.createElement("div", {
+  }, t('history.noMore'))) : loading ? /*#__PURE__*/React.createElement("div", {
     className: styles.loading
   }, /*#__PURE__*/React.createElement(Spin, {
     size: "small"
@@ -279,8 +282,8 @@ var HistoryList = function HistoryList() {
     style: {
       marginLeft: 8
     }
-  }, "\u52A0\u8F7D\u4E2D...")) : /*#__PURE__*/React.createElement("div", {
+  }, t('common.loading'))) : /*#__PURE__*/React.createElement("div", {
     className: styles.empty
-  }, "\u6682\u65E0\u6700\u8FD1\u5BF9\u8BDD"));
+  }, t('history.empty')));
 };
 export default HistoryList;

package/dist/client/components/slider/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import "./index.css";
+import { useTranslation } from 'react-i18next';
 import addChat from "../../../assets/image/addChat.png";
 import HistoryList from "../history-list";
 import classNames from 'classnames';
@@ -12,6 +13,8 @@ var Slider = function Slider(_ref) {
     showHistory = _ref$showHistory === void 0 ? true : _ref$showHistory,
     _ref$showAddNew = _ref.showAddNew,
     showAddNew = _ref$showAddNew === void 0 ? true : _ref$showAddNew;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useAppSelector = useAppSelector(function (state) {
       return state.gimiMenu;
     }),
@@ -42,7 +45,7 @@ var Slider = function Slider(_ref) {
     alt: ""
   }), /*#__PURE__*/React.createElement("span", {
     className: "newChatText"
-  }, "\u65B0\u5BF9\u8BDD")), showHistory && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, t('slider.newConversation'))), showHistory && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "line"
   }), /*#__PURE__*/React.createElement("div", {
     className: "recent_text"
@@ -53,6 +56,6 @@ var Slider = function Slider(_ref) {
     style: {
       margin: '0px 8px'
     }
-  }), /*#__PURE__*/React.createElement("span", null, "\u6700\u8FD1\u5BF9\u8BDD")), /*#__PURE__*/React.createElement(HistoryList, null))));
+  }), /*#__PURE__*/React.createElement("span", null, t('slider.recentConversations'))), /*#__PURE__*/React.createElement(HistoryList, null))));
 };
 export default Slider;

package/dist/client/core/index.js

@@ -4,18 +4,22 @@ import { Provider } from 'react-redux';
 import Chat from "../core/chat";
 import ChatContext from "../../components/templates/chatContext";
 import useApi from "../../apis/useApi";
+import { GimiChatI18nProvider } from "../../i18n";
 var Index = function Index(props) {
-  var _props$chat, _props$chat2;
+  var _props$chat, _props$chat2, _props$chat3, _props$chat4;
   var apiService = useApi(((_props$chat = props.chat) === null || _props$chat === void 0 ? void 0 : _props$chat.baseUrl) || '', ((_props$chat2 = props.chat) === null || _props$chat2 === void 0 ? void 0 : _props$chat2.token) || '');
   var store = useMemo(function () {
     return createStore();
   }, []);
   return /*#__PURE__*/React.createElement(Provider, {
     store: store
+  }, /*#__PURE__*/React.createElement(GimiChatI18nProvider, {
+    locale: (_props$chat3 = props.chat) === null || _props$chat3 === void 0 ? void 0 : _props$chat3.locale,
+    messages: (_props$chat4 = props.chat) === null || _props$chat4 === void 0 ? void 0 : _props$chat4.localeMessages
   }, /*#__PURE__*/React.createElement(ChatContext.Provider, {
     value: {
       apiService: apiService
     }
-  }, /*#__PURE__*/React.createElement(Chat, props)));
+  }, /*#__PURE__*/React.createElement(Chat, props))));
 };
 export default Index;

package/dist/components/ai-chat-dialogue/index.js

@@ -19,6 +19,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import LottieImg from "../lottie-img";
 import styles from "./index.module.css";
 import classNames from 'classnames';
@@ -43,6 +44,8 @@ var AiExplain = function AiExplain(_ref) {
     setSpeech = _ref.setSpeech,
     _ref$handleHangUp = _ref.handleHangUp,
     handleHangUp = _ref$handleHangUp === void 0 ? function () {} : _ref$handleHangUp;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     showCaptions = _useState2[0],
@@ -51,7 +54,7 @@ var AiExplain = function AiExplain(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isDisable = _useState4[0],
     setIsDisable = _useState4[1];
-  var _useState5 = useState('新对话'),
+  var _useState5 = useState(t('aiDialogue.newConversation')),
     _useState6 = _slicedToArray(_useState5, 2),
     headerTitle = _useState6[0],
     setHeaderTitle = _useState6[1];
@@ -130,10 +133,10 @@ var AiExplain = function AiExplain(_ref) {
     if (!audioEnabled) {
       if (isThinking) return /*#__PURE__*/React.createElement("div", {
         className: styles.statusText
-      }, '你已静音（正在思考中）', " ");
+      }, t('aiDialogue.mutedThinking'), " ");
       return /*#__PURE__*/React.createElement("div", {
         className: styles.statusText
-      }, '你已静音');
+      }, t('aiDialogue.muted'));
     }
     switch (status) {
       case 0:
@@ -142,7 +145,7 @@ var AiExplain = function AiExplain(_ref) {
           size: [30, 50]
         }), /*#__PURE__*/React.createElement("div", {
           className: styles.statusText
-        }, "\u6B63\u5728\u8FDE\u63A5"));
+        }, t('aiDialogue.connecting')));
       case 1:
       case 6:
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
@@ -150,7 +153,7 @@ var AiExplain = function AiExplain(_ref) {
           size: [34, 60]
         }), /*#__PURE__*/React.createElement("div", {
           className: styles.statusText
-        }, "\u6B63\u5728\u8046\u542C"));
+        }, t('aiDialogue.listening')));
       case 2:
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
           className: styles.statusImg
@@ -160,31 +163,31 @@ var AiExplain = function AiExplain(_ref) {
           className: styles.iconInside
         }))), /*#__PURE__*/React.createElement("div", {
           className: styles.statusText
-        }, "\u8BF4\u8BDD\u6216\u70B9\u51FB\u53EF\u4EE5\u6253\u65AD\u6211"));
+        }, t('aiDialogue.interrupt')));
       case 4:
         // 网络错误状态打断TextLoading
         setIsTextLoading(false);
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
           className: classNames(styles.statusText, styles.danger, styles.pointer)
-        }, "\u70B9\u51FB\u91CD\u65B0\u8FDE\u63A5"));
+        }, t('aiDialogue.reconnect')));
       case 5:
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
           name: "aiOutputLoading",
           size: [34, 60]
         }), /*#__PURE__*/React.createElement("div", {
           className: styles.statusText
-        }, "\u4F60\u53EF\u4EE5\u5F00\u59CB\u8BF4\u8BDD"));
+        }, t('aiDialogue.startSpeaking')));
       case 7:
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
           name: "aiOutputLoading",
           size: [34, 60]
         }), /*#__PURE__*/React.createElement("div", {
           className: styles.statusText
-        }, "\u6B63\u5728\u601D\u8003"));
+        }, t('aiDialogue.thinking')));
       default:
         return null;
     }
-  }, [status, audioEnabled, isThinking]);
+  }, [status, audioEnabled, isThinking, t]);
 
   /**
    * 拆分混杂字符串中的「纯文字内容」和「moduleType开头的JSON对象」
@@ -277,7 +280,7 @@ var AiExplain = function AiExplain(_ref) {
               _context.next = 3;
               break;
             }
-            Toast.error('无法连接到网络');
+            Toast.error(t('aiDialogue.networkError'));
             return _context.abrupt("return");
           case 3:
             enable = flag === undefined ? audioEnabled : flag;
@@ -405,7 +408,7 @@ var AiExplain = function AiExplain(_ref) {
                 showMicWarning: true
               }
             });
-            throw new Error('需要麦克风访问权限');
+            throw new Error(t('aiDialogue.micPermissionRequired'));
           case 9:
             _context2.next = 11;
             return getRtcConfig();
@@ -521,7 +524,7 @@ var AiExplain = function AiExplain(_ref) {
                       unsupportedShownRef.current = true;
                     }
                     Toast.warning({
-                      content: '后续流程暂不支持通话展示，可挂断后继续',
+                      content: t('aiDialogue.unsupportedCall'),
                       duration: 0,
                       style: {
                         marginTop: '30vh'
@@ -672,11 +675,11 @@ var AiExplain = function AiExplain(_ref) {
             _context4.prev = 9;
             _context4.t0 = _context4["catch"](0);
             setStatus(4); // 状态4：连接失败，提示「点击重新连接」
-            if (!((_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message) === '需要麦克风访问权限')) {
+            if (!((_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message) === t('aiDialogue.micPermissionRequired'))) {
               _context4.next = 15;
               break;
             }
-            Toast.error('未开启麦克风权限');
+            Toast.error(t('aiDialogue.micPermissionDenied'));
             return _context4.abrupt("return");
           case 15:
             Toast.error(_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message);
@@ -725,7 +728,7 @@ var AiExplain = function AiExplain(_ref) {
   var clickInterrupt = debounce(function () {
     // 校验1：检查网络是否在线
     if (!navigator.onLine) {
-      Toast.error('无法连接到网络');
+      Toast.error(t('aiDialogue.networkError'));
       return;
     }
     // 校验2：检查当前状态是否为“连接失败（status=4）”
@@ -895,14 +898,14 @@ var AiExplain = function AiExplain(_ref) {
       var isInCall = !!clientRef.current && status !== 4;
       if (!isInCall) return;
       e.preventDefault();
-      e.returnValue = '重新加载页面将结束当前语音通话，是否继续？';
+      e.returnValue = t('aiDialogue.reloadConfirm');
       return e.returnValue;
     };
     window.addEventListener('beforeunload', handleBeforeUnload);
     return function () {
       return window.removeEventListener('beforeunload', handleBeforeUnload);
     };
-  }, [status]);
+  }, [status, t]);
   useEffect(function () {
     // 监听页面可见性变化（比如用户切到其他标签页）
     var handleVisibilityChange = /*#__PURE__*/function () {
@@ -942,7 +945,7 @@ var AiExplain = function AiExplain(_ref) {
         return _regeneratorRuntime().wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              Toast.error('无法连接到网络');
+              Toast.error(t('aiDialogue.networkError'));
               _context9.next = 3;
               return handleDisconnect();
             case 3:
@@ -983,7 +986,7 @@ var AiExplain = function AiExplain(_ref) {
     placement: "bottom",
     visible: showWordsTooltip,
     onVisibleChange: setShowWordsTooltip,
-    content: showCaptions ? '关闭字幕' : '打开字幕',
+    content: showCaptions ? t('aiDialogue.closeCaptions') : t('aiDialogue.openCaptions'),
     overlayClassName: "ai-chat-tooltip"
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.iconWrap
@@ -1007,7 +1010,7 @@ var AiExplain = function AiExplain(_ref) {
     className: styles.container
   }, showCaptions ? status === 5 || status === 6 ? /*#__PURE__*/React.createElement("div", {
     className: styles.tips
-  }, status === 5 ? '请说话' : '正在听...') : /*#__PURE__*/React.createElement("div", null, messageList.map(function (item) {
+  }, status === 5 ? t('aiDialogue.pleaseSpeak') : t('aiDialogue.listeningEllipsis')) : /*#__PURE__*/React.createElement("div", null, messageList.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames(styles.item, _defineProperty({}, styles.answer, item.type === 'answer')),
       key: item.id
@@ -1029,7 +1032,7 @@ var AiExplain = function AiExplain(_ref) {
     placement: "top",
     visible: showMuteTooltip,
     onVisibleChange: setShowMuteTooltip,
-    content: audioEnabled ? '关闭麦克风' : '打开麦克风',
+    content: audioEnabled ? t('aiDialogue.closeMic') : t('aiDialogue.openMic'),
     overlayClassName: "ai-chat-tooltip"
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(styles.btnItem, isDisable ? styles.disable : ''),
@@ -1044,7 +1047,7 @@ var AiExplain = function AiExplain(_ref) {
     placement: "top",
     visible: showHangUpTooltip,
     onVisibleChange: setShowHangUpTooltip,
-    content: '挂断电话',
+    content: t('aiDialogue.hangUp'),
     overlayClassName: "ai-chat-tooltip"
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.btnItem,

package/dist/components/ai-loading/index.js

@@ -1,7 +1,10 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import styles from "./index.module.css";
 import LottieImg from "../lottie-img";
 var AiLoading = function AiLoading() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.aiLoading
   }, /*#__PURE__*/React.createElement(LottieImg, {
@@ -9,6 +12,6 @@ var AiLoading = function AiLoading() {
     size: [30, 50]
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.text
-  }, "\u6570\u636E\u52A0\u8F7D\u4E2D~"));
+  }, t('common.dataLoading')));
 };
 export default AiLoading;

package/dist/components/answer-item/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import styles from "./index.module.css";
 import classNames from 'classnames';
 import ReasoningContent from "../reasoning-content/index";
@@ -48,6 +49,8 @@ var AnswerItem = function AnswerItem(_ref) {
     enableVoicePlay = _ref$enableVoicePlay === void 0 ? true : _ref$enableVoicePlay,
     reasoningTitle = _ref.reasoningTitle,
     model = _ref.model;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var isMsgRecieving = useAppSelector(function (state) {
     return state.gimiMenu.isMsgRecieving;
   });
@@ -142,7 +145,7 @@ var AnswerItem = function AnswerItem(_ref) {
     className: styles.checkIcon
   }), /*#__PURE__*/React.createElement("span", {
     className: styles.checkText
-  }, "\u672C\u6B21\u4EFB\u52A1\u5DF2\u5B8C\u6210\uFF01")), showContentFlag && /*#__PURE__*/React.createElement(MMarkdown, {
+  }, t('answer.taskCompleted'))), showContentFlag && /*#__PURE__*/React.createElement(MMarkdown, {
     content: processString(item.content || ''),
     customRender: customRender,
     showLoading: item.loading
@@ -158,7 +161,7 @@ var AnswerItem = function AnswerItem(_ref) {
     onFailure: onFailure
   }), item.stop === 1 && /*#__PURE__*/React.createElement("div", {
     className: styles.stop
-  }, "\u5DF2\u505C\u6B62"), showOperation && /*#__PURE__*/React.createElement("div", {
+  }, t('answer.stopped')), showOperation && /*#__PURE__*/React.createElement("div", {
     className: styles.opera
   }, (showOpera === null || showOpera === void 0 ? void 0 : showOpera(item.id)) && !item.loading && /*#__PURE__*/React.createElement("div", {
     className: styles.opera_item
@@ -195,14 +198,14 @@ var AnswerItem = function AnswerItem(_ref) {
     className: styles.course_recommend_header
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.course_recommend_header_title
-  }, "\u76F8\u5173\u8BFE\u7A0B\u63A8\u8350"), (item.relatedCourseRecommendation || []).length > 4 && /*#__PURE__*/React.createElement("div", {
+  }, t('answer.courseRecommend')), (item.relatedCourseRecommendation || []).length > 4 && /*#__PURE__*/React.createElement("div", {
     className: styles.course_recommend_header_more,
     onClick: function onClick() {
       handleShowCourse(item);
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: styles.all
-  }, "\u5168\u90E8\u8BFE\u7A0B"))), /*#__PURE__*/React.createElement("div", {
+  }, t('answer.allCourses')))), /*#__PURE__*/React.createElement("div", {
     className: styles.course_recommend_list
   }, (item.relatedCourseRecommendation || []).map(function (course, i) {
     if (i > 3) return null;

package/dist/components/ask-card/index.js

@@ -9,11 +9,14 @@ import styles from "./index.module.css";
 import { MMarkdown } from '@myun/gimi-design';
 import classNames from 'classnames';
 import FileUpload from "../file-upload";
+import { useTranslation } from 'react-i18next';
 var AskCard = function AskCard(_ref) {
   var item = _ref.item,
     moduleInfo = _ref.moduleInfo,
     handleClickAskList = _ref.handleClickAskList,
     onAskCardCallback = _ref.onAskCardCallback;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     disabled = _React$useState2[0],
@@ -81,11 +84,11 @@ var AskCard = function AskCard(_ref) {
     className: classNames(styles.uploadIcon)
   }, /*#__PURE__*/React.createElement("img", {
     src: item.disableUploadFile ? 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/19/b1e04_20250919162201.png' : 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/11/83ad4_20250911153220.png',
-    alt: ""
+    alt: t('askCard.fileUpload')
   }), /*#__PURE__*/React.createElement("span", {
     style: item.disableUploadFile ? {
       color: '#d9dce5'
     } : {}
-  }, "\u6587\u4EF6\u4E0A\u4F20")))));
+  }, t('askCard.fileUpload'))))));
 };
 export default AskCard;

package/dist/components/ask-card/index.module.css

@@ -77,7 +77,8 @@
 }
 
 .showUpload {
-  width: 128px;
+  width: fit-content;
+  min-width: 128px;
   height: 44px;
   flex-shrink: 0;
   border-radius: 22px;
@@ -89,6 +90,8 @@
   cursor: pointer;
   display: flex;
   align-items: center;
+  padding: 0 12px;
+  box-sizing: border-box;
   color: #000;
   font-family: "PingFang SC";
   font-size: 14px;
@@ -103,6 +106,10 @@
   height: 100%;
   display: flex;
   align-items: center;
+  gap: 6px;
+}
+.showUpload .uploadIcon span {
+  white-space: nowrap;
 }
 .showUpload .disableFile {
   border-radius: 22px;

package/dist/components/chat-input/index.js

@@ -16,6 +16,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext } from "react";
+import { useTranslation } from 'react-i18next';
 import { AIChatInput, Divider } from '@douyinfe/semi-ui';
 import { transformToInputSlots } from "../../utils/chatInputUtil";
 import VoiceCheckDialog from "../voice-check-dialog";
@@ -51,6 +52,8 @@ var extractText = function extractText() {
 };
 var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _messageList;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var fileList = useAppSelector(function (state) {
     return state.gimiMenu.fileList;
   });
@@ -137,7 +140,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var value = extractText(content);
     if (value.length > 10000) {
       var _inputRef$current4;
-      Toast.warning('最多输入10000个字符');
+      Toast.warning(t('chatInput.maxLength'));
       value = value.slice(0, 10000);
       (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.setContent(value);
     }
@@ -185,9 +188,9 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [props.asrText, props.isRecording, props.isVoiceGetting, handleQuickInput]);
   var handleTip = function handleTip() {
     if ((fileList === null || fileList === void 0 ? void 0 : fileList.length) > 0) {
-      return Toast.info('最多上传一个文件哦');
+      return Toast.info(t('chatInput.uploadLimitOne'));
     }
-    return Toast.info('当前流程不支持该按钮的使用，请等待正在进行的流程结束或按对话卡片指示继续流程');
+    return Toast.info(t('chatInput.flowUnsupported'));
   };
   var UploadFileTool = React.useMemo(function () {
     if (!props.enableFileUpload || (agentObj === null || agentObj === void 0 ? void 0 : agentObj.openUploadFile) === 0) {
@@ -200,7 +203,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabled: shouldDisableUploadFile,
       onFileUploaded: props.onFileUploaded
     }, /*#__PURE__*/React.createElement(Tooltip, {
-      content: '上传文件'
+      content: t('chatInput.uploadFile')
     }, shouldDisableUploadFile ? /*#__PURE__*/React.createElement("div", {
       className: styles.uploadIcon,
       onClick: handleTip,
@@ -226,7 +229,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
             _context.next = 2;
             break;
           }
-          return _context.abrupt("return", Toast.warning('当前流程不支持语音通话'));
+          return _context.abrupt("return", Toast.warning(t('chatInput.voiceCallUnsupported')));
         case 2:
           _context.prev = 2;
           _context.next = 5;
@@ -234,7 +237,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
             audio: true
           });
         case 5:
-          _context.next = 11;
+          _context.next = 12;
           break;
         case 7:
           _context.prev = 7;
@@ -245,23 +248,24 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
               showMicWarning: true
             }
           });
-          throw new Error('需要麦克风访问权限');
-        case 11:
+          console.error(t('chatInput.micPermissionRequired'));
+          return _context.abrupt("return");
+        case 12:
           if (conversationIdRef.current) {
-            _context.next = 25;
+            _context.next = 26;
             break;
           }
           params = _objectSpread({
-            content: '新对话',
+            content: t('chatInput.newConversation'),
             conversationType: agentObjRef.current.conversationType,
             botId: agentObjRef.current.botId,
             isSystemAuto: 1,
             preview: props.platform === 'preview' ? 1 : 0
           }, businessParams);
-          _context.prev = 13;
-          _context.next = 16;
+          _context.prev = 14;
+          _context.next = 17;
           return createRoomId(params);
-        case 16:
+        case 17:
           res = _context.sent;
           if (res && res.status === 0) {
             // 关闭自动加载会话，避免重复加载
@@ -276,23 +280,23 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
           } else {
             Toast.error(res.message);
           }
-          _context.next = 23;
+          _context.next = 24;
           break;
-        case 20:
-          _context.prev = 20;
-          _context.t1 = _context["catch"](13);
+        case 21:
+          _context.prev = 21;
+          _context.t1 = _context["catch"](14);
           console.log('error', _context.t1);
-        case 23:
-          _context.next = 26;
+        case 24:
+          _context.next = 27;
           break;
-        case 25:
+        case 26:
           // 直接打开会话
           setShowChatCommunication(true);
-        case 26:
+        case 27:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[2, 7], [13, 20]]);
+    }, _callee, null, [[2, 7], [14, 21]]);
   })), [dispatch, isMsgRecieving, props, businessParams]);
   var stopRecording = React.useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(enableInput) {
@@ -359,7 +363,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderConfigureArea = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(Tooltip, {
       trigger: 'click',
-      content: "\u7CFB\u7EDF\u667A\u80FD\u5207\u6362\u601D\u8003\u6A21\u5F0F"
+      content: t('chatInput.deepThinkTip')
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.deepthink
     }, /*#__PURE__*/React.createElement("img", {
@@ -367,7 +371,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       src: deepThinkActive,
       className: styles.imgs,
       alt: ""
-    }), /*#__PURE__*/React.createElement("span", null, "\u6DF1\u5EA6\u601D\u8003:\xA0\xA0\u81EA\u52A8")));
+    }), /*#__PURE__*/React.createElement("span", null, t('chatInput.deepThinkModeAuto'))));
   }, []);
   var stopSSe = function stopSSe() {
     if (uploadFileRef.current) {
@@ -422,7 +426,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       style: {
         flex: 1
       }
-    }, "\u6B63\u5728\u83B7\u53D6\u8BED\u97F3\u5185\u5BB9...")));
+    }, t('chatInput.fetchingVoice'))));
   }, [fileList, props.isRecording, props.isVoiceGetting, messageList, quoteProductList, quoteTeachModelList, handleDelFile, handleReTry, isAskProcess]);
   var handleHangUp = function handleHangUp() {
     var continueFlag = true;