@kernelift/ai-chat 3.0.3 → 3.0.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @kernelift/ai-chat
 
+## 3.0.5
+
+### Patch Changes
+
+- 修复一些打包的基础性问题
+- Updated dependencies
+  - @kernelift/utils@1.0.6
+  - @kernelift/markdown@1.2.3
+
+## 3.0.4
+
+### Patch Changes
+
+- 添加rendered函数
+- Updated dependencies
+  - @kernelift/markdown@1.2.2
+
 ## 3.0.3
 
 ### Patch Changes

package/README.md

@@ -1,9 +1,10 @@
-# @kernelift/ai-chat
+# @gci/ai-chat
 
-[![npm version](https://badge.fury.io/js/%40kernelift%2Fai-chat.svg)](https://badge.fury.io/js/%40kernelift%2Fai-chat)
+[![npm version](https://badge.fury.io/js/%40gci%2Fai-chat.svg)](https://badge.fury.io/js/%40gci%2Fai-chat)
 [![License: GPL-3.0](https://img.shields.io/badge/License-GPL--3.0-blue.svg)](https://opensource.org/licenses/GPL-3.0)
 
-在线预览地址： https://kernelift-labs.github.io/playground/#/ai-chat
+- 在线预览地址： https://gci-labs.github.io/playground/#/ai-chat
+- demo工程： https://github.com/gci-labs/playground
 
 基于 Vue 3 + TypeScript 的现代化 AI 聊天框组件，提供企业级的对话界面解决方案。无UI库绑定。
 
@@ -27,20 +28,20 @@
 
 ```bash
 # 使用 pnpm
-pnpm add @kernelift/ai-chat
+pnpm add @gci/ai-chat
 
 # 使用 npm
-npm install @kernelift/ai-chat
+npm install @gci/ai-chat
 
 # 使用 yarn
-yarn add @kernelift/ai-chat
+yarn add @gci/ai-chat
 ```
 
 ### 依赖要求
 
 - Vue 3.3+
 - TypeScript 5.0+
-- @kernelift/markdown (workspace:\*)
+- @gci/markdown (workspace:\*)
 
 ## 🚀 快速开始
 
@@ -48,7 +49,7 @@ yarn add @kernelift/ai-chat
 
 ```vue
 <template>
-  <ChatContainer
+  <AiChat
     v-model:messages="messages"
     v-model:inputText="inputText"
     v-model:loading="loading"
@@ -60,9 +61,9 @@ yarn add @kernelift/ai-chat
 
 <script setup>
 import { ref } from 'vue'
-import { ChatContainer } from '@kernelift/ai-chat'
-import '@kernelift/ai-chat/style.css'
-import type { ChatMessage, ChatRecord, BubbleEvent } from '@kernelift/ai-chat'
+import { AiChat } from '@gci/ai-chat'
+import '@gci/ai-chat/style.css'
+import type { ChatMessage, ChatRecord, BubbleEvent } from '@gci/ai-chat'
 
 const messages = ref<ChatMessage[]>([])
 const inputText = ref('')
@@ -94,7 +95,7 @@ const handleBubbleEvent = (eventName: BubbleEvent, data: ChatMessage) => {
 ### 组件层次结构
 
 ```
-ChatContainer (主容器)
+AiChat (主容器)
 ├── ChatSidebar (侧边栏)
 │   ├── Logo 区域
 │   ├── 新建聊天按钮
@@ -127,13 +128,13 @@ ChatContainer (主容器)
 
 ## 🧩 组件详解
 
-### ChatContainer - 主容器
+### AiChat - 主容器
 
 主容器组件，负责整体布局和状态管理。
 
 ```vue
 <template>
-  <ChatContainer
+  <AiChat
     v-model:messages="messages"
     v-model:inputText="inputText"
     v-model:loading="loading"
@@ -153,7 +154,7 @@ ChatContainer (主容器)
     @change-theme="handleThemeChange"
   >
     <!-- 插槽内容 -->
-  </ChatContainer>
+  </AiChat>
 </template>
 ```
 
@@ -333,7 +334,7 @@ ChatContainer (主容器)
 
 ```vue
 <template>
-  <ChatContainer
+  <AiChat
     v-model:messages="messages"
     :i18n="{
       chat: {
@@ -363,7 +364,7 @@ ChatContainer (主容器)
 
 ```vue
 <template>
-  <ChatContainer
+  <AiChat
     v-model:messages="messages"
     :auto-scroll="true"
     :auto-scroll-pause-time="3000"
@@ -392,7 +393,7 @@ ChatContainer (主容器)
 
 ```vue
 <template>
-  <ChatContainer
+  <AiChat
     v-model:messages="messages"
     :show-sender="true"
     :has-sender-tools="true"
@@ -564,7 +565,7 @@ const handleDeleteRecord = (record: ChatRecord) => {
 ### 流式消息处理
 
 ```typescript
-import { SSEClient } from '@kernelift/ai-chat';
+import { SSEClient } from '@gci/ai-chat';
 
 const handleStreamResponse = async (question: string, enableThink?: boolean) => {
   const client = new SSEClient('your-token', 'https://api.example.com');
@@ -675,7 +676,7 @@ const handleStreamResponse = async (question: string, enableThink?: boolean) =>
 
 ```scss
 // 自定义主题
-.kernelift-chat-container {
+.gci-chat-container {
   // 主容器样式
   border-radius: 16px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
@@ -701,7 +702,7 @@ const handleStreamResponse = async (question: string, enableThink?: boolean) =>
 
 // 自定义消息气泡
 .custom-chat-bubble {
-  .kernelift-chat-bubble__assistant {
+  .gci-chat-bubble__assistant {
     background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);
     border: 1px solid #e1e8ff;
     border-radius: 12px;
@@ -711,7 +712,7 @@ const handleStreamResponse = async (question: string, enableThink?: boolean) =>
     }
   }
 
-  .kernelift-chat-bubble__user {
+  .gci-chat-bubble__user {
     &-content {
       background: linear-gradient(135deg, var(--kl-chat-primary-color) 0%, #8a86f1 100%);
       color: white;
@@ -726,7 +727,7 @@ const handleStreamResponse = async (question: string, enableThink?: boolean) =>
 
 // 自定义发送器
 .custom-chat-sender {
-  .kernelift-chat-sender__textarea {
+  .gci-chat-sender__textarea {
     border-radius: 8px;
     border: 2px solid var(--kl-border-color);
 
@@ -736,7 +737,7 @@ const handleStreamResponse = async (question: string, enableThink?: boolean) =>
     }
   }
 
-  .kernelift-chat-sender__send-button {
+  .gci-chat-sender__send-button {
     background: linear-gradient(135deg, var(--kl-chat-primary-color) 0%, #8a86f1 100%);
     border-radius: 8px;
 
@@ -780,7 +781,7 @@ const handleStreamResponse = async (question: string, enableThink?: boolean) =>
     animation: slideInFromRight 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  .kernelift-chat-bubble {
+  .gci-chat-bubble {
     margin: 8px 12px;
 
     &__actions {
@@ -800,9 +801,9 @@ const handleStreamResponse = async (question: string, enableThink?: boolean) =>
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script setup lang="ts">
 import { ref, watch, onMounted, nextTick } from 'vue';
-import { ChatContainer } from '@kernelift/ai-chat';
+import { AiChat } from '@gci/ai-chat';
 import { useChat } from './use-chat';
-import '@kernelift/ai-chat/style.css';
+import '@gci/ai-chat/style.css';
 import { CHAT_BASE_URL, CHAT_DEFAULT_MODEL } from './constants';
 import Button from 'primevue/button';
 import Textarea from 'primevue/textarea';
@@ -958,7 +959,7 @@ onMounted(() => {
 
 <template>
   <div class="w-full h-full relative">
-    <ChatContainer
+    <AiChat
       v-model="userQuestion"
       v-model:loading="senderLoading"
       v-model:messages="chatMessages"
@@ -1191,7 +1192,7 @@ onMounted(() => {
           @click="toggleSpeech"
         />
       </template>
-    </ChatContainer>
+    </AiChat>
 
     <Dialog
       v-if="editRecord"
@@ -1454,12 +1455,7 @@ onMounted(() => {
 
 ```ts
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type {
-  BubbleEventAction,
-  ChatMessage,
-  ChatRecord,
-  ChatRecordAction
-} from '@kernelift/ai-chat';
+import type { BubbleEventAction, ChatMessage, ChatRecord, ChatRecordAction } from '@gci/ai-chat';
 import { formatDate, useAsyncState, useStorage } from '@vueuse/core';
 import { useConfirm } from 'primevue/useconfirm';
 import { useToast } from 'primevue/usetoast';
@@ -2156,7 +2152,7 @@ export const useChat = (options: {
 
 ```scss
 // 自定义主题
-.kernelift-chat-container {
+.gci-chat-container {
   // 修改主容器样式
   border-radius: 16px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
@@ -2174,12 +2170,12 @@ export const useChat = (options: {
 
 // 自定义消息气泡
 .custom-chat-bubble {
-  .kernelift-chat-bubble__assistant {
+  .gci-chat-bubble__assistant {
     background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);
     border: 1px solid #e1e8ff;
   }
 
-  .kernelift-chat-bubble__user {
+  .gci-chat-bubble__user {
     &-content {
       background: linear-gradient(135deg, var(--kl-chat-primary-color) 0%, #8a86f1 100%);
       color: white;
@@ -2190,41 +2186,42 @@ export const useChat = (options: {
 
 ### Props 属性
 
-| 属性名                  | 类型                     | 默认值      | 说明                                               |
-| ----------------------- | ------------------------ | ----------- | -------------------------------------------------- |
-| `records`               | `ChatRecord[]`           | `[]`        | 聊天记录列表                                       |
-| `recordActions`         | `ChatRecordAction[]`     | `[]`        | 记录操作按钮配置                                   |
-| `bubbleExtEvents`       | `BubbleEventAction[]`    | `[]`        | 气泡扩展事件配置                                   |
-| `hasHeader`             | `boolean`                | `true`      | 是否显示头部                                       |
-| `headerHeight`          | `number`                 | `38`        | 头部高度 (px)                                      |
-| `hasThemeMode`          | `boolean`                | `false`     | 是否支持主题切换                                   |
-| `hasThinking`           | `boolean`                | `true`      | 是否支持深度思考                                   |
-| `hasNetSearch`          | `boolean`                | `false`     | 是否支持联网搜索                                   |
-| `hasSenderTools`        | `boolean`                | `false`     | 是否显示发送工具区                                 |
-| `alwaysShowSenderTools` | `boolean`                | `false`     | 是否始终显示发送工具区（即使 showSender 为 false） |
-| `showWorkspace`         | `boolean`                | `true`      | 是否显示工作区                                     |
-| `showSender`            | `boolean`                | `true`      | 是否显示发送框                                     |
-| `isGenerateLoading`     | `boolean`                | `undefined` | 是否正在生成                                       |
-| `defaultRecordId`       | `string`                 | `undefined` | 默认记录ID                                         |
-| `defaultCollapse`       | `boolean`                | `false`     | 侧边栏默认折叠                                     |
-| `defaultAsideWidth`     | `number`                 | `250`       | 侧边栏默认宽度                                     |
-| `markdownClassName`     | `string`                 | `undefined` | Markdown 样式类名                                  |
-| `primaryColor`          | `string`                 | `'#615ced'` | 主题色                                             |
-| `themeMode`             | `'light' \| 'dark'`      | `'light'`   | 主题模式                                           |
-| `enableNet`             | `boolean`                | `undefined` | 联网搜索启用状态                                   |
-| `enableThink`           | `boolean`                | `undefined` | 深度思考启用状态                                   |
-| `disabledCreateRecord`  | `boolean`                | `false`     | 是否禁用新建聊天记录                               |
-| `inputHeight`           | `number`                 | `140`       | 输入框最大高度 (px)                                |
-| `defaultInputHeight`    | `number`                 | `62`        | 输入框初始默认高度 (px)                            |
-| `onCopy`                | `(code: string) => void` | `undefined` | 复制代码回调                                       |
-| `i18n`                  | `Record<string, any>`    | `zhCN`      | 国际化配置                                         |
-| `autoScroll`            | `boolean`                | `true`      | 是否自动滚动到底部                                 |
-| `autoScrollPauseTime`   | `number`                 | `3000`      | 用户滚动时自动滚动暂停时间 (ms)                    |
-| `uuid`                  | `string`                 | `'default'` | 实例唯一标识，用于存储状态                         |
-| `markdownPlugins`       | `any[]`                  | `[]`        | Markdown 插件列表                                  |
-| `markdownOptions`       | `any`                    | `{}`        | Markdown 配置选项                                  |
-| `markdownRender`        | `Component`              | `MdRender`  | 自定义 markdown 渲染组件                           |
-| `onMarkdownAfterRender` | `(md: any) => void`      | `undefined` | Markdown 渲染后回调                                |
+| 属性名                        | 类型                     | 默认值      | 说明                                               |
+| ----------------------------- | ------------------------ | ----------- | -------------------------------------------------- |
+| `records`                     | `ChatRecord[]`           | `[]`        | 聊天记录列表                                       |
+| `recordActions`               | `ChatRecordAction[]`     | `[]`        | 记录操作按钮配置                                   |
+| `bubbleExtEvents`             | `BubbleEventAction[]`    | `[]`        | 气泡扩展事件配置                                   |
+| `hasHeader`                   | `boolean`                | `true`      | 是否显示头部                                       |
+| `headerHeight`                | `number`                 | `38`        | 头部高度 (px)                                      |
+| `hasThemeMode`                | `boolean`                | `false`     | 是否支持主题切换                                   |
+| `hasThinking`                 | `boolean`                | `true`      | 是否支持深度思考                                   |
+| `hasNetSearch`                | `boolean`                | `false`     | 是否支持联网搜索                                   |
+| `hasSenderTools`              | `boolean`                | `false`     | 是否显示发送工具区                                 |
+| `alwaysShowSenderTools`       | `boolean`                | `false`     | 是否始终显示发送工具区（即使 showSender 为 false） |
+| `showWorkspace`               | `boolean`                | `true`      | 是否显示工作区                                     |
+| `showSender`                  | `boolean`                | `true`      | 是否显示发送框                                     |
+| `isGenerateLoading`           | `boolean`                | `undefined` | 是否正在生成                                       |
+| `defaultRecordId`             | `string`                 | `undefined` | 默认记录ID                                         |
+| `defaultCollapse`             | `boolean`                | `false`     | 侧边栏默认折叠                                     |
+| `defaultAsideWidth`           | `number`                 | `250`       | 侧边栏默认宽度                                     |
+| `markdownClassName`           | `string`                 | `undefined` | Markdown 样式类名                                  |
+| `primaryColor`                | `string`                 | `'#615ced'` | 主题色                                             |
+| `themeMode`                   | `'light' \| 'dark'`      | `'light'`   | 主题模式                                           |
+| `enableNet`                   | `boolean`                | `undefined` | 联网搜索启用状态                                   |
+| `enableThink`                 | `boolean`                | `undefined` | 深度思考启用状态                                   |
+| `disabledCreateRecord`        | `boolean`                | `false`     | 是否禁用新建聊天记录                               |
+| `inputHeight`                 | `number`                 | `140`       | 输入框最大高度 (px)                                |
+| `defaultInputHeight`          | `number`                 | `62`        | 输入框初始默认高度 (px)                            |
+| `onCopy`                      | `(code: string) => void` | `undefined` | 复制代码回调                                       |
+| `i18n`                        | `Record<string, any>`    | `zhCN`      | 国际化配置                                         |
+| `autoScroll`                  | `boolean`                | `true`      | 是否自动滚动到底部                                 |
+| `autoScrollPauseTime`         | `number`                 | `3000`      | 用户滚动时自动滚动暂停时间 (ms)                    |
+| `uuid`                        | `string`                 | `'default'` | 实例唯一标识，用于存储状态                         |
+| `markdownPlugins`             | `any[]`                  | `[]`        | Markdown 插件列表                                  |
+| `markdownOptions`             | `any`                    | `{}`        | Markdown 配置选项                                  |
+| `markdownRender`              | `Component`              | `MdRender`  | 自定义 markdown 渲染组件                           |
+| `onMarkdownAfterRender`       | `(md: any) => void`      | `undefined` | Markdown 渲染后回调                                |
+| `disabledMarkdownIncremental` | `boolean`                | `false`     | 是否禁用Markdown增量渲染功能，默认开启             |
 
 ### v-model 双向绑定
 
@@ -2361,7 +2358,7 @@ interface ChatRecordAction {
 A: 通过 `primary-color` 属性和 CSS 变量可以自定义主题色：
 
 ```vue
-<ChatContainer primary-color="#ff6b6b" />
+<AiChat primary-color="#ff6b6b" />
 ```
 
 ```css
@@ -2406,7 +2403,7 @@ const handleSend = async (text: string) => {
 A: 使用内置的 SSEClient 或其他流式处理方案：
 
 ```typescript
-import { SSEClient } from '@kernelift/ai-chat';
+import { SSEClient } from '@gci/ai-chat';
 
 const handleStreamResponse = async (question: string) => {
   const client = new SSEClient('token', 'https://api.example.com');