@kweaver-ai/chatkit 0.1.5 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ConversationHistory as ConversationHistoryType } from '../../../types';
|
|
3
|
+
/**
|
|
4
|
+
* 历史会话列表组件的属性接口
|
|
5
|
+
*/
|
|
6
|
+
interface ConversationHistoryProps {
|
|
7
|
+
/** 获取历史会话列表的函数 */
|
|
8
|
+
onGetConversations: (page?: number, size?: number) => Promise<ConversationHistoryType[]>;
|
|
9
|
+
/** 加载指定会话的回调函数 */
|
|
10
|
+
onLoadConversation: (conversationId: string) => void;
|
|
11
|
+
/** 删除指定会话的回调函数 */
|
|
12
|
+
onDeleteConversation: (conversationId: string) => Promise<void>;
|
|
13
|
+
/** 按钮位置(可选,用于定位下拉菜单) */
|
|
14
|
+
buttonPosition?: {
|
|
15
|
+
top?: number;
|
|
16
|
+
right?: number;
|
|
17
|
+
bottom?: number;
|
|
18
|
+
left?: number;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* 历史会话列表组件
|
|
23
|
+
* 包含历史记录按钮和下拉菜单,点击按钮后以下拉菜单形式展示历史会话列表
|
|
24
|
+
* 设计参考:https://www.figma.com/design/ikuqIWpd1CmGh6fMO9PHlK/%E6%99%BA%E8%83%BD%E9%97%AE%E6%95%B0?node-id=117-8257&t=8fBvm6SJ7OtDYzBU-4
|
|
25
|
+
*/
|
|
26
|
+
export declare const ConversationHistory: React.FC<ConversationHistoryProps>;
|
|
27
|
+
export default ConversationHistory;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
import { ChatKitBase, ChatKitBaseProps } from '../ChatKitBase';
|
|
1
|
+
import { ChatKitBase, ChatKitBaseProps, ChatKitBaseState } from '../ChatKitBase';
|
|
2
|
+
/**
|
|
3
|
+
* CopilotBase 组件的状态接口
|
|
4
|
+
* 扩展 ChatKitBaseState(当前不需要额外状态,保留接口以便未来扩展)
|
|
5
|
+
*/
|
|
6
|
+
export interface CopilotBaseState extends ChatKitBaseState {
|
|
7
|
+
}
|
|
2
8
|
/**
|
|
3
9
|
* CopilotBase 基础组件
|
|
4
10
|
* 右侧跟随的 AI 助手,为应用提供辅助对话
|
|
@@ -7,6 +13,22 @@ import { ChatKitBase, ChatKitBaseProps } from '../ChatKitBase';
|
|
|
7
13
|
* 区别于 AssistantBase,CopilotBase 在 render() 函数中渲染 Copilot 模式的界面
|
|
8
14
|
*/
|
|
9
15
|
export declare abstract class CopilotBase<P extends ChatKitBaseProps = ChatKitBaseProps> extends ChatKitBase<P> {
|
|
16
|
+
/**
|
|
17
|
+
* 组件状态,包含历史对话显示状态
|
|
18
|
+
*/
|
|
19
|
+
state: CopilotBaseState;
|
|
20
|
+
/**
|
|
21
|
+
* 处理加载指定会话
|
|
22
|
+
*/
|
|
23
|
+
handleLoadConversation: (conversationId: string) => Promise<void>;
|
|
24
|
+
/**
|
|
25
|
+
* 处理删除指定会话
|
|
26
|
+
*/
|
|
27
|
+
handleDeleteConversation: (conversationId: string) => Promise<void>;
|
|
28
|
+
/**
|
|
29
|
+
* 处理获取历史会话列表
|
|
30
|
+
*/
|
|
31
|
+
handleGetConversations: (page?: number, size?: number) => Promise<import("../../..").ConversationHistory[]>;
|
|
10
32
|
/**
|
|
11
33
|
* 实现 React.Component.render() 方法
|
|
12
34
|
* 渲染 Copilot 模式的界面
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ConversationHistory as ConversationHistoryType } from '../../../types';
|
|
2
3
|
/**
|
|
3
4
|
* Header 组件的属性接口
|
|
4
5
|
*/
|
|
@@ -11,8 +12,12 @@ interface HeaderProps {
|
|
|
11
12
|
onNewChat?: () => void;
|
|
12
13
|
/** 展开/收起的回调函数 */
|
|
13
14
|
onExpand?: () => void;
|
|
14
|
-
/**
|
|
15
|
-
|
|
15
|
+
/** 获取历史会话列表的回调函数 */
|
|
16
|
+
onGetConversations?: (page?: number, size?: number) => Promise<ConversationHistoryType[]>;
|
|
17
|
+
/** 加载指定会话的回调函数 */
|
|
18
|
+
onLoadConversation?: (conversationId: string) => void;
|
|
19
|
+
/** 删除指定会话的回调函数 */
|
|
20
|
+
onDeleteConversation?: (conversationId: string) => Promise<void>;
|
|
16
21
|
}
|
|
17
22
|
/**
|
|
18
23
|
* Header 组件
|