feat: usemeta support extra

src/ProChat/components/InputArea/AutoCompleteTextArea.tsx

@@ -7,7 +7,7 @@ export const AutoCompleteTextArea: React.FC<TextAreaProps> = (props) => {
   const [autocompleteRequest] = useStore((s) => [s.autocompleteRequest]);
 
   const [options, setOptions] = useState<{ value: string; label: string }[]>([]);
-
+  const [open, setOpen] = useState(false);
   return (
     <AutoComplete
       className={props.className}
@@ -16,6 +16,10 @@ export const AutoCompleteTextArea: React.FC<TextAreaProps> = (props) => {
       style={{
         height: 'max-content',
       }}
+      open={open}
+      onDropdownVisibleChange={(open) => {
+        setOpen(open);
+      }}
       value={props.value}
       onSelect={(value) => {
         props.onChange?.({ target: { value } } as any);
@@ -26,7 +30,13 @@ export const AutoCompleteTextArea: React.FC<TextAreaProps> = (props) => {
         setOptions((result as any[]) || []);
       }}
     >
-      <Input.TextArea {...props} />
+      <Input.TextArea
+        {...props}
+        onPressEnter={(e) => {
+          if (open) return;
+          props.onPressEnter?.(e);
+        }}
+      />
     </AutoComplete>
   );
 };

src/ProChat/demos/default.tsx

@@ -12,13 +12,23 @@ export default () => {
     <div style={{ background: theme.colorBgLayout }}>
       <ProChat
         request={'/api/chat'}
-        config={example.config}
+        config={{
+          ...example.config,
+          params: {
+            ...example.config.params,
+            userId: '123',
+            extra: 'extra',
+          },
+        }}
         autocompleteRequest={async (value) => {
           if (value === '/') {
             return [{ value: '你可以帮助我列出问题吗？', label: '你可以帮助我列出问题吗？' }];
           }
           return [];
         }}
+        userMeta={{
+          extra: 'extra',
+        }}
         messageItemExtraRender={(_, type) => {
           if (type === 'user') return <span>🦐</span>;
           return <span>👍</span>;

src/ProChat/store/selectors/chat.ts

@@ -9,13 +9,15 @@ export const currentChats = (s: ChatStore): ChatMessage[] => {
   if (Object.keys(s.chats).length === 0) return [];
 
   const getMeta = (message: ChatMessage): MetaData => {
-    const user = s.userMeta;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { avatar, title, backgroundColor, ...rest } = s.userMeta;
     const assistant = s.assistantMeta;
     switch (message.role) {
       case 'user': {
         return {
-          avatar: user?.avatar,
-          title: user?.title,
+          avatar,
+          title,
+          ...rest,
         };
       }
 

src/ProChat/types/config.ts

@@ -24,6 +24,8 @@ export interface ModelParams {
    * @default 1
    */
   top_p?: number;
+
+  [key: string]: any;
 }
 
 export type ModelRoleType = 'user' | 'system' | 'assistant' | 'function';

src/ProChat/types/meta.ts

@@ -14,4 +14,10 @@ export interface MetaData {
    * @description 可选参数，如果不传则使用默认名称
    */
   title?: string;
+
+  /**
+   * 附加数据
+   * @description 可选参数，如果不传则使用默认名称
+   */
+  [key: string]: any;
 }