@fe-free/ai 4.1.14 → 4.1.16

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @fe-free/ai
 
+## 4.1.16
+
+### Patch Changes
+
+- feat: ai
+  - @fe-free/core@4.1.16
+  - @fe-free/icons@4.1.16
+  - @fe-free/tool@4.1.16
+
+## 4.1.15
+
+### Patch Changes
+
+- feat: ai
+  - @fe-free/core@4.1.15
+  - @fe-free/icons@4.1.15
+  - @fe-free/tool@4.1.15
+
 ## 4.1.14
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/ai",
-  "version": "4.1.14",
+  "version": "4.1.16",
   "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.14"
+    "@fe-free/core": "4.1.16"
   },
   "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.14",
-    "@fe-free/tool": "4.1.14"
+    "@fe-free/icons": "4.1.16",
+    "@fe-free/tool": "4.1.16"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/messages/message_actions.tsx

@@ -8,7 +8,7 @@ import {
   LikeOutlined,
 } from '@fe-free/icons';
 import { App, Button, Tooltip } from 'antd';
-import { useCallback, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 function MessageActionOfCopy({ value, onCopied }: { value: string; onCopied?: () => void }) {
   const [active, setActive] = useState(false);
@@ -34,13 +34,25 @@ function MessageActionOfCopy({ value, onCopied }: { value: string; onCopied?: ()
   );
 }
 
-function MessageActionOfLike({ onClick }: { onClick?: (active: boolean) => Promise<void> }) {
-  const [active, setActive] = useState(false);
+function MessageActionOfLike({
+  active: propsActive,
+  onClick,
+}: {
+  active?: boolean;
+  onClick?: (active: boolean) => Promise<void>;
+}) {
+  const { message } = App.useApp();
+  const [active, setActive] = useState(propsActive || false);
+
+  useEffect(() => {
+    setActive(!!propsActive);
+  }, [propsActive]);
 
   const handleClick = useCallback(async () => {
     await Promise.resolve(onClick?.(!active));
     setActive(!active);
-  }, [onClick, active]);
+    message.success(!active ? '点赞成功' : '取消点赞成功');
+  }, [onClick, active, message]);
 
   return (
     <Tooltip title={active ? '取消点赞' : '点赞'}>
@@ -55,13 +67,25 @@ function MessageActionOfLike({ onClick }: { onClick?: (active: boolean) => Promi
   );
 }
 
-function MessageActionOfDislike({ onClick }: { onClick?: (active: boolean) => Promise<void> }) {
-  const [active, setActive] = useState(false);
+function MessageActionOfDislike({
+  active: propsActive,
+  onClick,
+}: {
+  active?: boolean;
+  onClick?: (active: boolean) => Promise<void>;
+}) {
+  const [active, setActive] = useState(propsActive || false);
+  const { message } = App.useApp();
+
+  useEffect(() => {
+    setActive(!!propsActive);
+  }, [propsActive]);
 
   const handleClick = useCallback(async () => {
     await Promise.resolve(onClick?.(!active));
     setActive(!active);
-  }, [onClick, active]);
+    message.success(!active ? '点踩成功' : '取消点踩成功');
+  }, [onClick, active, message]);
 
   return (
     <Tooltip title={active ? '取消点踩' : '点踩'}>
@@ -76,10 +100,46 @@ function MessageActionOfDislike({ onClick }: { onClick?: (active: boolean) => Pr
   );
 }
 
+function MessageActionOfLinkAndDislike({
+  value: propsValue,
+  onChange,
+}: {
+  value?: -1 | 0 | 1;
+  onChange?: (value: -1 | 0 | 1) => void;
+}) {
+  const [value, setValue] = useState<(-1 | 0 | 1) | undefined>(propsValue);
+
+  useEffect(() => {
+    setValue(propsValue);
+  }, [propsValue]);
+
+  return (
+    <>
+      <MessageActionOfLike
+        active={value === 1}
+        onClick={async () => {
+          const newValue = value === 1 ? 0 : 1;
+          await Promise.resolve(onChange?.(newValue));
+          setValue(newValue);
+        }}
+      />
+      <MessageActionOfDislike
+        active={value === -1}
+        onClick={async () => {
+          const newValue = value === -1 ? 0 : -1;
+          await Promise.resolve(onChange?.(newValue));
+          setValue(newValue);
+        }}
+      />
+    </>
+  );
+}
+
 const MessageActions = {
   Copy: MessageActionOfCopy,
   Like: MessageActionOfLike,
   Dislike: MessageActionOfDislike,
+  LinkAndDislike: MessageActionOfLinkAndDislike,
 };
 
 export { MessageActions };

package/src/store/types.ts

@@ -20,7 +20,7 @@ interface ChatMessageOfUser {
 
 interface ChatMessageOfAI<AIData> {
   data?: AIData;
-  /** 按需存取 */
+  // 其他字段，根据业务需要使用
   session_id?: string;
 }