@fe-free/ai 4.1.27 → 4.1.28

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @fe-free/ai
 
+## 4.1.28
+
+### Patch Changes
+
+- feat: ai
+  - @fe-free/core@4.1.28
+  - @fe-free/icons@4.1.28
+  - @fe-free/tool@4.1.28
+
 ## 4.1.27
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/ai",
-  "version": "4.1.27",
+  "version": "4.1.28",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -19,7 +19,7 @@
     "lodash-es": "^4.17.21",
     "uuid": "^13.0.0",
     "zustand": "^4.5.7",
-    "@fe-free/core": "4.1.27"
+    "@fe-free/core": "4.1.28"
   },
   "peerDependencies": {
     "antd": "^5.27.1",
@@ -29,8 +29,8 @@
     "i18next-icu": "^2.4.1",
     "react": "^19.2.0",
     "react-i18next": "^16.4.0",
-    "@fe-free/icons": "4.1.27",
-    "@fe-free/tool": "4.1.27"
+    "@fe-free/icons": "4.1.28",
+    "@fe-free/tool": "4.1.28"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/m_sender/actions.tsx

@@ -12,7 +12,7 @@ function Actions(
     setType: (type: 'input' | 'record') => void;
   },
 ) {
-  const { refText, loading, onSubmit, value, onChange, setType, allowSpeech } = props;
+  const { loading, onSubmit, value, onChange, setType, allowSpeech } = props;
 
   const isLoading = loading;
 
@@ -33,10 +33,10 @@ function Actions(
       // reset
       onChange?.({});
 
-      // focus
-      refText.current?.focus();
+      // 移动端 不 focus
+      // refText.current?.focus();
     }
-  }, [isLoading, value, onSubmit, onChange, refText]);
+  }, [isLoading, value, onSubmit, onChange]);
 
   return (
     <div className="mr-1 flex items-center gap-2">
@@ -44,7 +44,7 @@ function Actions(
         <Button
           type="primary"
           shape="circle"
-          icon={<Icons component={IconRecord} />}
+          icon={<Icons component={IconRecord} className="!text-lg" />}
           onClick={() => {
             setType('record');
           }}
@@ -53,7 +53,7 @@ function Actions(
         <Button
           type="primary"
           shape="circle"
-          icon={<Icons component={SendIcon} />}
+          icon={<Icons component={SendIcon} className="!text-lg" />}
           loading={isLoading}
           onClick={handleSubmit}
         />

package/src/m_sender/m_sender.stories.tsx

@@ -61,46 +61,23 @@ export const Loading: Story = {
 
 export const AllowSpeech: Story = {
   render: (props) => {
-    const { message } = App.useApp();
-
-    const { start: startRecord, stop: stopRecord } = useMemo(() => {
-      return getRecordAudioOfPCM();
-    }, []);
-
     const handleSubmit = (value: MSenderValue) => {
       console.log('handleSubmit', value);
     };
 
     const handleRecordStart = useCallback(async () => {
-      // 假设这是录音的文本
-      try {
-        await startRecord({
-          onAudio: (data) => {
-            console.log('onAudio', data);
-          },
-          onError: (err) => {
-            message.error(err.message);
-          },
-        });
-      } catch (err) {
-        console.error(err);
-      }
-
-      return;
+      // fake
     }, []);
 
     const handleRecordEnd = useCallback(
       async (isSend) => {
         console.log('handleRecordEnd isSend', isSend);
 
-        const voiceData = await stopRecord();
-        console.log('voiceData', voiceData);
-
         if (isSend) {
           handleSubmit({ ...(props.value || {}), text: '假设这是识别的文字' });
         }
       },
-      [props.value, stopRecord],
+      [props.value],
     );
 
     return (
@@ -137,7 +114,64 @@ export const AllowSpeech: Story = {
   },
 };
 
-export const AllowSpeech2: Story = {
+export const AllowSpeechPCM: Story = {
+  render: (props) => {
+    const { message } = App.useApp();
+
+    const { start: startRecord, stop: stopRecord } = useMemo(() => {
+      return getRecordAudioOfPCM();
+    }, []);
+
+    const handleSubmit = (value: MSenderValue) => {
+      console.log('handleSubmit', value);
+    };
+
+    const handleRecordStart = useCallback(async () => {
+      // 假设这是录音的文本
+      try {
+        await startRecord({
+          onAudio: (data) => {
+            console.log('onAudio', data);
+          },
+          onError: (err) => {
+            message.error(err.message);
+          },
+        });
+      } catch (err) {
+        console.error(err);
+      }
+
+      return;
+    }, []);
+
+    const handleRecordEnd = useCallback(
+      async (isSend) => {
+        console.log('handleRecordEnd isSend', isSend);
+
+        const voiceData = await stopRecord();
+        console.log('voiceData', voiceData);
+
+        if (isSend) {
+          handleSubmit({ ...(props.value || {}), text: '假设这是识别的文字' });
+        }
+      },
+      [props.value, stopRecord],
+    );
+
+    return (
+      <Component
+        {...props}
+        defaultType="record"
+        allowSpeech={{
+          onRecordStart: handleRecordStart,
+          onRecordEnd: handleRecordEnd,
+        }}
+      />
+    );
+  },
+};
+
+export const AllowSpeechBlob: Story = {
   render: (props) => {
     const { message } = App.useApp();
 
@@ -182,16 +216,14 @@ export const AllowSpeech2: Story = {
     );
 
     return (
-      <div className="flex flex-col gap-10">
-        <Component
-          {...props}
-          defaultType="record"
-          allowSpeech={{
-            onRecordStart: handleRecordStart,
-            onRecordEnd: handleRecordEnd,
-          }}
-        />
-      </div>
+      <Component
+        {...props}
+        defaultType="record"
+        allowSpeech={{
+          onRecordStart: handleRecordStart,
+          onRecordEnd: handleRecordEnd,
+        }}
+      />
     );
   },
 };

package/src/messages/message_actions.tsx

@@ -8,9 +8,18 @@ import {
   LikeOutlined,
 } from '@fe-free/icons';
 import { App, Button, Tooltip } from 'antd';
+import classNames from 'classnames';
 import { useCallback, useEffect, useState } from 'react';
 
-function MessageActionOfCopy({ value, onCopied }: { value: string; onCopied?: () => void }) {
+function MessageActionOfCopy({
+  value,
+  onCopied,
+  className,
+}: {
+  value: string;
+  onCopied?: () => void;
+  className?: string;
+}) {
   const [active, setActive] = useState(false);
   const { message } = App.useApp();
 
@@ -22,7 +31,11 @@ function MessageActionOfCopy({ value, onCopied }: { value: string; onCopied?: ()
 
   return (
     <Tooltip title="复制">
-      <Copy value={value} className="cursor-pointer text-03" onCopied={handleCopied}>
+      <Copy
+        value={value}
+        className={classNames('cursor-pointer text-03', className)}
+        onCopied={handleCopied}
+      >
         <Button
           type="text"
           size="small"
@@ -37,9 +50,11 @@ function MessageActionOfCopy({ value, onCopied }: { value: string; onCopied?: ()
 function MessageActionOfLike({
   active: propsActive,
   onClick,
+  className,
 }: {
   active?: boolean;
   onClick?: (active: boolean) => Promise<void>;
+  className?: string;
 }) {
   const { message } = App.useApp();
   const [active, setActive] = useState(propsActive || false);
@@ -60,7 +75,7 @@ function MessageActionOfLike({
         type="text"
         onClick={handleClick}
         size="small"
-        className="text-03"
+        className={classNames('text-03', className)}
         icon={active ? <LikeFilled /> : <LikeOutlined />}
       />
     </Tooltip>
@@ -70,9 +85,11 @@ function MessageActionOfLike({
 function MessageActionOfDislike({
   active: propsActive,
   onClick,
+  className,
 }: {
   active?: boolean;
   onClick?: (active: boolean) => Promise<void>;
+  className?: string;
 }) {
   const [active, setActive] = useState(propsActive || false);
   const { message } = App.useApp();
@@ -93,7 +110,7 @@ function MessageActionOfDislike({
         type="text"
         onClick={handleClick}
         size="small"
-        className="text-03"
+        className={classNames('text-03', className)}
         icon={active ? <DislikeFilled /> : <DislikeOutlined />}
       />
     </Tooltip>
@@ -103,9 +120,11 @@ function MessageActionOfDislike({
 function MessageActionOfLinkAndDislike({
   value: propsValue,
   onChange,
+  className,
 }: {
   value?: -1 | 0 | 1;
   onChange?: (value: -1 | 0 | 1) => void;
+  className?: string;
 }) {
   const [value, setValue] = useState<(-1 | 0 | 1) | undefined>(propsValue);
 
@@ -122,6 +141,7 @@ function MessageActionOfLinkAndDislike({
           await Promise.resolve(onChange?.(newValue));
           setValue(newValue);
         }}
+        className={className}
       />
       <MessageActionOfDislike
         active={value === -1}
@@ -130,6 +150,7 @@ function MessageActionOfLinkAndDislike({
           await Promise.resolve(onChange?.(newValue));
           setValue(newValue);
         }}
+        className={className}
       />
     </>
   );