@fe-free/ai 6.0.18 → 6.0.20

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @fe-free/ai
 
+## 6.0.20
+
+### Patch Changes
+
+- ai
+  - @fe-free/core@6.0.20
+  - @fe-free/icons@6.0.20
+  - @fe-free/tool@6.0.20
+
+## 6.0.19
+
+### Patch Changes
+
+- Updated dependencies
+  - @fe-free/core@6.0.19
+  - @fe-free/icons@6.0.19
+  - @fe-free/tool@6.0.19
+
 ## 6.0.18
 
 ### Patch Changes

package/package.json

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

package/src/chat/index.tsx

@@ -1,6 +1,7 @@
 import { PageLayout } from '@fe-free/core';
 
 function Chat({
+  className,
   start,
   startClassName,
   end,
@@ -8,6 +9,7 @@ function Chat({
   children,
   childrenClassName,
 }: {
+  className?: string;
   start?: React.ReactNode;
   startClassName?: string;
   end?: React.ReactNode;
@@ -18,6 +20,7 @@ function Chat({
   return (
     <PageLayout
       direction="vertical"
+      className={className}
       start={start}
       startClassName={startClassName}
       end={end}

package/src/messages/message_actions.tsx

@@ -9,7 +9,12 @@ import {
 } from '@fe-free/icons';
 import { App, Button, Tooltip } from 'antd';
 import classNames from 'classnames';
-import { useCallback, useEffect, useState } from 'react';
+import { type ReactNode, useCallback, useEffect, useState } from 'react';
+
+type MessageActionIconProps = {
+  activeIcon?: ReactNode;
+  icon?: ReactNode;
+};
 
 function MessageActionOfCopy({
   value,
@@ -51,11 +56,13 @@ function MessageActionOfLike({
   active: propsActive,
   onClick,
   className,
+  activeIcon,
+  icon,
 }: {
   active?: boolean;
   onClick?: (active: boolean) => Promise<void>;
   className?: string;
-}) {
+} & MessageActionIconProps) {
   const { message } = App.useApp();
   const [active, setActive] = useState(propsActive || false);
 
@@ -76,7 +83,19 @@ function MessageActionOfLike({
         onClick={handleClick}
         size="small"
         className={classNames('text-03', className)}
-        icon={active ? <LikeFilled /> : <LikeOutlined />}
+        icon={
+          active ? (
+            activeIcon !== undefined ? (
+              activeIcon
+            ) : (
+              <LikeFilled />
+            )
+          ) : icon !== undefined ? (
+            icon
+          ) : (
+            <LikeOutlined />
+          )
+        }
       />
     </Tooltip>
   );
@@ -86,11 +105,13 @@ function MessageActionOfDislike({
   active: propsActive,
   onClick,
   className,
+  activeIcon,
+  icon,
 }: {
   active?: boolean;
   onClick?: (active: boolean) => Promise<void>;
   className?: string;
-}) {
+} & MessageActionIconProps) {
   const [active, setActive] = useState(propsActive || false);
   const { message } = App.useApp();
 
@@ -111,7 +132,19 @@ function MessageActionOfDislike({
         onClick={handleClick}
         size="small"
         className={classNames('text-03', className)}
-        icon={active ? <DislikeFilled /> : <DislikeOutlined />}
+        icon={
+          active ? (
+            activeIcon !== undefined ? (
+              activeIcon
+            ) : (
+              <DislikeFilled />
+            )
+          ) : icon !== undefined ? (
+            icon
+          ) : (
+            <DislikeOutlined />
+          )
+        }
       />
     </Tooltip>
   );
@@ -121,10 +154,18 @@ function MessageActionOfLikeAndDislike({
   value: propsValue,
   onChange,
   className,
+  likeActiveIcon,
+  likeIcon,
+  dislikeActiveIcon,
+  dislikeIcon,
 }: {
   value?: -1 | 0 | 1;
   onChange?: (value: -1 | 0 | 1) => void;
   className?: string;
+  likeActiveIcon?: ReactNode;
+  likeIcon?: ReactNode;
+  dislikeActiveIcon?: ReactNode;
+  dislikeIcon?: ReactNode;
 }) {
   const [value, setValue] = useState<(-1 | 0 | 1) | undefined>(propsValue);
 
@@ -136,6 +177,8 @@ function MessageActionOfLikeAndDislike({
     <>
       <MessageActionOfLike
         active={value === 1}
+        activeIcon={likeActiveIcon}
+        icon={likeIcon}
         onClick={async () => {
           const newValue = value === 1 ? 0 : 1;
           await Promise.resolve(onChange?.(newValue));
@@ -145,6 +188,8 @@ function MessageActionOfLikeAndDislike({
       />
       <MessageActionOfDislike
         active={value === -1}
+        activeIcon={dislikeActiveIcon}
+        icon={dislikeIcon}
         onClick={async () => {
           const newValue = value === -1 ? 0 : -1;
           await Promise.resolve(onChange?.(newValue));