@fe-free/ai 6.0.27 → 6.0.29

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @fe-free/ai
 
+## 6.0.29
+
+### Patch Changes
+
+- feat: sender
+  - @fe-free/core@6.0.29
+  - @fe-free/icons@6.0.29
+  - @fe-free/tool@6.0.29
+
+## 6.0.28
+
+### Patch Changes
+
+- some
+  - @fe-free/core@6.0.28
+  - @fe-free/icons@6.0.28
+  - @fe-free/tool@6.0.28
+
 ## 6.0.27
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/ai",
-  "version": "6.0.27",
+  "version": "6.0.29",
   "description": "",
   "license": "ISC",
   "author": "",
@@ -17,7 +17,7 @@
     "lodash-es": "^4.17.21",
     "uuid": "^13.0.0",
     "zustand": "^4.5.7",
-    "@fe-free/core": "6.0.27"
+    "@fe-free/core": "6.0.29"
   },
   "peerDependencies": {
     "antd": "^6.2.1",
@@ -27,8 +27,8 @@
     "i18next-icu": "^2.4.1",
     "react": "^19.2.0",
     "react-i18next": "^16.4.0",
-    "@fe-free/icons": "6.0.27",
-    "@fe-free/tool": "6.0.27"
+    "@fe-free/icons": "6.0.29",
+    "@fe-free/tool": "6.0.29"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/messages/messages.tsx

@@ -9,6 +9,8 @@ import { EnumMessageType, type Message } from '../store/types';
 interface MessagesProps<UserData, AIData, SystemData> {
   refList?: React.RefObject<HTMLDivElement | null>;
   messages?: Message<UserData, AIData, SystemData>[];
+  /** 是否开启滚动条固定 */
+  scrollFixed?: boolean;
   /** 含所有 */
   renderMessage?: (props: { message: Message<UserData, AIData, SystemData> }) => React.ReactNode;
   /** 系统消息 */
@@ -65,6 +67,7 @@ function Messages<UserData, AIData, SystemData>(
   const {
     refList,
     messages,
+    scrollFixed = true,
     renderMessage,
     renderMessageOfSystem,
     renderMessageOfUser,
@@ -133,6 +136,7 @@ function Messages<UserData, AIData, SystemData>(
         style={{
           transform: `translateZ(0)`,
         }}
+        disabled={!scrollFixed}
       >
         {messages?.map((message) => {
           return (

package/src/sender/files.tsx

@@ -18,7 +18,7 @@ function FileAction(
   },
 ) {
   const { value, refUpload, fileUrls, setFileUrls, allowUpload } = props;
-  const { filesMaxCount } = allowUpload || {};
+  const { filesMaxCount, multiple = true } = allowUpload || {};
 
   const { message } = App.useApp();
   const { t } = useTranslation();
@@ -65,6 +65,14 @@ function FileAction(
           open
           onCancel={() => setOpen(false)}
           onOk={() => {
+            if (!multiple) {
+              if (url.trim()) {
+                setFileUrls([url]);
+              }
+              setOpen(false);
+              return;
+            }
+
             if (filesMaxCount && value?.files && value.files.length >= filesMaxCount) {
               message.warning(
                 t('@fe-free/ai.sender.exceedMaxUploadCount', '超过最大上传数量{count}', {
@@ -100,7 +108,7 @@ function FileUpload(
   },
 ) {
   const { allowUpload, refUpload, fileList, setFileList, uploadMaxCount } = props;
-  const { uploadAction, uploadHeaders, filesMaxCount, accept } = allowUpload || {};
+  const { uploadAction, uploadHeaders, filesMaxCount, accept, multiple = true } = allowUpload || {};
 
   const { message } = App.useApp();
   const { t } = useTranslation();
@@ -111,10 +119,15 @@ function FileUpload(
       headers={uploadHeaders}
       accept={accept}
       fileList={fileList}
-      multiple
+      multiple={multiple}
       pastable
       maxCount={uploadMaxCount ? uploadMaxCount + 1 : undefined}
       onChange={(info) => {
+        if (!multiple) {
+          setFileList(info.fileList.slice(-1));
+          return;
+        }
+
         if (uploadMaxCount && info.fileList.length > uploadMaxCount) {
           message.warning(
             t('@fe-free/ai.sender.exceedMaxUploadCount', '超过最大上传数量{count}', {

package/src/sender/index.tsx

@@ -66,7 +66,7 @@ function Sender(originProps: SenderProps) {
   const refText = useRef<TextAreaRef | null>(null);
 
   const { value, onChange, allowUpload, onSubmit, loading, allowSpeech } = props;
-  const { filesMaxCount } = allowUpload || {};
+  const { filesMaxCount, multiple = true } = allowUpload || {};
 
   const refContainer = useRef<HTMLDivElement>(null);
   const refUpload = useRef<HTMLDivElement>(null);
@@ -196,7 +196,9 @@ function Sender(originProps: SenderProps) {
             refUpload={refUpload}
             fileList={fileList}
             setFileList={setFileList}
-            uploadMaxCount={filesMaxCount ? filesMaxCount - fileUrls.length : undefined}
+            uploadMaxCount={
+              !multiple ? 1 : filesMaxCount ? filesMaxCount - fileUrls.length : undefined
+            }
           />
         )}
       </div>

package/src/sender/sender.stories.tsx

@@ -103,6 +103,16 @@ export const RenderUpload: Story = {
   render: (props) => <Component {...props} />,
 };
 
+export const SingleUpload: Story = {
+  args: {
+    allowUpload: {
+      uploadAction: '/api/ai-service/v1/file_upload/upload',
+      multiple: false,
+    },
+  },
+  render: (props) => <Component {...props} />,
+};
+
 export const AllowSpeech: Story = {
   render: (props) => {
     const [recording, setRecording] = useState(true);

package/src/sender/types.ts

@@ -26,6 +26,8 @@ interface SenderProps {
     uploadHeaders?: UploadProps['headers'];
     /** 限制可上传文件类型，语法同 input.accept，如 image/*,.pdf */
     accept?: string;
+    /** 是否支持多文件上传，默认 true */
+    multiple?: boolean;
     /** files 最大数量 */
     filesMaxCount?: number;
     /** 自定义上传按钮 */