chore(chat): upgrade tdesign-web-components to 1.3.1-alpha.11

packages/pro-components/chat/chatbot/_example/agui.vue

@@ -44,12 +44,24 @@
       @send="sendHandler"
       @stop="stopHandler"
     >
-      <template #suffix="{ renderPresets }">
-        <!-- 在这里可以进行自由的组合使用，或者新增预设 -->
-        <!-- 不需要附件操作的使用方式 -->
-        <component :is="renderPresets([])" />
+      <template #input-prefix> <Robot2Icon size="large" style="margin-top: 2px; margin-right: 10px" /> </template>
+      <template #suffix>
+        <t-button size="small" variant="text" @click="handleCustomButtonClick">
+          <template #icon>
+            <AiEditIcon />
+          </template>
+        </t-button>
       </template>
     </t-chat-sender>
+
+    <t-dialog
+      v-model:visible="dialogVisible"
+      title="输入内容"
+      @confirm="handleDialogCancel"
+      @cancel="handleDialogCancel"
+    >
+      <div>{{ dialogInputValue }}</div>
+    </t-dialog>
   </div>
 </template>
 
@@ -65,11 +77,14 @@ import {
   useChat,
 } from '@tdesign-vue-next/chat';
 import { MessagePlugin } from 'tdesign-vue-next';
+import { AiEditIcon, Robot2Icon } from 'tdesign-icons-vue-next';
 import CustomToolCallRenderer from './components/Toolcall.vue';
 
 const listRef = ref<TdChatListApi | null>(null);
 const inputRef = ref<TdChatSenderApi | null>(null);
 const inputValue = ref<string>('AG-UI协议的作用是什么');
+const dialogVisible = ref(false);
+const dialogInputValue = ref('');
 
 const { chatEngine, messages, status } = useChat({
   defaultMessages: [],
@@ -168,6 +183,17 @@ const sendHandler = async (params) => {
 const stopHandler = () => {
   chatEngine.value?.abortChat();
 };
+
+// 自定义按钮点击处理
+const handleCustomButtonClick = () => {
+  dialogVisible.value = true;
+  dialogInputValue.value = inputValue.value;
+};
+
+// 弹窗关闭处理
+const handleDialogCancel = () => {
+  dialogVisible.value = false;
+};
 </script>
 
 <style scoped>

packages/pro-components/chat/chatbot/_example/hookComponent.vue

@@ -28,10 +28,13 @@
       @send="sendHandler"
       @stop="stopHandler"
     >
-      <template #suffix="{ renderPresets }">
-        <!-- 在这里可以进行自由的组合使用，或者新增预设 -->
+      <template #suffix>
         <!-- 不需要附件操作的使用方式 -->
-        <component :is="renderPresets([])" />
+        <t-button size="small" variant="text">
+          <template #icon>
+            <AppIcon />
+          </template>
+        </t-button>
       </template>
     </t-chat-sender>
   </div>

packages/tdesign-vue-next-chat/.changelog/pr-6519.md

@@ -0,0 +1,10 @@
+---
+pr_number: 6519
+contributor: RSS1102
+---
+
+- fix(chatbot): `senderProps` 中配置 `input-prefix` 不生效问题 @RSS1102 ([#6519](https://github.com/Tencent/tdesign-vue-next/pull/6519))
+- fix(chat-sender): suffix 支持  `[{ name: 'uploadImage', uploadProps: {...} }]` 配置 @RSS1102 ([#6519](https://github.com/Tencent/tdesign-vue-next/pull/6519))
+- fix(chat-sender): suffix 配置 `attachment` 即将废弃，建议使用 `uploadAttachment` @RSS1102 ([#6519](https://github.com/Tencent/tdesign-vue-next/pull/6519))
+- Breaking Change: @RSS1102 ([#6519](https://github.com/Tencent/tdesign-vue-next/pull/6519))
+- ⚠️ attachment 别名即将废弃，建议使用 uploadAttachment @RSS1102 ([#6519](https://github.com/Tencent/tdesign-vue-next/pull/6519))

packages/tdesign-vue-next-chat/package.json

@@ -62,7 +62,7 @@
     "marked-highlight": "catalog:docs",
     "tdesign-icons-vue-next": "catalog:tdesign",
     "tdesign-vue-next": "workspace:^",
-    "tdesign-web-components": "1.3.1-alpha.10",
+    "tdesign-web-components": "1.3.1-alpha.11",
     "omi-vueify": "^0.0.12"
   },
   "devDependencies": {