@agentscope-ai/chat 1.1.45-beta.1766388936317 → 1.1.45-beta.1766389993910

package/components/ChatAnywhere/Input/index.tsx

@@ -4,9 +4,9 @@ import { useProviderContext, ChatInput, uuid, Sender, Attachments } from '@agent
 import cls from 'classnames';
 import { useChatAnywhere } from '../hooks/ChatAnywhereProvider';
 import { useInput } from '../hooks/useInput';
-import { Button, GetProp, Space, Upload } from 'antd';
+import { GetProp, Space, Upload } from 'antd';
 import Style from './style';
-import { IconButton } from '@agentscope-ai/design';
+import { IconButton, Button } from '@agentscope-ai/design';
 import { AIGC } from '@agentscope-ai/chat';
 import { PlusOutlined } from '@ant-design/icons';
 
@@ -91,6 +91,23 @@ export default forwardRef(function (_, ref) {
       return [];
     }
     const nodes = onUpload.map((item, index) => {
+
+      let trigger;
+
+      if (item.trigger) {
+        trigger = item.trigger;
+      } else if (item.title || item.description) {
+        trigger = <Button type='text' icon={item.icon} >
+          {item.title && <span>{item.title}</span>}
+          {item.description && <span style={{ fontSize: '0.8em', opacity: 0.8 }}>{item.description}</span>}
+        </Button>
+      } else {
+        trigger = <IconButton
+          icon={item.icon}
+          bordered={false}
+        />
+      }
+
       return <Upload
         {...item}
         fileList={attachedFiles[index]}
@@ -107,10 +124,7 @@ export default forwardRef(function (_, ref) {
         showUploadList={false}
       >
         {
-          item.trigger || <IconButton
-            icon={item.icon}
-            bordered={false}
-          />
+          trigger
         }
       </Upload>
     });
@@ -118,7 +132,7 @@ export default forwardRef(function (_, ref) {
     if (nodes.length === 1) return nodes;
     return <Popover content={<Flex vertical>
       {nodes}
-    </Flex>} trigger="click">
+    </Flex>} trigger="click" styles={{ body: { padding: 4 } }}>
       <IconButton
         icon={<PlusOutlined />}
         bordered={false}

package/lib/ChatAnywhere/Input/index.js

@@ -25,13 +25,13 @@ import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
 import { useInput } from "../hooks/useInput";
 import { Upload } from 'antd';
 import Style from "./style";
-import { IconButton } from '@agentscope-ai/design';
+import { IconButton, Button } from '@agentscope-ai/design';
 import { AIGC } from "../..";
 import { PlusOutlined } from "@agentscope-ai/icons-override-antd";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export default /*#__PURE__*/forwardRef(function (_, ref) {
   var _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -130,6 +130,29 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
       return [];
     }
     var nodes = onUpload.map(function (item, index) {
+      var trigger;
+      if (item.trigger) {
+        trigger = item.trigger;
+      } else if (item.title || item.description) {
+        trigger = /*#__PURE__*/_jsxs(Button, {
+          type: "text",
+          icon: item.icon,
+          children: [item.title && /*#__PURE__*/_jsx("span", {
+            children: item.title
+          }), item.description && /*#__PURE__*/_jsx("span", {
+            style: {
+              fontSize: '0.8em',
+              opacity: 0.8
+            },
+            children: item.description
+          })]
+        });
+      } else {
+        trigger = /*#__PURE__*/_jsx(IconButton, {
+          icon: item.icon,
+          bordered: false
+        });
+      }
       return /*#__PURE__*/_createElement(Upload, _objectSpread(_objectSpread({}, item), {}, {
         fileList: attachedFiles[index],
         key: index,
@@ -142,10 +165,7 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
           }
         },
         showUploadList: false
-      }), item.trigger || /*#__PURE__*/_jsx(IconButton, {
-        icon: item.icon,
-        bordered: false
-      }));
+      }), trigger);
     });
     if (nodes.length === 1) return nodes;
     return /*#__PURE__*/_jsx(Popover, {
@@ -154,6 +174,11 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
         children: nodes
       }),
       trigger: "click",
+      styles: {
+        body: {
+          padding: 4
+        }
+      },
       children: /*#__PURE__*/_jsx(IconButton, {
         icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
         bordered: false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.45-beta.1766388936317",
+  "version": "1.1.45-beta.1766389993910",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [