fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-05-07 14:39:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update

Browse Source
This commit is contained in:
xilesun 2025-04-11 16:15:17 +08:00
parent cb44488fca
commit 4f0f8b8ad3
2 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/plugins/@nocobase/plugin-ai/src/client/ai-employees/chatbox/ChatConversationsProvider.tsx
View File

@ -11,14 +11,13 @@ import { useAPIClient, useRequest } from '@nocobase/client';
import React, { createContext, useCallback, useContext, useRef, useState } from 'react';
import { Conversation } from '../types';
import { useLoadMoreObserver } from './useLoadMoreObserver';
import { ConversationsProps } from '@ant-design/x';
type ChatConversationContextValue = {
currentConversation?: string;
setCurrentConversation: (sessionId?: string) => void;
conversationsService: any;
lastConversationRef: (node: HTMLDivElement | null) => void;
conversations: ConversationsProps['items'];
conversations: Conversation[];
};
export const ChatConversationsContext = createContext<ChatConversationContextValue | null>(null);
@ -28,7 +27,7 @@ export const useChatConversations = () => useContext(ChatConversationsContext);
export const ChatConversationsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
const api = useAPIClient();
const [currentConversation, setCurrentConversation] = useState<string>();
const [conversations, setConversations] = useState<ConversationsProps['items']>([]);
const [conversations, setConversations] = useState<Conversation[]>([]);
const conversationsService = useRequest<Conversation[]>(
(page = 1) =>
@ -48,13 +47,8 @@ export const ChatConversationsProvider: React.FC<{ children: React.ReactNode }>
if (!data?.data?.length) {
return;
}
const conversations: ConversationsProps['items'] = data.data.map((conversation) => ({
key: conversation.sessionId,
label: conversation.title,
timestamp: new Date(conversation.updatedAt).getTime(),
}));
if (!page || page === 1) {
setConversations(conversations);
setConversations(data?.data);
} else {
setConversations((prev) => [...prev, ...conversations]);
}

18
packages/plugins/@nocobase/plugin-ai/src/client/ai-employees/chatbox/Conversations.tsx
View File

@ -7,7 +7,7 @@
* For more information, please refer to: https://www.nocobase.com/agreement.
*/
import React, { useMemo } from 'react';
import React, { memo, useMemo } from 'react';
import { Layout, Input, Empty, Spin, App } from 'antd';
import { Conversations as AntConversations } from '@ant-design/x';
import { useAPIClient, useToken } from '@nocobase/client';
@ -17,8 +17,9 @@ import { DeleteOutlined } from '@ant-design/icons';
import { useChatConversations } from './ChatConversationsProvider';
import { useChatMessages } from './ChatMessagesProvider';
const { Header, Content } = Layout;
import { ConversationsProps } from '@ant-design/x';
export const Conversations: React.FC = () => {
export const Conversations: React.FC = memo(() => {
const t = useT();
const api = useAPIClient();
const { modal, message } = App.useApp();
@ -30,12 +31,13 @@ export const Conversations: React.FC = () => {
const setCurrentEmployee = useChatBoxContext('setCurrentEmployee');
const setSenderValue = useChatBoxContext('setSenderValue');
const setSenderPlaceholder = useChatBoxContext('setSenderPlaceholder');
const { loading: conversationsLoading, data: conversationsRes } = conversationsService;
const { loading: conversationsLoading } = conversationsService;
const items = useMemo(() => {
const result = conversations.map((item, index) => ({
...item,
label: index === conversations.length - 1 ? <div ref={lastConversationRef}>{item.label}</div> : item.label,
const result: ConversationsProps['items'] = conversations.map((item, index) => ({
key: item.sessionId,
timestamp: new Date(item.updatedAt).getTime(),
label: index === conversations.length - 1 ? <div ref={lastConversationRef}>{item.title}</div> : item.title,
}));
if (conversationsLoading) {
result.push({
@ -67,7 +69,7 @@ export const Conversations: React.FC = () => {
return;
}
setCurrentConversation(sessionId);
const conversation = conversationsRes?.data?.find((item) => item.sessionId === sessionId);
const conversation = conversations.find((item) => item.sessionId === sessionId);
setCurrentEmployee(conversation?.aiEmployee);
setSenderValue('');
setSenderPlaceholder(conversation?.aiEmployee?.chatSettings?.senderPlaceholder);
@ -128,4 +130,4 @@ export const Conversations: React.FC = () => {
</Content>
</Layout>
);
};
});