@kernelift/ai-chat 2.1.1 → 2.1.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @kernelift/ai-chat
 
+## 2.1.3
+
+### Patch Changes
+
+- 修复create-record歧义问题
+
+## 2.1.2
+
+### Patch Changes
+
+- fix auto scroll problem
+
 ## 2.1.1
 
 ### Patch Changes

package/README.md

@@ -142,7 +142,6 @@ ChatContainer (主容器)
     :input-height="140"
     @send="handleSend"
     @bubble-event="handleBubbleEvent"
-    @create-record="handleCreateRecord"
     @change-record="handleChangeRecord"
     @change-theme="handleThemeChange"
   >
@@ -373,20 +372,39 @@ const handleBubbleEvent = (eventName: BubbleEvent, message: ChatMessage) => {
 ### 记录管理事件
 
 ```typescript
-// 创建新记录
-const handleCreateRecord = (messages: ChatMessage[]) => {
-  const newRecord: ChatRecord = {
-    id: generateId(),
-    name: messages[0]?.content.slice(0, 20) + '...' || '新对话',
-    content: messages[0]?.content || '',
-    type: 'text',
-    createTime: new Date().toLocaleDateString(),
-    userId: 'current-user',
-    extraData: { messages }
-  };
+// 发送消息（组件会自动传递 needCreateRecord 标志）
+const handleSend = (
+  text: string,
+  enableThink?: boolean,
+  enableNet?: boolean,
+  needCreateRecord?: boolean
+) => {
+  // 添加用户消息
+  messages.value.push({
+    id: Date.now().toString(),
+    role: 'user',
+    content: text,
+    timestamp: Date.now()
+  });
+
+  // 如果需要创建新记录（当前没有激活的记录）
+  if (needCreateRecord) {
+    const newRecord: ChatRecord = {
+      id: generateId(),
+      name: text.slice(0, 30) + (text.length > 30 ? '...' : ''),
+      content: text,
+      type: 'text',
+      createTime: new Date().toLocaleDateString(),
+      userId: 'current-user',
+      extraData: { messages: messages.value }
+    };
+
+    records.value.unshift(newRecord);
+    activeRecordId.value = newRecord.id;
+  }
 
-  records.value.unshift(newRecord);
-  activeRecordId.value = newRecord.id;
+  // 调用 AI API 处理响应
+  callAIAPI(text, enableThink, enableNet);
 };
 
 // 切换记录
@@ -660,7 +678,6 @@ const handleStreamResponse = async (question: string, enableThink?: boolean) =>
       :markdown-class-name="themeMode === 'dark' ? 'prose-invert' : 'prose'"
       @send="handleSend"
       @cancel="handleCancel"
-      @create-record="handleCreateRecord"
       @change-record="handleChangeRecord"
       @bubble-event="handleBubbleEvent"
       @change-theme="(mode) => (themeMode = mode)"
@@ -725,8 +742,13 @@ const recordActions: ChatRecordAction[] = [
   }
 ];
 
-// 发送消息
-const handleSend = async (text: string, enableThink?: boolean) => {
+// 发送消息（包含记录创建逻辑）
+const handleSend = async (
+  text: string,
+  enableThink?: boolean,
+  enableNet?: boolean,
+  needCreateRecord?: boolean
+) => {
   inputText.value = '';
 
   // 添加用户消息
@@ -738,6 +760,22 @@ const handleSend = async (text: string, enableThink?: boolean) => {
     isThinking: enableThink
   });
 
+  // 如果需要创建新记录（当前没有激活的记录）
+  if (needCreateRecord) {
+    const newRecord: ChatRecord = {
+      id: Date.now().toString(),
+      name: text.slice(0, 30) + (text.length > 30 ? '...' : ''),
+      content: text,
+      type: 'text',
+      createTime: new Date().toLocaleDateString(),
+      userId: 'current-user',
+      extraData: { messages: messages.value }
+    };
+
+    records.value.unshift(newRecord);
+    activeRecordId.value = newRecord.id;
+  }
+
   senderLoading.value = true;
   generateLoading.value = true;
 
@@ -820,21 +858,8 @@ const handleBubbleEvent = (event: BubbleEvent, data: ChatMessage) => {
   }
 };
 
-// 创建记录
-const handleCreateRecord = (msgs: ChatMessage[]) => {
-  const newRecord: ChatRecord = {
-    id: Date.now().toString(),
-    name: msgs[0]?.content.slice(0, 20) + '...' || '新对话',
-    content: msgs[0]?.content || '',
-    type: 'text',
-    createTime: new Date().toLocaleDateString(),
-    userId: 'current-user',
-    extraData: { messages: msgs }
-  };
-
-  records.value.unshift(newRecord);
-  activeRecordId.value = newRecord.id;
-};
+// 注意：记录创建逻辑已集成到 handleSend 函数中
+// 当 needCreateRecord 为 true 时，在发送消息的同时创建新记录
 
 // 切换记录
 const handleChangeRecord = (record?: ChatRecord) => {
@@ -1140,21 +1165,8 @@ onUnmounted(() => {
   controller.value.abort();
 });
 
-function handleCreateRecord(messages: ChatMessage[]) {
-  const targetId = Date.now().toString();
-  demoRecords.value.push({
-    id: targetId,
-    name: '新记录',
-    content: messages[0]?.content || '',
-    type: 'text',
-    createTime: new Date(messages[0]?.timestamp || Date.now()).toLocaleDateString(),
-    userId: 'demo-user',
-    extraData: {
-      messages
-    }
-  });
-  activeRecordId.value = targetId;
-}
+// 记录创建逻辑已整合到 handleSend 中
+// 通过 needCreateRecord 参数判断是否需要创建新记录
 
 function handleChangeRecord(record?: ChatRecord) {
   demoMessages.value = record?.extraData?.messages || [];
@@ -1227,7 +1239,6 @@ function handleScrollBottom() {
       :input-height="80"
       @send="handleSend"
       @cancel="handleCancel"
-      @create-record="handleCreateRecord"
       @close-workspace="showWorkspace = false"
       @change-record="handleChangeRecord"
       @bubble-event="handleBubbleEvent"
@@ -1393,20 +1404,19 @@ function handleScrollBottom() {
 
 ### Events 事件
 
-| 事件名               | 参数                                                         | 说明           |
-| -------------------- | ------------------------------------------------------------ | -------------- |
-| `send`               | `(text: string, enableThink?: boolean, enableNet?: boolean)` | 发送消息       |
-| `cancel`             | -                                                            | 取消生成       |
-| `clear`              | -                                                            | 清空聊天       |
-| `create-record`      | `(messages: ChatMessage[])`                                  | 创建记录       |
-| `change-record`      | `(record?: ChatRecord)`                                      | 切换记录       |
-| `change-collapse`    | `(collapse: boolean)`                                        | 折叠状态改变   |
-| `change-theme`       | `(theme: 'light' \| 'dark')`                                 | 主题切换       |
-| `change-aside-width` | `(width: number)`                                            | 侧边栏宽度改变 |
-| `click-logo`         | -                                                            | 点击Logo       |
-| `bubble-event`       | `(event: BubbleEvent, message: ChatMessage)`                 | 气泡交互事件   |
-| `close-workspace`    | -                                                            | 关闭工作区     |
-| `scroll-bottom`      | -                                                            | 滚动到底部     |
+| 事件名               | 参数                                                                                     | 说明                                              |
+| -------------------- | ---------------------------------------------------------------------------------------- | ------------------------------------------------- |
+| `send`               | `(text: string, enableThink?: boolean, enableNet?: boolean, needCreateRecord?: boolean)` | 发送消息，needCreateRecord 表示是否需要创建新记录 |
+| `cancel`             | -                                                                                        | 取消生成                                          |
+| `clear`              | -                                                                                        | 清空聊天                                          |
+| `change-record`      | `(record?: ChatRecord)`                                                                  | 切换记录                                          |
+| `change-collapse`    | `(collapse: boolean)`                                                                    | 折叠状态改变                                      |
+| `change-theme`       | `(theme: 'light' \| 'dark')`                                                             | 主题切换                                          |
+| `change-aside-width` | `(width: number)`                                                                        | 侧边栏宽度改变                                    |
+| `click-logo`         | -                                                                                        | 点击Logo                                          |
+| `bubble-event`       | `(event: BubbleEvent, message: ChatMessage)`                                             | 气泡交互事件                                      |
+| `close-workspace`    | -                                                                                        | 关闭工作区                                        |
+| `scroll-bottom`      | -                                                                                        | 滚动到底部                                        |
 
 ### Slots 插槽