yt-chat-components 0.9.5 → 0.9.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "0.9.5",
+  "version": "0.9.7",
   "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

@@ -160,7 +160,7 @@ export default function ChatWindow({
     } else if (event == 'token') {
       setNowAIContent((prevState) => prevState + data['chunk']);
       if (lastMessage.current) lastMessage.current.scrollIntoView({ behavior: 'smooth' });
-    } else if (event == 'end') {
+    } else if (false && event == 'end') {// 移除end事件的响应
       const res = {
         data: data['result'],
       };

package/src/YtChatView/chatWidget/index.tsx

@@ -2350,17 +2350,15 @@ input::-ms-input-placeholder { /* Microsoft Edge */
 }
 
 .w_tagListClass {
-  // position: absolute;
   width: 100%;
   height: fit-content;
-  // background: #F9FAFB;
   display: flex;
   align-items: center;
   padding: 8px 0 8px 10px;
   flex-wrap: wrap;
   gap: 8px;
-
-  .w_tagItemBox {
+}
+.w_tagListClass .w_tagItemBox {
     padding: 8px 12px;
     display: flex;
     align-items: center;
@@ -2372,36 +2370,34 @@ input::-ms-input-placeholder { /* Microsoft Edge */
     border: 1px solid #4B4FFF;
     cursor: pointer;
 
-    &:hover,&:active {
-      background: linear-gradient( 270deg, #828EFE 0%, #4B4FFF 100%);
-      .w_tagImgh {
-        filter: brightness(100);
-      }
-      .w_tagItemText {
-        color: #fff;
-      }
-    }
-    .w_tagImgh{
+  }
+  .w_tagListClass .w_tagItemBox:hover, .w_tagListClass .w_tagItemBox:active {
+    background: linear-gradient( 270deg, #828EFE 0%, #4B4FFF 100%);
+  }
+  .w_tagListClass .w_tagItemBox:hover .w_tagImgh,.w_tagListClass .w_tagItemBox:active .w_tagImgh {
+    filter: brightness(100);
+  }
+
+ .w_tagListClass .w_tagItemBox:hover .w_tagItemText, .w_tagListClass .w_tagItemBox:active .w_tagItemText {
+    color: #fff;
+  }
+  .w_tagListClass .w_tagItemBox .w_tagImgh{
       width: 16px;
       height: 16px;
-    }
-
-    .w_tagItemText {
+  }
+  .w_tagListClass .w_tagItemBox .w_tagItemText {
       width: fit-content;
       padding-top: 2px;
       color: #1552FF;
       font-size: 14px;
-    }
-
-    .w_tagImg {
+  }
+  .w_tagListClass .w_tagItemBox .w_tagImg {
       margin-left: 6px;
       width: 12px;
       height: 12px;
       background-repeat: no-repeat;
       background-size: cover;
-    }
   }
-}
 
 .w_inputBox {
   width: calc(100% - 16px);
@@ -2412,7 +2408,8 @@ input::-ms-input-placeholder { /* Microsoft Edge */
   border-radius: 30px;
   background: #FFFFFF;
   transition: height 0.2s ease;
-  textarea {
+}
+  .w_inputBox textarea {
     resize: none;
     min-height: 48px;
     max-height: 96px;
@@ -2429,15 +2426,11 @@ input::-ms-input-placeholder { /* Microsoft Edge */
       border-top-left-radius: 50px;
       border-bottom-left-radius: 50px;
   }
-  textarea::-webkit-scrollbar {
-    display: none; /* Chrome, Safari, and Opera */
+  
+ .w_inputBox textarea::-webkit-scrollbar {
+    display: none; 
   }
-}
-
-/**
- * 输入框上方的标签问题列表
- */
-
+  
 .w_send_voice_box {
   height: 23px;
   display: flex;

package/src/YtChatView/previewDialog/index.jsx

@@ -355,7 +355,7 @@ export class ToolDialog extends React.Component {
         //  单独组件情况
         if(isRefreshWords){
           this.getFlowInfo().then(currentFlow=>{
-            const dropDownList = this.getDropDownList(currentFlow.welcome_words);
+            const dropDownList = this.getDropDownList(currentFlow.welcome_words||[]);
             this.setState({ dropDownList, currentFlow })
           })
         }
@@ -365,7 +365,7 @@ export class ToolDialog extends React.Component {
       }else{
         const currentScene = sceneData||this.state.sceneInfo;
         const currentFlow = currentScene.flows[0];
-        const dropDownList = this.getDropDownList(currentFlow.welcome_words);
+        const dropDownList = this.getDropDownList(currentFlow.welcome_words||[]);
         if(!isEmpty(sceneData)){
           this.setState({ currentFlow, dropDownList })
         }else if(isEmpty(this.state.sceneInfo)){
@@ -400,7 +400,7 @@ export class ToolDialog extends React.Component {
       return;
     }
     this.setState({ sessionId: uuidv4() });
-    this.setState({ dropDownList: this.getDropDownList(this.state.currentFlow.welcome_words) })
+    this.setState({ dropDownList: this.getDropDownList(this.state.currentFlow.welcome_words||[]) })
   }
 
   updateSessionId = (sessionId) => {
@@ -411,7 +411,7 @@ export class ToolDialog extends React.Component {
     if(isEmpty(welcome_words)){
       return defaultList;
     }
-   return  welcome_words.map((question,index)=>(
+   return  welcome_words.slice(0,3).map((question,index)=>(
         {
           backgroundImg:defaultList[index].backgroundImg,
           title:question,