@lobehub/chat 1.47.20 → 1.47.22

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.47.22](https://github.com/lobehub/lobe-chat/compare/v1.47.21...v1.47.22)
+
+<sup>Released on **2025-01-24**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix form input in provider.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix form input in provider, closes [#5571](https://github.com/lobehub/lobe-chat/issues/5571) ([07e2396](https://github.com/lobehub/lobe-chat/commit/07e2396))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.47.21](https://github.com/lobehub/lobe-chat/compare/v1.47.20...v1.47.21)
+
+<sup>Released on **2025-01-23**</sup>
+
+#### 💄 Styles
+
+- **misc**: Add HuggingFace Model: DeepSeek R1.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Add HuggingFace Model: DeepSeek R1, closes [#5564](https://github.com/lobehub/lobe-chat/issues/5564) ([66d4edd](https://github.com/lobehub/lobe-chat/commit/66d4edd))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.47.20](https://github.com/lobehub/lobe-chat/compare/v1.47.19...v1.47.20)
 
 <sup>Released on **2025-01-23**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix form input in provider."
+      ]
+    },
+    "date": "2025-01-24",
+    "version": "1.47.22"
+  },
+  {
+    "children": {
+      "improvements": [
+        "Add HuggingFace Model: DeepSeek R1."
+      ]
+    },
+    "date": "2025-01-23",
+    "version": "1.47.21"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.47.20",
+  "version": "1.47.22",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -226,7 +226,7 @@
     "systemjs": "^6.15.1",
     "ts-md5": "^1.3.1",
     "ua-parser-js": "^1.0.40",
-    "unstructured-client": "^0.18.2",
+    "unstructured-client": "^0.19.0",
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "utility-types": "^3.11.0",
@@ -253,6 +253,7 @@
     "@semantic-release/exec": "^6.0.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/chroma-js": "^3.1.0",
     "@types/crypto-js": "^4.2.2",
     "@types/debug": "^4.1.12",

package/src/components/FormInput/FormInput.test.tsx

@@ -0,0 +1,70 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { beforeEach, describe, expect, test, vi } from 'vitest';
+
+import FormInput from './FormInput';
+
+describe('FormInput', () => {
+  const user = userEvent.setup();
+  const onChangeMock = vi.fn();
+
+  beforeEach(() => {
+    onChangeMock.mockClear();
+  });
+
+  test('正确渲染初始值', () => {
+    render(<FormInput value="initial value" />);
+    const input = screen.getByRole('textbox');
+    expect(input).toHaveValue('initial value');
+  });
+
+  test('输入值并在失焦时触发 onChange', async () => {
+    render(<FormInput onChange={onChangeMock} />);
+    const input = screen.getByRole('textbox');
+
+    await user.type(input, 'new value');
+    expect(input).toHaveValue('new value');
+    expect(onChangeMock).not.toHaveBeenCalled();
+
+    fireEvent.blur(input);
+    expect(onChangeMock).toHaveBeenCalledWith('new value');
+  });
+
+  test('按下 Enter 触发 onChange', async () => {
+    render(<FormInput onChange={onChangeMock} />);
+    const input = screen.getByRole('textbox');
+
+    await user.type(input, 'test{enter}');
+    expect(onChangeMock).toHaveBeenCalledWith('test');
+  });
+
+  test('中文输入时按下 Enter 不触发 onChange', async () => {
+    render(<FormInput onChange={onChangeMock} />);
+    const input = screen.getByRole('textbox');
+
+    // 模拟中文输入法开始
+    fireEvent.compositionStart(input);
+    await user.type(input, 'nihao');
+    await user.type(input, '{enter}');
+
+    // 中文输入法结束前按 Enter 不应触发
+    expect(onChangeMock).not.toHaveBeenCalled();
+
+    // 结束中文输入
+    fireEvent.compositionEnd(input);
+    await user.type(input, '{enter}');
+    expect(onChangeMock).toHaveBeenCalledWith('nihao');
+  });
+
+  test('defaultValue 更新时同步显示新值', async () => {
+    const { rerender } = render(<FormInput value="old value" />);
+
+    // 初始值
+    const input = screen.getByRole('textbox');
+    expect(input).toHaveValue('old value');
+
+    // 更新值并重新渲染
+    rerender(<FormInput value="new value" />);
+    expect(input).toHaveValue('new value');
+  });
+});

package/src/components/FormInput/FormInput.tsx

@@ -1,6 +1,6 @@
 import { Input } from 'antd';
 import { InputRef, InputProps as Props } from 'antd/es/input/Input';
-import { memo, useRef, useState } from 'react';
+import { memo, useEffect, useRef, useState } from 'react';
 
 interface FormInputProps extends Omit<Props, 'onChange'> {
   onChange?: (value: string) => void;
@@ -12,6 +12,10 @@ const FormInput = memo<FormInputProps>(({ onChange, value: defaultValue, ...prop
 
   const [value, setValue] = useState(defaultValue as string);
 
+  useEffect(() => {
+    setValue(defaultValue as string);
+  }, [defaultValue]);
+
   return (
     <Input
       onBlur={() => {

package/src/components/FormInput/FormPassword.tsx

@@ -1,6 +1,6 @@
 import { Input } from 'antd';
 import { InputRef, InputProps as Props } from 'antd/es/input/Input';
-import { memo, useRef, useState } from 'react';
+import { memo, useEffect, useRef, useState } from 'react';
 
 interface FormPasswordProps extends Omit<Props, 'onChange'> {
   onChange?: (value: string) => void;
@@ -12,6 +12,10 @@ const FormPassword = memo<FormPasswordProps>(({ onChange, value: defaultValue, .
 
   const [value, setValue] = useState(defaultValue as string);
 
+  useEffect(() => {
+    setValue(defaultValue as string);
+  }, [defaultValue]);
+
   return (
     <Input.Password
       onBlur={() => {

package/src/config/aiModels/huggingface.ts

@@ -5,7 +5,6 @@ const huggingfaceChatModels: AIChatModelCard[] = [
     contextWindowTokens: 32_768,
     description: 'Mistral AI的指令调优模型',
     displayName: 'Mistral 7B Instruct v0.3',
-    enabled: true,
     id: 'mistralai/Mistral-7B-Instruct-v0.3',
     type: 'chat',
   },
@@ -34,6 +33,7 @@ const huggingfaceChatModels: AIChatModelCard[] = [
     contextWindowTokens: 32_768,
     description: 'Qwen QwQ 是由 Qwen 团队开发的实验研究模型，专注于提升AI推理能力。',
     displayName: 'QwQ 32B Preview',
+    enabled: true,
     id: 'Qwen/QwQ-32B-Preview',
     type: 'chat',
   },
@@ -49,6 +49,13 @@ const huggingfaceChatModels: AIChatModelCard[] = [
     id: 'NousResearch/Hermes-3-Llama-3.1-8B',
     type: 'chat',
   },
+  {
+    contextWindowTokens: 16_384,
+    displayName: 'DeepSeek R1',
+    enabled: true,
+    id: 'deepseek-ai/DeepSeek-R1-Distill-Qwen-32B',
+    type: 'chat',
+  },
 ];
 
 export const allModels = [...huggingfaceChatModels];

package/src/config/modelProviders/huggingface.ts

@@ -6,7 +6,6 @@ const HuggingFace: ModelProviderCard = {
       contextWindowTokens: 32_768,
       description: 'Mistral AI的指令调优模型',
       displayName: 'Mistral 7B Instruct v0.3',
-      enabled: true,
       id: 'mistralai/Mistral-7B-Instruct-v0.3',
     },
     {
@@ -31,6 +30,7 @@ const HuggingFace: ModelProviderCard = {
       contextWindowTokens: 32_768,
       description: 'Qwen QwQ 是由 Qwen 团队开发的实验研究模型，专注于提升AI推理能力。',
       displayName: 'QwQ 32B Preview',
+      enabled: true,
       id: 'Qwen/QwQ-32B-Preview',
     },
     {
@@ -43,6 +43,12 @@ const HuggingFace: ModelProviderCard = {
       displayName: 'Hermes 3 Llama 3.1 8B',
       id: 'NousResearch/Hermes-3-Llama-3.1-8B',
     },
+    {
+      contextWindowTokens: 16_384,
+      displayName: 'DeepSeek R1',
+      enabled: true,
+      id: 'deepseek-ai/DeepSeek-R1-Distill-Qwen-32B',
+    },
   ],
   checkModel: 'mistralai/Mistral-7B-Instruct-v0.2',
   description: