@fe-free/ai 4.0.1 → 4.0.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @fe-free/ai
 
+## 4.0.3
+
+### Patch Changes
+
+- feat: ai
+  - @fe-free/core@4.0.3
+  - @fe-free/icons@4.0.3
+  - @fe-free/tool@4.0.3
+
+## 4.0.2
+
+### Patch Changes
+
+- fix: ai
+  - @fe-free/core@4.0.2
+  - @fe-free/icons@4.0.2
+  - @fe-free/tool@4.0.2
+
 ## 4.0.1
 
 ### Patch Changes

package/package.json

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

package/src/sender/actions.tsx

@@ -10,6 +10,7 @@ import type { SenderProps } from './types';
 
 function Actions(
   props: SenderProps & {
+    refText: RefObject<HTMLTextAreaElement>;
     refUpload: RefObject<HTMLDivElement>;
     isUploading: boolean;
     fileList: UploadFile[];
@@ -19,13 +20,13 @@ function Actions(
   },
 ) {
   const {
+    refText,
     loading,
     onSubmit,
     value,
     onChange,
     refUpload,
     isUploading,
-    fileList,
     setFileList,
     fileUrls,
     setFileUrls,
@@ -36,7 +37,7 @@ function Actions(
   const isLoading = loading || isUploading;
 
   const handleSubmit = useCallback(async () => {
-    if (isLoading) {
+    if (isLoading || allowSpeech?.recording) {
       return;
     }
 
@@ -48,12 +49,25 @@ function Actions(
     // 有内容才提交
     if (newValue.text || (newValue.files && newValue.files.length > 0)) {
       await Promise.resolve(onSubmit?.(newValue));
+
+      // reset
       setFileList([]);
       setFileUrls([]);
-
       onChange?.({});
+
+      // focus
+      refText.current?.focus();
     }
-  }, [isLoading, value, onSubmit, setFileList, setFileUrls, onChange]);
+  }, [
+    isLoading,
+    allowSpeech?.recording,
+    value,
+    onSubmit,
+    setFileList,
+    setFileUrls,
+    onChange,
+    refText,
+  ]);
 
   return (
     <div className="flex items-center gap-2">

package/src/sender/index.tsx

@@ -2,17 +2,19 @@ import { useDrop } from 'ahooks';
 import { Input } from 'antd';
 import type { UploadFile } from 'antd/lib';
 import classNames from 'classnames';
+import type { RefObject } from 'react';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { Actions } from './actions';
 import { FileUpload, Files } from './files';
 import './style.scss';
 import type { SenderProps, SenderRef } from './types';
 
-function Text(props: SenderProps) {
-  const { value, onChange, placeholder } = props;
+function Text(props: SenderProps & { refText: RefObject<HTMLTextAreaElement> }) {
+  const { value, onChange, placeholder, refText } = props;
 
   return (
     <Input.TextArea
+      ref={refText}
       value={value?.text}
       onChange={(e) => {
         onChange?.({ ...value, text: e.target.value });
@@ -37,6 +39,8 @@ function Sender(originProps: SenderProps) {
     };
   }, [originProps]);
 
+  const refText = useRef<HTMLTextAreaElement>(null);
+
   const { value, onChange, allowUpload } = props;
   const { filesMaxCount } = allowUpload || {};
 
@@ -96,9 +100,12 @@ function Sender(originProps: SenderProps) {
     <div className="fea-sender-wrap">
       <div
         ref={refContainer}
-        className={classNames('fea-sender relative flex flex-col rounded-lg border border-01 p-2', {
-          'fea-sender-drag-hover': dragHover,
-        })}
+        className={classNames(
+          'fea-sender relative flex flex-col rounded-lg border border-01 bg-white p-2',
+          {
+            'fea-sender-drag-hover': dragHover,
+          },
+        )}
       >
         <Files
           {...props}
@@ -108,10 +115,11 @@ function Sender(originProps: SenderProps) {
           setFileUrls={setFileUrls}
         />
         <div className="flex">
-          <Text {...props} />
+          <Text {...props} refText={refText} />
         </div>
         <Actions
           {...props}
+          refText={refText}
           refUpload={refUpload}
           isUploading={isUploading}
           fileList={fileList}

package/src/sender/sender.stories.tsx

@@ -60,7 +60,8 @@ export const AllowUpload: Story = {
 
 export const AllowSpeech: Story = {
   render: (props) => {
-    const [recording, setRecording] = useState(false);
+    const [recording, setRecording] = useState(true);
+
     return <Component {...props} allowSpeech={{ recording, onRecordingChange: setRecording }} />;
   },
 };