@fe-free/ai 4.0.0 → 4.0.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @fe-free/ai
 
+## 4.0.1
+
+### Patch Changes
+
+- fix: ai
+  - @fe-free/core@4.0.1
+  - @fe-free/icons@4.0.1
+  - @fe-free/tool@4.0.1
+
 ## 4.0.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/ai",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -12,14 +12,14 @@
   "dependencies": {
     "ahooks": "^3.7.8",
     "classnames": "^2.5.1",
-    "@fe-free/core": "4.0.0"
+    "@fe-free/core": "4.0.1"
   },
   "peerDependencies": {
     "antd": "^5.27.1",
     "dayjs": "~1.11.10",
     "react": "^19.2.0",
-    "@fe-free/icons": "4.0.0",
-    "@fe-free/tool": "4.0.0"
+    "@fe-free/icons": "4.0.1",
+    "@fe-free/tool": "4.0.1"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/src/sender/actions.tsx

@@ -1,6 +1,7 @@
 import Icons from '@fe-free/icons';
+import type { UploadFile } from 'antd';
 import { Button, Divider } from 'antd';
-import type { RefObject } from 'react';
+import { useCallback, type RefObject } from 'react';
 import SendIcon from '../svgs/send.svg?react';
 import { FileAction } from './files';
 import { RecordAction } from './record';
@@ -11,6 +12,8 @@ function Actions(
   props: SenderProps & {
     refUpload: RefObject<HTMLDivElement>;
     isUploading: boolean;
+    fileList: UploadFile[];
+    setFileList: (fileList: UploadFile[]) => void;
     fileUrls: string[];
     setFileUrls: (fileUrls: string[]) => void;
   },
@@ -19,8 +22,11 @@ function Actions(
     loading,
     onSubmit,
     value,
+    onChange,
     refUpload,
     isUploading,
+    fileList,
+    setFileList,
     fileUrls,
     setFileUrls,
     allowUpload,
@@ -29,6 +35,26 @@ function Actions(
 
   const isLoading = loading || isUploading;
 
+  const handleSubmit = useCallback(async () => {
+    if (isLoading) {
+      return;
+    }
+
+    const newValue = {
+      ...value,
+      text: value?.text?.trim(),
+    };
+
+    // 有内容才提交
+    if (newValue.text || (newValue.files && newValue.files.length > 0)) {
+      await Promise.resolve(onSubmit?.(newValue));
+      setFileList([]);
+      setFileUrls([]);
+
+      onChange?.({});
+    }
+  }, [isLoading, value, onSubmit, setFileList, setFileUrls, onChange]);
+
   return (
     <div className="flex items-center gap-2">
       <div className="flex flex-1 gap-1">
@@ -50,21 +76,7 @@ function Actions(
           icon={<Icons component={SendIcon} className="!text-lg" />}
           loading={isLoading}
           // disabled={loading}
-          onClick={() => {
-            if (isLoading) {
-              return;
-            }
-
-            const newValue = {
-              ...value,
-              text: value?.text?.trim(),
-            };
-
-            // 有内容才提交
-            if (newValue.text || (newValue.files && newValue.files.length > 0)) {
-              onSubmit?.(newValue);
-            }
-          }}
+          onClick={handleSubmit}
         />
       </div>
     </div>

package/src/sender/index.tsx

@@ -37,7 +37,8 @@ function Sender(originProps: SenderProps) {
     };
   }, [originProps]);
 
-  const { value, onChange, filesMaxCount } = props;
+  const { value, onChange, allowUpload } = props;
+  const { filesMaxCount } = allowUpload || {};
 
   const refContainer = useRef<HTMLDivElement>(null);
   const refUpload = useRef<HTMLDivElement>(null);
@@ -75,7 +76,7 @@ function Sender(originProps: SenderProps) {
       originSetFileUrls(fileUrls);
       handleFilesChange({ fileUrls, fileList });
     },
-    [fileList],
+    [fileList, handleFilesChange],
   );
 
   const setFileList = useCallback(
@@ -83,7 +84,7 @@ function Sender(originProps: SenderProps) {
       originSetFileList(fileList);
       handleFilesChange({ fileUrls, fileList });
     },
-    [fileUrls],
+    [fileUrls, handleFilesChange],
   );
 
   const isUploading = useMemo(() => {
@@ -113,6 +114,8 @@ function Sender(originProps: SenderProps) {
           {...props}
           refUpload={refUpload}
           isUploading={isUploading}
+          fileList={fileList}
+          setFileList={setFileList}
           fileUrls={fileUrls}
           setFileUrls={setFileUrls}
         />

package/src/sender/sender.stories.tsx

@@ -11,7 +11,7 @@ const meta: Meta<typeof Sender> = {
 
 type Story = StoryObj<typeof Sender>;
 
-function Component(props: Omit<SenderProps, 'value' | 'onChange'>) {
+function Component(props: Omit<SenderProps, 'value' | 'onChange' | 'onSubmit'>) {
   const [v, setV] = useState<SenderValue | undefined>(undefined);
 
   return (
@@ -21,6 +21,9 @@ function Component(props: Omit<SenderProps, 'value' | 'onChange'>) {
         console.log('newValue', v);
         setV(v);
       }}
+      onSubmit={(value) => {
+        console.log('onSubmit', value);
+      }}
       {...props}
     />
   );

package/src/sender/types.ts

@@ -12,7 +12,7 @@ interface SenderProps {
   onChange: (value?: SenderValue) => void;
 
   loading?: boolean;
-  onSubmit: (value?: SenderValue) => void;
+  onSubmit: (value?: SenderValue) => void | Promise<void>;
 
   placeholder?: string;