@myun/gimi-chat 0.3.6 → 0.3.8

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

@@ -296,6 +296,12 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }))
     });
   }, [props.enableVoiceChat, props.enableVoiceRecord, props.disabled, props.disableVoiceCommunication, props.isVoiceGetting, isMsgRecieving, openChatCommunication, props.shortAsrClick, agentObj === null || agentObj === void 0 ? void 0 : agentObj.isEnableVoiceCall]);
+  var renderQuotedContent = React.useMemo(function () {
+    if (!props.enableSourceQuote) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(QuotedContent, null);
+  }, [props.enableSourceQuote]);
   var renderActionArea = React.useCallback(function (renderProps) {
     return /*#__PURE__*/React.createElement("div", {
       className: renderProps.className,
@@ -305,13 +311,13 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
         display: 'flex',
         alignItems: 'center'
       }
-    }, props.enableSourceQuote && /*#__PURE__*/React.createElement(QuotedContent, null), VoiceTools, UploadFileTool, /*#__PURE__*/React.createElement(Divider, {
+    }, renderQuotedContent, VoiceTools, UploadFileTool, /*#__PURE__*/React.createElement(Divider, {
       layout: "vertical",
       style: {
         marginLeft: 8
       }
     })), renderProps.menuItem);
-  }, [VoiceTools, UploadFileTool, props.enableSourceQuote]);
+  }, [VoiceTools, UploadFileTool, renderQuotedContent]);
   var onMessageSend = React.useCallback(function (content) {
     var _props$onSend;
     var inputContents = content.inputContents || [];

package/dist/components/chat-input/index.module.css

@@ -48,4 +48,46 @@
   margin: 0px 10px 10px 10px;
   padding: 16px;
   max-width: 800px;
+  max-height: 400px;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #d1d1d1 transparent;
+}
+.chatInput::-webkit-scrollbar {
+  width: 4px;
+}
+.chatInput::-webkit-scrollbar-thumb {
+  background-color: #d1d1d1;
+  border-radius: 2px;
+  border: none;
+}
+.chatInput::-webkit-scrollbar-track {
+  background-color: transparent;
+  border: none;
+}
+
+.reference {
+  max-height: 180px;
+  overflow: auto;
+  flex: 1;
+  scrollbar-width: thin;
+  scrollbar-color: #d1d1d1 transparent;
+}
+.reference::-webkit-scrollbar {
+  width: 4px;
+}
+.reference::-webkit-scrollbar-thumb {
+  background-color: #d1d1d1;
+  border-radius: 2px;
+  border: none;
+}
+.reference::-webkit-scrollbar-track {
+  background-color: transparent;
+  border: none;
+}
+.reference .references {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding-top: 5px;
 }

package/dist/components/file-card/fileCardSidebar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const FileCardSideBar: (props: {
-    targetElement?: HTMLElement;
+    sidebarTargetElm?: HTMLElement;
     isOverFlow: boolean;
     className?: string;
     style?: React.CSSProperties;

package/dist/components/file-card/fileCardSidebar.js

@@ -7,7 +7,7 @@ import ReactDOM from 'react-dom';
 import styles from "./index.module.css";
 import { FileCard } from ".";
 var FileCardSideBar = function FileCardSideBar(props) {
-  var targetElement = props.targetElement,
+  var sidebarTargetElm = props.sidebarTargetElm,
     isOverFlow = props.isOverFlow,
     className = props.className,
     style = props.style;
@@ -48,7 +48,7 @@ var FileCardSideBar = function FileCardSideBar(props) {
     })));
   };
   if (isOverFlow) {
-    var targetElm = targetElement || document.getElementById('myun_gimi_design_chat');
+    var targetElm = sidebarTargetElm || document.getElementById('myun_gimi_design_chat');
     if (!targetElm) return null;
     return /*#__PURE__*/ReactDOM.createPortal(renderContent(), targetElm);
   }

