yt-chat-components 1.7.3 → 1.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "main": "build/static/js/bundle.min.js",
   "module": "build/static/js/bundle.min.js",
   "types": "build/static/js/index.d.ts",

package/src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx

@@ -396,7 +396,13 @@ export default function ChatMessage({
           alt={''}
           fallback="data:image/png;base64,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"
       />
-    }
+    },
+    a: ({node, ...props}) => {
+      if (props.href?.startsWith('http')) {
+        return <a {...props} target="_blank" rel="noopener noreferrer"/>;
+      }
+      return <a {...props} />;
+    },
   }), [isSubmittingForm]);  // 依赖 isSubmittingForm 刷新ui
 
   const getStatusIcon = (status: CustomThoughtChainItem['status'], icon?: React.ReactNode) => {

package/src/YtChatView/chatWidget/chatWindow/index.tsx

@@ -160,7 +160,8 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
   voice,
   onSmartRobotClick,
   isShowMobileInputArea,
-  isInH5Page
+  isInH5Page,
+  welcomeWords
 }, ref) => {
   const rootRef = useRef<HTMLDivElement>(null);
   const lastMessage = useRef<HTMLDivElement>(null);
@@ -193,6 +194,7 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
   const {registerChatMethods} = React.useContext(MethodContext) || {};
   let voiceChunks = []; // 临时存储录制的语音片段
   // 滚动事件处理，选择文件时，文件内容超出显示框时，显示左右箭头
+  const messageContainerRef = useRef<HTMLDivElement>(null);
 
   useImperativeHandle(ref, () => ({
     handleCallButtonClick:handleCallButtonClick
@@ -1037,7 +1039,7 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
                 keyShowSize={4}
                 agentName={window_title}
                 agentUrl={agentUrl}
-                welcomeWords={`Hi，欢迎使用${window_title}，您可以这样问我:`}
+                welcomeWords={welcomeWords || '很高兴认识您，您有什么问题尽可咨询我！'}
                 handleRowClick={(word) => {
                   if(!receivingMessageRef.current){
                     handleSendMessage(word)
@@ -1248,6 +1250,10 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
               } else {
                 handleSendMessage()
               }
+              setTimeout(() => {
+                const container = messageContainerRef.current;
+                messageContainerRef.current.scrollTop = container.scrollHeight + 72;
+              }, 200);
             }}
             onStartRecordClick={startConnectAndRecord}
             onStopRecordClick={stopRecord}
@@ -1548,6 +1554,7 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
               <div
                   className="cl-messages_container"
                   style={isMobile ? {paddingLeft: '0', paddingRight: '0'} : {}}
+                  ref={messageContainerRef}
                   // style={{ maxWidth: '100%', minHeight:'300px', height:'700px', paddingBottom: '56px' }}
               >
                 {

package/src/YtChatView/chatWidget/index.tsx

@@ -59,6 +59,7 @@ export default function ChatWidget({
   isShowMobileInputArea,
   isInH5Page,
   chatWindowRef,
+  welcomeWords,
 }: {
   is_enable_call:boolean,
   tags: [];
@@ -111,6 +112,7 @@ export default function ChatWidget({
   isShowMobileInputArea?: boolean;
   isInH5Page: boolean;
   chatWindowRef?: object;
+  welcomeWords?: string;
 }) {
   const [open, setOpen] = useState(start_open);
   const [messages, setMessages] = useState<ChatMessageType[]>([]);
@@ -193,6 +195,7 @@ export default function ChatWidget({
         onSmartRobotClick={onSmartRobotClick}
         isShowMobileInputArea={isShowMobileInputArea}
         isInH5Page={isInH5Page}
+        welcomeWords={welcomeWords}
       />
     </div>
   );

package/src/YtChatView/mobileChatV2/index.jsx

@@ -543,8 +543,8 @@ export class MobileChatPageV2 extends React.Component {
                     <div className="drawer-history-header" style={{marginTop:0, padding: '54px 14px 14px 14px', background: 'linear-gradient( 71deg, #E1E9FF 0%, #FFFFFF 100%)', position: "relative"}}>
                       <img src={icon_history_headerbg} style={{position: 'absolute', right: 0, bottom: 0, width: '40%', zIndex:0}}/>
                       <div className="drawer-history-header-title" style={{display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
-                        <img style={{width: 35}} src={agentUrl}/>
-                        <span style={{fontSize: 24, marginLeft: 10}}>{agentName}</span>
+                        <img style={{width: 45}} src={agentUrl}/>
+                        <span style={{fontSize: 19, marginLeft: 10}}>{agentName}</span>
                       </div>
                     </div>
                     <div
@@ -575,7 +575,7 @@ export class MobileChatPageV2 extends React.Component {
                               justifyContent: 'center',
                               cursor: 'pointer',
                               padding: '30px 14px 15px 14px',
-                              borderBottom: this.state.currentTabKey === item.id ? '2px solid #2850FF' : '2px solid #fff'
+                              // borderBottom: this.state.currentTabKey === item.id ? '2px solid #2850FF' : '2px solid #fff'
                             }}
                                  onClick={() => this.setState({currentTabKey: item.id})}
                             >