yt-chat-components 1.3.1 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "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/index.tsx

@@ -83,6 +83,8 @@ export default function ChatWindow({
   modalWidth,
   isMobile = false,
   isShowChatHeader = true,
+  tipTitle,
+  tipContent,
 }: {
   is_enable_call:boolean;
   tags: [];
@@ -127,6 +129,8 @@ export default function ChatWindow({
   modalWidth: number;
   isMobile: boolean;
   isShowChatHeader: boolean;
+  tipTitle?: string;
+  tipContent?: string;
 }) {
   const ref = useRef<HTMLDivElement>(null);
   const lastMessage = useRef<HTMLDivElement>(null);
@@ -948,7 +952,10 @@ export default function ChatWindow({
       return (
           <div className={'cl-tips-wrapper'}>
             <img className="drop-man-img" src={dropManUrl}/>
-            <div className="drop-down-title"><strong>Hi，</strong><br/><strong>欢迎使用{window_title}!</strong><br/><div style={{fontSize:'14px'}}>您可以这样问我:</div></div>
+            <div className="drop-down-title">
+              <strong>Hi，</strong><br/><strong>{tipTitle || `欢迎使用${window_title}!`}</strong><br/>
+              <div style={{fontSize:'14px'}}>{tipTitle || `您可以这样问我:`}</div>
+            </div>
             <div className={'cl-drop-down-mobile'}>
               <div className="drop-down-list-mobile">
                 {dropDownList.map(({backgroundImg, title}) => (
@@ -979,7 +986,7 @@ export default function ChatWindow({
       if (isEmpty(dropManUrl)){
         return (
             <div className='cl-drop-down'>
-              <div className="drop-down-title">Hi，欢迎使用{window_title}，您可以这样问我:</div>
+              <div className="drop-down-title">Hi，{tipTitle || `欢迎使用${window_title}`}，{tipContent || '您可以这样问我:'}</div>
               <div className="drop-down-list">
                 {dropDownList.map(({backgroundImg, title}) => (
                     <div className="drop-down-item-card" key={title}>
@@ -1013,7 +1020,7 @@ export default function ChatWindow({
             <div className={judgeDropClass()}>
               <img className="drop-man-img" src={dropManUrl}/>
               <div className='cl-drop-down'>
-                <div className="drop-down-title">Hi，欢迎使用{window_title}，您可以这样问我:</div>
+                <div className="drop-down-title">Hi，{tipTitle || `欢迎使用${window_title}`}，{tipContent || '您可以这样问我:'}</div>
                 <div className="drop-down-list">
                   {dropDownList.map(({backgroundImg, title}) => (
                       <div

package/src/YtChatView/chatWidget/index.tsx

@@ -45,6 +45,8 @@ export default function ChatWidget({
   modalWidth,
   isMobile = false,
   isShowChatHeader = true,
+  tipTitle,
+  tipContent,
 }: {
   is_enable_call:boolean,
   tags: [];
@@ -85,6 +87,8 @@ export default function ChatWidget({
   modalWidth: number;
   isMobile: boolean;
   isShowChatHeader: boolean;
+  tipTitle: string,
+  tipContent: string,
 }) {
   const [open, setOpen] = useState(start_open);
   const [messages, setMessages] = useState<ChatMessageType[]>([]);
@@ -157,6 +161,8 @@ export default function ChatWidget({
         modalWidth={modalWidth}
         isMobile={isMobile}
         isShowChatHeader={isShowChatHeader}
+        tipTitle={tipTitle}
+        tipContent={tipContent}
       />
     </div>
   );

package/src/YtChatView/mobileChat/index.jsx

@@ -382,8 +382,6 @@ export class MobileChatPage extends React.Component {
 
   setWindowTitle = (title) => {
     if (!isEmpty(title)){
-      document.title = 'AI校园智多星';
-      window.document.title = 'AI校园智多星';
     }
   }
 
@@ -499,6 +497,8 @@ export class MobileChatPage extends React.Component {
       isLogin = false,
       isShowLogin = false,
       loginBtnClick,
+      tipTitle,
+      tipContent
     } = this.props;
     const { sceneInfo, currentFlow = {} } = this.state;
     const { flows = [], name: sceneName, character } = sceneInfo;
@@ -771,6 +771,8 @@ export class MobileChatPage extends React.Component {
                   modalWidth={modalWidth}
                   isMobile={true}
                   isShowChatHeader={false}
+                  tipTitle={tipTitle}
+                  tipContent={tipContent}
               />
             </div>
             {