package/dist/components/gimi-sidebar/index.module.css

@@ -1,6 +1,7 @@
 .overflow_layout {
   position: absolute;
   right: 0;
+  top: 0;
   z-index: 10;
   height: 100%;
   box-shadow: -1px 0 10px 0 rgb(233, 235, 242);

package/dist/components/knowledge-trace/index.d.ts

@@ -9,7 +9,7 @@ export interface KonwledgeTraceState {
     messageId: number;
 }
 declare const KonwledgeTrace: React.FC<{
-    targetElement?: HTMLElement;
+    sidebarTargetElm?: HTMLElement;
     chatList: any[];
     isOverFlow: boolean;
     className?: string;

package/dist/components/knowledge-trace/index.js

@@ -18,7 +18,7 @@ import AiLoading from "../ai-loading";
 import ReactDOM from 'react-dom';
 import GimiSideBar from "../gimi-sidebar";
 var KonwledgeTrace = function KonwledgeTrace(_ref) {
-  var targetElement = _ref.targetElement,
+  var sidebarTargetElm = _ref.sidebarTargetElm,
     chatList = _ref.chatList,
     isOverFlow = _ref.isOverFlow,
     className = _ref.className,
@@ -146,7 +146,7 @@ var KonwledgeTrace = function KonwledgeTrace(_ref) {
     })) : tabContent));
   };
   if (isOverFlow && (kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0) {
-    var targetElm = targetElement || document.getElementById('myun_gimi_design_chat');
+    var targetElm = sidebarTargetElm || document.getElementById('myun_gimi_design_chat');
     if (!targetElm) return null;
     return /*#__PURE__*/ReactDOM.createPortal(renderContent(), targetElm);
   }

package/dist/components/quoted-content/index.js

@@ -14,7 +14,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { Input, Toast, Table, Popover, Space } from '@douyinfe/semi-ui';
+import { Input, Toast, Table, Popover, Tooltip } from '@douyinfe/semi-ui';
 import styles from "./index.module.css";
 import { useCallback, useRef, useState } from 'react';
 import IconFontCom from "../iconfont-com";
@@ -32,8 +32,8 @@ var tabList = [{
 }
 // { key: 'course', displayName: '课程' },
 ];
-var quotoIcon = 'https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202511/18/aedd7_20251118092438.png';
-var isActiveQuotoIcon = 'https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202512/01/aa4b5_20251201110652.png';
+var quotoIcon = 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202601/30/be6d9_20260130135139.png';
+var isActiveQuotoIcon = 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202601/30/8e64c_20260130135037.png';
 var QuotedContent = function QuotedContent() {
   var _useState = useState('video'),
     _useState2 = _slicedToArray(_useState, 2),
@@ -74,6 +74,7 @@ var QuotedContent = function QuotedContent() {
     title: '名称',
     dataIndex: 'name',
     key: 'name',
+    width: '100%',
     render: function render(text) {
       return /*#__PURE__*/React.createElement("span", {
         className: styles.listItem
@@ -82,7 +83,8 @@ var QuotedContent = function QuotedContent() {
         className: styles.img,
         src: activeKey === 'video' ? knowledgeConstants.VIDEO_ICON_ADDRESS : knowledgeConstants.CLASS_ICON_BIG_ADDRESS
       }), /*#__PURE__*/React.createElement("span", {
-        className: styles.text
+        className: styles.text,
+        title: text
       }, text));
     }
   }];
@@ -206,12 +208,8 @@ var QuotedContent = function QuotedContent() {
     return /*#__PURE__*/React.createElement("div", {
       style: {
         padding: 12,
-        width: 300
-      }
-    }, /*#__PURE__*/React.createElement(Space, {
-      style: {
-        width: '100%',
-        height: '100%'
+        width: 380,
+        position: 'relative'
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.quotedContent
@@ -260,22 +258,28 @@ var QuotedContent = function QuotedContent() {
           }
         };
       }
-    }))))));
+    })))));
   };
   return /*#__PURE__*/React.createElement(Popover, {
     visible: showmodel,
     content: renderContent,
     trigger: "custom",
     stopPropagation: true,
-    onClickOutSide: handleClose
+    onClickOutSide: handleClose,
+    position: "bottomLeft",
+    spacing: 6
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles.quotationIcon, " ").concat(showmodel && styles.isActive),
     onClick: function onClick() {
       return setShowmodel(true);
     }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: "\u5F15\u7528\u8BFE\u7A0B",
+    position: "top",
+    visible: showmodel ? false : undefined
   }, /*#__PURE__*/React.createElement("img", {
     src: showmodel ? isActiveQuotoIcon : quotoIcon,
     alt: ""
-  })));
+  }))));
 };
 export default QuotedContent;

