Fix/chatbot export 0603 (#224)

* feat(chatsender): 补充textarea插槽

* feat(thinking): 修复thinking更新时无法收起展开的问题

breakingChange: 单独使用thinking组件的场景需要补充参数

* feat(filecard): desc style

* feat(chatmessage): systemmessage style and remove sendprops onsend

---------

Co-authored-by: brightzhli <864345220@qq.com>

Author: carolin913

src/chat-message/style/chat-item.less

@@ -60,21 +60,10 @@
     }
 
     &.@{prefix}-chat__item__role-- {
-      // system渲染固定样式
       &system {
         .@{prefix}-chat__item__main {
           align-items: center;
         }
-        .@{prefix}-chat__item__detail {
-          margin: var(--td-chat-item-system-margin);
-          padding: var(--td-chat-item-system-padding);
-          border-radius: var(--td-chat-item-system-radius);
-          background-color: var(--td-chat-item-system-bg-color);
-          font-size: var(--td-chat-item-system-font-size);
-        }
-        .@{prefix}-chat__text__markdown {
-          color: var(--td-chat-item-system-color);
-        }
       }
     }
 
@@ -528,6 +517,14 @@
     word-wrap: break-word;
     white-space: pre-wrap;
   }
+  &--system {
+    margin: var(--td-chat-item-system-margin);
+    padding: var(--td-chat-item-system-padding);
+    border-radius: var(--td-chat-item-system-radius);
+    background-color: var(--td-chat-item-system-bg-color);
+    font-size: var(--td-chat-item-system-font-size);
+    color: var(--td-chat-item-system-color);
+  }
 
 }
 .@{prefix}-chat-actions {

src/chatbot/_example/basic.tsx

@@ -159,15 +159,11 @@ const mockData: ChatMessagesData[] = [
     ],
   },
   {
-    id: '34234',
-    status: 'error',
+    id: '8d51e238-wewrwer-35_6',
+    status: 'complete',
     role: 'assistant',
-    content: [
-      {
-        type: 'text',
-        data: '出错了',
-      },
-    ],
+    comment: '',
+    content: [],
   },
   {
     id: '7389',
@@ -198,16 +194,11 @@ const mockData: ChatMessagesData[] = [
     ],
   },
   {
-    id: '3242',
-    role: 'assistant',
+    id: '8d51e238-d1bd-49c8-a31e-b60ac324f235_6',
     status: 'complete',
-    comment: 'good',
-    content: [
-      {
-        type: 'markdown',
-        data: '**tdesign** 团队的 *核心开发者*  `uyarnchen` 是也。',
-      },
-    ],
+    role: 'assistant',
+    comment: '',
+    content: [],
   },
 ];
 
@@ -328,8 +319,6 @@ const mockModels = {
       },
       body: JSON.stringify({
         session_id: 'session_123456789',
-        search: true,
-        think: true,
         question: [
           {
             id: messageID,

src/chatbot/chat.tsx

@@ -254,17 +254,10 @@ export default class Chatbot extends Component<TdChatProps> implements TdChatbot
    */
   private handleSend = async (e: CustomEvent<TdChatSenderParams>) => {
     const { value, attachments } = e.detail;
-    let params = {
+    const params = {
       prompt: value,
       attachments,
     } as ChatRequestParams;
-    if (this.props?.senderProps?.onSend) {
-      const customParams = await this.props.senderProps.onSend(e);
-      // 这里允许用户修改生成消息的参数
-      if (customParams) {
-        params = customParams;
-      }
-    }
     await this.sendUserMessage(params);
     this.scrollToBottom();
   };
@@ -313,7 +306,7 @@ export default class Chatbot extends Component<TdChatProps> implements TdChatbot
   private renderItems = () => {
     const items = this.props.reverse ? [...this.chatMessageValue].reverse() : this.chatMessageValue;
     return items.map((item) => {
-      const { role, id } = item;
+      const { role, id, content } = item;
       const itemSlotNames = this.slotNames.filter((key) => key.includes(id));
       let itemProps = {
         ...this.messageRoleProps?.[role],
@@ -330,7 +323,7 @@ export default class Chatbot extends Component<TdChatProps> implements TdChatbot
             return <slot name={slotName} slot={str}></slot>;
           })}
           {/* 渲染actionBar */}
-          {item.status !== 'complete' && item.status !== 'stop' ? null : (
+          {content.length === 0 || (item.status !== 'complete' && item.status !== 'stop') ? null : (
             <t-chat-action
               slot="actionbar"
               actionBar={this.getChatActionBar(itemProps) as TdChatActionsName[]}