bhd-components 0.9.20 → 0.9.22

package/es2017/customerService/index.js

@@ -5,6 +5,7 @@ import React, { useEffect, useState, useRef } from "react";
 import { Modal, Drawer, Input, Tooltip } from "antd";
 import message from '../message';
 import ViewImage from "../viewImage";
+// import html2canvas from "html2canvas";
 import cssStyle from "./index.module.less";
 import cssStyleOnline from "./index2.module.less";
 let styles = cssStyle;
@@ -2920,6 +2921,7 @@ const CustomerService = (props)=>{
         let disabled = false;
         if (!finished) {
             placeholder = "答案生成中，请稍后再发送...";
+            disabled = false;
         }
         if (screenshotBese64) {
             placeholder = '在发送之前，请输入需要对这个图片做的操作...';
@@ -3021,6 +3023,9 @@ const CustomerService = (props)=>{
                                         //  console.log('发送内容22222',props)
                                         //  console.log(roomList,roomId,'发送内容22222wewewewewewewe');
                                         if (!e.shiftKey && !e.altKey && !e.ctrlKey && keyWord.trim() != "") {
+                                            if (!finished) {
+                                                return;
+                                            }
                                             e.stopPropagation();
                                             e.preventDefault();
                                             clearTimeout(timer.current);
@@ -3048,7 +3053,7 @@ const CustomerService = (props)=>{
                                     onFocus: ()=>{
                                         onEvent(serverName + serverUrl(), "click_智能问答_输入框", "提交");
                                     },
-                                    disabled: !disabled || !finished,
+                                    // disabled={!disabled || !finished}
                                     maxLength: 1000,
                                     id: "con_textarea"
                                 }),
@@ -3107,9 +3112,9 @@ const CustomerService = (props)=>{
                 /*#__PURE__*/ _jsx("p", {
                     className: `${styles.sending}`,
                     children: /*#__PURE__*/ _jsx("i", {
-                        className: `${!disabled || keyWord.trim() == "" ? styles.disabled : ""}`,
+                        className: `${!finished || keyWord.trim() == "" ? styles.disabled : ""}`,
                         onClick: ()=>{
-                            if (disabled && keyWord.trim() == "") return;
+                            if (!finished || keyWord.trim() == "") return;
                             setCitationContent({});
                             setButtomHei(45);
                             if (keyWord.trim() != "") {

package/es2017/customerService/index.module.less

@@ -8,7 +8,7 @@
 //   }
 //   .ant-drawer-body{
 //     padding: 0 !important;
-//   }  
+//   }
 // }
 
 .service_ChatWindow_Drawer,
@@ -67,7 +67,7 @@
         font-weight: 600;
         position: relative;
         padding-left: 36px;
-        
+
         i {
           padding-right: 16px;
           color: #111;
@@ -243,7 +243,7 @@
         width: 100%;
         .main {
           max-width: 80%;
- 
+
           .main_content_flag{
               width: 100%;
           }
@@ -343,7 +343,7 @@
 
           .main_content {
             position: relative;
-           
+
             .content {
               position: relative;
               max-width: 100%;
@@ -363,6 +363,13 @@
                   color: rgba(0, 0, 0, 0.85);
                 }
 
+                li{
+                    margin-top: 8px;
+                    &:first-child{
+                      margin-top: 0;
+                    }
+                }
+
                 & > h3 {
                   font-size: 16px;
                   font-weight: 600;
@@ -377,25 +384,30 @@
                   }
 
                   li p {
-                    padding: 4px 0;
+                    // padding: 4px 0;
                     font-size: 14px;
                     font-weight: 600;
                   }
                   li > ul li {
-                    padding-top: 8px !important;
-                    padding-bottom: 8px;
+                    // padding-bottom: 8px;
                     list-style: inside;
                     color: rgba(0, 0, 0, 0.85);
-                    &::marker{                      
+                    &::marker{
                       color: #D9D9D9 !important;
                     }
+                    &:first-child{
+                      padding-top: 8px !important;
+                    }
                   }
-                  li > ol li {   
-                    padding-top: 8px !important;
-                    padding-bottom: 8px;
-                    &::marker{                      
+                  li > ol li {
+                    // padding-bottom: 8px;
+                    &::marker{
                       color: @color-text-tertiary-Tr !important;
                     }
+
+                    &:first-child{
+                      padding-top: 8px !important;
+                    }
                   }
                   > li:last-of-type{
                     pre{
@@ -408,7 +420,7 @@
                 // }
                 // > * + ul, > * + ol {
                 //   margin-top:16px;
-                // }                
+                // }
                 // > ul + *, > ol + * {
                 //   margin-top:16px;
                 // }
@@ -433,6 +445,10 @@
 
                 > pre:last-of-type{
                   margin-bottom:0 ;
+
+                  &+ *{
+                    margin-top: 8px;
+                  }
                 }
               }
               table {
@@ -466,7 +482,7 @@
                 padding: 12px;
                 line-height: 1.5;
                 margin: 4px 0;
-                margin-bottom: 16px;
+                margin-bottom: 8px;
                 border-radius: 0 0 4px 4px;
               }
               // 最后一行操作按钮
@@ -515,7 +531,7 @@
               color: #fff;
             }
 
-            
+
             // //视频摘要内容
             // .video_abstract{
             //   .title{
@@ -535,9 +551,9 @@
             //       background-color: @color-background-primary-weak-hover;
             //       position: absolute;
             //       bottom: 0px;
-                  
+
             //     }
-                
+
             //   }
             //   .abstract{
             //     padding: 16px 0;
@@ -711,12 +727,12 @@
             cursor: pointer;
             list-style-type: none;
           }
-          
+
         }
-  
+
 
       .association_problem_flag{
-       
+
         li{
           padding-left: 30px;
           position: relative;
@@ -748,7 +764,7 @@
             display: inline-block;
             height: 22px;
           }
-          
+
         }
       }
 
@@ -784,7 +800,7 @@
               color: #fff;
               cursor: pointer;
             }
-            
+
           }
           &:hover{
             .mask_zoom{
@@ -800,7 +816,7 @@
             height: fit-content;
           }
         }
-       
+
         .copyCode{
           display: flex;
           justify-content: flex-end;
@@ -836,7 +852,7 @@
         }
         :global{
           .copy_success{
-            
+
             .copyCode{
               color:@color-text-primary;
             }
@@ -887,7 +903,7 @@
           }
 
         }
-        
+
       }
 
       .time {
@@ -982,7 +998,7 @@
               color: #fff;
               cursor: pointer;
             }
-            
+
           }
           &:hover{
             .mask_zoom{
@@ -1112,7 +1128,7 @@
         margin-bottom: 16px;
         line-height: 1.5;
         display: inline-block;
-        
+
         cursor: pointer;
         &:hover{
           background-color: @color-background-primary-weak;
@@ -1158,7 +1174,7 @@
               background-color: #fff !important;
             }
           }
-          
+
           .picture_layout{
             display: flex;
             align-items: center;
@@ -1238,7 +1254,7 @@
                     vertical-align: middle !important;
                   }
                 }
-                
+
                 svg{
                   color: @color-text-Tr;
                   font-size: 20px;
@@ -1607,7 +1623,7 @@
 }
 .teacher_layout_newlabo {
   top: 50px;
-  right: 0; 
+  right: 0;
   .top{
     svg{
       transform: rotate(180deg);
@@ -1618,7 +1634,7 @@
     // background: @color-background-info-weak !important;
     background-color:  #D1E4FF;
   }
-} 
+}
 .teacher_layout_modal {
   width: 328px;
   height: calc(100% - 48px);
@@ -1826,7 +1842,7 @@
             height: 36px;
             border-radius: 50%;
             margin-right: 16px;
-            
+
             img{
               width: 36px;
               height: 36px;
@@ -1856,7 +1872,7 @@
               color: @color-text-Secondary-Tr;
               font-size: 14px;
               font-weight: 400;
-              line-height: 150%; 
+              line-height: 150%;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
@@ -1937,7 +1953,7 @@
               // -webkit-box-orient: vertical;
               // -webkit-line-clamp: 2;
               // display: -webkit-box;
-              
+
               max-height: 21px;
               white-space: nowrap;
               span {
@@ -1991,7 +2007,7 @@
     .anticon {
       vertical-align: 0;
     }
-    .bhd-spin-nested-loading {      
+    .bhd-spin-nested-loading {
       height: calc(100% - 72px - 57px);
       & >div>.bhd-spin{
         max-height:436px;
@@ -2024,7 +2040,7 @@
       // .list{
       //   margin: 8px 16px 17px;
       // }
-     
+
 
     }
   }
@@ -2078,7 +2094,7 @@
     }
 
   }
-  
+
   .screenshot_Modal_btn{
     position: fixed !important;
     z-index: 999;
@@ -2124,4 +2140,4 @@
 
 strong {
   font-weight: bold !important;
-}
+}

package/es2017/customerService/index2.module.less

@@ -64,7 +64,7 @@
         font-weight: 600;
         position: relative;
         padding-left: 36px;
-        
+
         i {
           padding-right: 16px;
           color: #111;
@@ -240,7 +240,7 @@
         width: 100%;
         .main {
           max-width: 80%;
- 
+
           .main_content_flag{
               width: 100%;
           }
@@ -340,7 +340,7 @@
 
           .main_content {
             position: relative;
-           
+
             .content {
               position: relative;
               max-width: 100%;
@@ -359,6 +359,13 @@
                   color: rgba(0, 0, 0, 0.85);
                 }
 
+                li{
+                  margin-top: 8px;
+                  &:first-child{
+                    margin-top: 0;
+                  }
+              }
+
                 & > h3 {
                   font-size: 16px;
                   font-weight: 600;
@@ -373,25 +380,30 @@
                   }
 
                   li p {
-                    padding: 4px 0;
+                    // padding: 4px 0;
                     font-size: 14px;
                     font-weight: 600;
                   }
                   li > ul li {
-                    padding-top: 8px !important;
-                    padding-bottom: 8px;
+                    // padding-bottom: 8px;
                     list-style: inside;
                     color: rgba(0, 0, 0, 0.85);
-                    &::marker{                      
+                    &::marker{
                       color: #D9D9D9 !important;
                     }
+                    &:first-child{
+                      padding-top: 8px !important;
+                    }
                   }
                   li > ol li {
-                    padding-top: 8px !important;
-                    padding-bottom: 8px;                   
-                    &::marker{                      
+                    // padding-bottom: 8px;
+                    &::marker{
                       color: @color-text-tertiary-Tr !important;
                     }
+
+                    &:first-child{
+                      padding-top: 8px !important;
+                    }
                   }
                   > li:last-of-type{
                     pre{
@@ -404,7 +416,7 @@
                 // }
                 // > * + ul, > * + ol {
                 //   margin-top:16px;
-                // }                
+                // }
                 // > ul + *, > ol + * {
                 //   margin-top:16px;
                 // }
@@ -428,6 +440,10 @@
                 }
                 > pre:last-of-type{
                   margin-bottom:0 ;
+
+                  &+ *{
+                    margin-top: 8px;
+                  }
                 }
               }
               table {
@@ -460,7 +476,7 @@
                 padding: 12px;
                 line-height: 1.5;
                 margin: 4px 0;
-                margin-bottom: 16px;
+                margin-bottom: 8px;
                 border-radius: 0 0 4px 4px;
               }
               // 最后一行操作按钮
@@ -509,7 +525,7 @@
               color: #fff;
             }
 
-            
+
             // //视频摘要内容
             // .video_abstract{
             //   .title{
@@ -529,9 +545,9 @@
             //       background-color: @color-background-primary-weak-hover;
             //       position: absolute;
             //       bottom: 0px;
-                  
+
             //     }
-                
+
             //   }
             //   .abstract{
             //     padding: 16px 0;
@@ -705,12 +721,12 @@
             cursor: pointer;
             list-style-type: none;
           }
-          
+
         }
-  
+
 
       .association_problem_flag{
-       
+
         li{
           padding-left: 30px;
           position: relative;
@@ -742,7 +758,7 @@
             display: inline-block;
             height: 22px;
           }
-          
+
         }
       }
 
@@ -778,7 +794,7 @@
               color: #fff;
               cursor: pointer;
             }
-            
+
           }
           &:hover{
             .mask_zoom{
@@ -794,7 +810,7 @@
             height: fit-content;
           }
         }
-       
+
         .copyCode{
           display: flex;
           justify-content: flex-end;
@@ -830,7 +846,7 @@
         }
         :global{
           .copy_success{
-            
+
             .copyCode{
               color:@color-text-primary;
             }
@@ -844,7 +860,7 @@
               }
             }
           }
-          
+
         }
         p>code{
           border: none;
@@ -976,7 +992,7 @@
               color: #fff;
               cursor: pointer;
             }
-            
+
           }
           &:hover{
             .mask_zoom{
@@ -1106,7 +1122,7 @@
         margin-bottom: 16px;
         line-height: 1.5;
         display: inline-block;
-        
+
         cursor: pointer;
         &:hover{
           background-color: @color-background-primary-weak;
@@ -1152,7 +1168,7 @@
               background-color: #fff !important;
             }
           }
-          
+
           .picture_layout{
             display: flex;
             align-items: center;
@@ -1232,7 +1248,7 @@
                     vertical-align: middle !important;
                   }
                 }
-                
+
                 svg{
                   color: @color-text-Tr;
                   font-size: 20px;
@@ -1600,7 +1616,7 @@
 }
 .teacher_layout_newlabo {
   top: 50px;
-  right: 0; 
+  right: 0;
   .top{
     svg{
       transform: rotate(180deg);
@@ -1611,7 +1627,7 @@
     // background: @color-background-info-weak !important;
     background-color:  #D1E4FF;
   }
-} 
+}
 .teacher_layout_modal {
   width: 328px;
   height: calc(100% - 48px);
@@ -1819,7 +1835,7 @@
             height: 36px;
             border-radius: 50%;
             margin-right: 16px;
-            
+
             img{
               width: 36px;
               height: 36px;
@@ -1849,7 +1865,7 @@
               color: @color-text-Secondary-Tr;
               font-size: 14px;
               font-weight: 400;
-              line-height: 150%; 
+              line-height: 150%;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
@@ -1926,7 +1942,7 @@
               // -webkit-box-orient: vertical;
               // -webkit-line-clamp: 2;
               // display: -webkit-box;
-              
+
               max-height: 21px;
               white-space: nowrap;
               span {
@@ -1980,7 +1996,7 @@
     .anticon {
       vertical-align: 0;
     }
-    .bhd-spin-nested-loading {      
+    .bhd-spin-nested-loading {
       height: calc(100% - 72px - 57px);
       & >div>.bhd-spin{
         max-height:436px;
@@ -2059,7 +2075,7 @@
     }
 
   }
-  
+
   .screenshot_Modal_btn{
     position: fixed !important;
     z-index: 999;
@@ -2104,4 +2120,4 @@
 }
 strong {
   font-weight: bold !important;
-}
+}

package/es2017/viewImage/index.d.ts

@@ -8,6 +8,7 @@ export interface AppViewImageProps {
     getSrc: (index?: number) => Promise<string>;
     filename?: string;
     multiSelect?: string[];
+    getContainer?: () => HTMLElement;
 }
 export interface AppViewImageRef {
     updateSrc: () => void;