package/dist/components/quoted-content/index.module.css

@@ -4,6 +4,8 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  width: 100%;
+  overflow: hidden;
 }
 
 .searchInput {
@@ -11,6 +13,7 @@
   font-size: 12px;
   padding: 0 10px;
   border-radius: 8px;
+  width: 100%;
 }
 .searchInput input::placeholder {
   color: #7d91b3;
@@ -18,18 +21,25 @@
 
 .content {
   padding-top: 10px;
+  width: 100%;
+  overflow: hidden;
 }
 
 .newtab {
   padding-bottom: 10px;
+  width: 100%;
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-x: auto;
 }
 
 .tabItem {
   font-size: 14px;
   padding: 5px 10px;
-  margin: 0 8px;
+  margin-right: 16px;
   border-radius: 8px;
   cursor: pointer;
+  flex-shrink: 0;
 }
 .tabItem:hover {
   background-color: #f7f7fc;
@@ -45,29 +55,35 @@
 .tabContent {
   overflow: auto;
   height: 200px;
+  width: 100%;
 }
 .tabContent .table {
   table-layout: fixed;
-}
-.tabContent .table :global(.semi-table-row-cell) span {
-  width: 270px;
+  width: 100%;
 }
 .tabContent .table :global(.semi-table-row-cell) {
   font-size: 12px;
   border: none !important;
-  white-space: nowrap;
+  padding: 8px 0;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 0;
+}
+.tabContent .table :global(.semi-table-tbody .semi-table-row) {
+  width: 100%;
 }
 .tabContent .table .listItem {
   display: flex;
   align-items: center;
   cursor: pointer;
   width: 100%;
+  overflow: hidden;
+  min-width: 0;
 }
 .tabContent .table .listItem .img {
   width: 16px;
-  margin-right: 5px;
+  margin-right: 8px;
   flex-shrink: 0;
 }
 .tabContent .table .listItem .text {
@@ -75,6 +91,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  min-width: 0;
 }
 
 .tabContent::-webkit-scrollbar {

package/dist/components/templates/CommonChat.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from 'react';
 import { store } from "../../store";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
-import { setBaseUrl, setToken, setPlatform, setConversationId, setAgentDetail, setBussinessParams } from "../../store/slices/gimiMenuSlice";
+import { setBaseUrl, setToken, setPlatform, setConversationId, setAgentDetail, setBussinessParams, setQuoteTeachModelList } from "../../store/slices/gimiMenuSlice";
 import useCommonChatAPI from "../../hooks/useCommonChatAPI";
 import { replaceBraces } from "../../utils/tools";
 import styles from "./index.module.css";
@@ -130,6 +130,14 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
   React.useEffect(function () {
     dispatch(setBussinessParams(bussinessParams || {}));
   }, [bussinessParams, dispatch]);
+  React.useEffect(function () {
+    var _props$initQuoteSourc;
+    if ((_props$initQuoteSourc = props.initQuoteSource) !== null && _props$initQuoteSourc !== void 0 && _props$initQuoteSourc.teachModelId) {
+      dispatch(setQuoteTeachModelList({
+        quoteTeachModelList: [props.initQuoteSource]
+      }));
+    }
+  }, [props.initQuoteSource, dispatch]);
   var disableVoiceCommunication = React.useMemo(function () {
     var lastedMessage = messageList[messageList.length - 1];
     var content = (lastedMessage === null || lastedMessage === void 0 ? void 0 : lastedMessage.content) || '';

package/dist/hooks/useChatStream.js

@@ -158,7 +158,8 @@ export var useChatStream = function useChatStream(platform) {
                       return;
                     }
                   } else if (_dataObj.ERROR || _dataObj.moduleType === 'FAILED') {
-                    Toast.error('服务异常');
+                    var errorMessage = '内容过大，请精简后开启新对话';
+                    Toast.error(_dataObj.ERROR === errorMessage ? errorMessage : '服务异常');
                     onErrorComplete === null || onErrorComplete === void 0 || onErrorComplete();
                     return;
                   } else if (data.status && data.status !== 0 && !_dataObj.ERROR) {

package/dist/hooks/useCommonChatAPI.js

@@ -796,39 +796,38 @@ var useCommonChatAPI = function useCommonChatAPI(props) {
             isSystemAuto = _args9.length > 2 && _args9[2] !== undefined ? _args9[2] : false;
             conversationId = _args9.length > 3 ? _args9[3] : undefined;
             value = val.trim();
-            console.log('initAttachments', initAttachments);
             if (!(!value && !isSystemAuto)) {
-              _context9.next = 7;
+              _context9.next = 6;
               break;
             }
             return _context9.abrupt("return");
-          case 7:
+          case 6:
             if (navigator.onLine) {
-              _context9.next = 10;
+              _context9.next = 9;
               break;
             }
             Toast.error('无法连接到网络');
             return _context9.abrupt("return");
-          case 10:
-            if (!(status === 2 || isMsgRecievingRef.current)) {
-              _context9.next = 13;
+          case 9:
+            if (!(status === 2 || msgLoading)) {
+              _context9.next = 12;
               break;
             }
             Toast.error('AI正在输出中，请稍后');
             return _context9.abrupt("return");
-          case 13:
+          case 12:
             chatInputConfig === null || chatInputConfig === void 0 || (_chatInputConfig$onBe = chatInputConfig.onBeforeSend) === null || _chatInputConfig$onBe === void 0 || _chatInputConfig$onBe.call(chatInputConfig, value);
 
             // 设置inputModel
             fillInputModel(value, messageListRef.current);
             fileValidationMsg = fileValidation(fileListRef.current);
             if (!fileValidationMsg) {
-              _context9.next = 19;
+              _context9.next = 18;
               break;
             }
             Toast.error(fileValidationMsg);
             return _context9.abrupt("return");
-          case 19:
+          case 18:
             if (isPlaying) {
               // 点击发送按钮时，先停止播放
               stopTTSByText === null || stopTTSByText === void 0 || stopTTSByText();
@@ -860,7 +859,7 @@ var useCommonChatAPI = function useCommonChatAPI(props) {
               // 系统自动上传，直接开始会话，不更新列表
               startChat([].concat(_toConsumableArray(prevChatList), [userChat]), isSystemAuto, conversationId);
             }
-          case 26:
+          case 25:
           case "end":
             return _context9.stop();
         }

package/dist/types/chat.d.ts

@@ -115,6 +115,12 @@ export interface CommonChatProps {
     showHeader?: boolean;
     initSendValue?: string;
     initAttachments?: FileItem[];
+    initQuoteSource?: {
+        teachModelId: number;
+        teachModelName: string;
+        type?: string;
+        duration: number;
+    };
     chatInputConfig?: IAIInputProps;
     platform?: 'myun' | 'preview' | 'damai';
     businessType: 'correction' | 'chat';