@agentscope-ai/chat 1.1.45-beta.1766049774988 → 1.1.45-beta.1766386435551

package/components/ChatAnywhere/Input/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'
-import { UploadFile } from 'antd';
+import { Flex, Popover, UploadFile } from 'antd';
 import { useProviderContext, ChatInput, uuid, Sender, Attachments } from '@agentscope-ai/chat';
 import cls from 'classnames';
 import { useChatAnywhere } from '../hooks/ChatAnywhereProvider';
@@ -31,7 +31,7 @@ export default forwardRef(function (_, ref) {
   useEffect(() => {
     attachedFilesRef.current = attachedFiles;
   }, [attachedFiles]);
-  
+
   const uiConfig = useChatAnywhere(v => v.uiConfig);
   const { getPrefixCls } = useProviderContext();
   const prefixCls = getPrefixCls('chat-anywhere-sender');
@@ -85,8 +85,11 @@ export default forwardRef(function (_, ref) {
     })
   }
 
-  const prefixNodes = onInput.variant !== 'aigc' && onUpload?.length ?
-    onUpload.map((item, index) => {
+  const uploadPrefixNodes = useMemo(() => {
+    if (onInput.variant === 'aigc' || !onUpload?.length) {
+      return [];
+    }
+    const nodes = onUpload.map((item, index) => {
       return <Upload
         {...item}
         fileList={attachedFiles[index]}
@@ -102,12 +105,26 @@ export default forwardRef(function (_, ref) {
         }}
         showUploadList={false}
       >
-        <IconButton
-          icon={item.icon}
-          bordered={false}
-        />
+        {
+          item.trigger || <IconButton
+            icon={item.icon}
+            bordered={false}
+          />
+        }
       </Upload>
-    }) : [];
+    });
+
+    if (nodes.length === 1) return nodes;
+    return <Popover content={nodes} trigger="click">
+      <Flex vertical>
+        {nodes}
+      </Flex>
+    </Popover>
+
+
+  }, [onInput.variant, onUpload, attachedFiles]);
+
+
 
 
   // aigc 模式下的 header
@@ -162,7 +179,7 @@ export default forwardRef(function (_, ref) {
         if (trimmed.startsWith('.')) {
           return fileName.toLowerCase().endsWith(trimmed.toLowerCase());
         }
-        
+
         // Wildcard: image/*, */*
         if (trimmed.includes('*')) {
           if (trimmed === '*/*') return true;
@@ -170,7 +187,7 @@ export default forwardRef(function (_, ref) {
           const [fileMain] = fileType.split('/');
           return acceptMain === fileMain;
         }
-        
+
         // Exact: image/jpeg
         return fileType === trimmed;
       });
@@ -225,7 +242,7 @@ export default forwardRef(function (_, ref) {
       const getExtension = () => {
         const nameMatch = fileName.match(/\.([^.]+)$/);
         if (nameMatch) return nameMatch[1].toLowerCase();
-        
+
         const typeMatch = fileType.match(/\/([^/+]+)/);
         return typeMatch ? typeMatch[1].toLowerCase() : 'bin';
       };
@@ -257,7 +274,7 @@ export default forwardRef(function (_, ref) {
       setAttachedFiles(prev => {
         const updated = [...prev];
         const currentList = updated[uploadIndex] || [];
-        
+
         // If not multiple, replace existing files
         if (!uploadConfig.multiple) {
           updated[uploadIndex] = [uploadFile];
@@ -296,11 +313,11 @@ export default forwardRef(function (_, ref) {
           updateFile({ percent: event.percent });
         },
       } as any, {
-        defaultRequest: () => {}
+        defaultRequest: () => { }
       });
     }
   };
-  
+
   // 检查是否有必需的上传项没有文件
   const requiredFileMissing = useMemo(() => {
     return onUpload?.some((item, index) => {
@@ -311,7 +328,7 @@ export default forwardRef(function (_, ref) {
       return false;
     }) ?? false;
   }, [onUpload, attachedFiles]);
-  
+
   const sendDisabled = requiredFileMissing;
 
   return <>
@@ -340,7 +357,7 @@ export default forwardRef(function (_, ref) {
         scalable={onInput?.zoomable}
         header={senderHeader}
         prefix={<>
-          {prefixNodes}
+          {uploadPrefixNodes}
           {onInput?.morePrefixActions}
         </>}
         onSubmit={async () => {

package/components/ChatAnywhere/hooks/types.ts

@@ -234,6 +234,7 @@ export interface IChatAnywhereConfigOnUpload {
    * @descriptionEn Description for the upload component
    */
   description?: string | React.ReactElement;
+  trigger?: React.ReactElement;
 }
 
 export interface IChatAnywhereConfig {

package/components/GenerativeUI/Sandbox.tsx

@@ -0,0 +1,7 @@
+export default function Iframe() {
+  return <iframe srcDoc={`<html>
+    <body>
+      <h1>Hello, world!</h1>
+    </body>
+  </html>`} />
+}

package/components/GenerativeUI/index.tsx

@@ -0,0 +1 @@
+export { default as Sandbox } from './Sandbox';

package/components/index.ts

@@ -85,4 +85,6 @@ export {
   type MarkdownProps,
 } from './Markdown';
 
-export { default as AIGC } from './AIGC';
+export { default as AIGC } from './AIGC';
+
+export { Sandbox as GenerativeUISandbox } from './GenerativeUI';

package/lib/ChatAnywhere/Input/index.js

@@ -18,6 +18,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
+import { Flex, Popover } from 'antd';
 import { useProviderContext, ChatInput, Sender, Attachments } from "../..";
 import cls from 'classnames';
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
@@ -123,24 +124,38 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
       return _ref.apply(this, arguments);
     };
   }();
-  var prefixNodes = onInput.variant !== 'aigc' && onUpload !== null && onUpload !== void 0 && onUpload.length ? onUpload.map(function (item, index) {
-    return /*#__PURE__*/_createElement(Upload, _objectSpread(_objectSpread({}, item), {}, {
-      fileList: attachedFiles[index],
-      key: index,
-      onChange: function onChange(info) {
-        if (item.beforeUpload && info.file.status) {
-          handleFileChange(index, info.fileList);
-        }
-        if (!item.beforeUpload) {
-          handleFileChange(index, info.fileList);
-        }
-      },
-      showUploadList: false
-    }), /*#__PURE__*/_jsx(IconButton, {
-      icon: item.icon,
-      bordered: false
-    }));
-  }) : [];
+  var uploadPrefixNodes = useMemo(function () {
+    if (onInput.variant === 'aigc' || !(onUpload !== null && onUpload !== void 0 && onUpload.length)) {
+      return [];
+    }
+    var nodes = onUpload.map(function (item, index) {
+      return /*#__PURE__*/_createElement(Upload, _objectSpread(_objectSpread({}, item), {}, {
+        fileList: attachedFiles[index],
+        key: index,
+        onChange: function onChange(info) {
+          if (item.beforeUpload && info.file.status) {
+            handleFileChange(index, info.fileList);
+          }
+          if (!item.beforeUpload) {
+            handleFileChange(index, info.fileList);
+          }
+        },
+        showUploadList: false
+      }), item.trigger || /*#__PURE__*/_jsx(IconButton, {
+        icon: item.icon,
+        bordered: false
+      }));
+    });
+    if (nodes.length === 1) return nodes;
+    return /*#__PURE__*/_jsx(Popover, {
+      content: nodes,
+      trigger: "click",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        children: nodes
+      })
+    });
+  }, [onInput.variant, onUpload, attachedFiles]);
 
   // aigc 模式下的 header
   var aigcSenderHeader = /*#__PURE__*/_jsx(AIGC.SenderHeader, {
@@ -377,7 +392,7 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
         scalable: onInput === null || onInput === void 0 ? void 0 : onInput.zoomable,
         header: senderHeader,
         prefix: /*#__PURE__*/_jsxs(_Fragment, {
-          children: [prefixNodes, onInput === null || onInput === void 0 ? void 0 : onInput.morePrefixActions]
+          children: [uploadPrefixNodes, onInput === null || onInput === void 0 ? void 0 : onInput.morePrefixActions]
         }),
         onSubmit: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
           var next;

package/lib/ChatAnywhere/hooks/types.d.ts

@@ -231,6 +231,7 @@ export interface IChatAnywhereConfigOnUpload {
      * @descriptionEn Description for the upload component
      */
     description?: string | React.ReactElement;
+    trigger?: React.ReactElement;
 }
 export interface IChatAnywhereConfig {
     /**

package/lib/GenerativeUI/Sandbox.d.ts

@@ -0,0 +1 @@
+export default function Iframe(): import("react/jsx-runtime").JSX.Element;

package/lib/GenerativeUI/Sandbox.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Iframe() {
+  return /*#__PURE__*/_jsx("iframe", {
+    srcDoc: "<html>\n    <body>\n      <h1>Hello, world!</h1>\n    </body>\n  </html>"
+  });
+}

package/lib/GenerativeUI/index.d.ts

@@ -0,0 +1 @@
+export { default as Sandbox } from './Sandbox';

package/lib/GenerativeUI/index.js

@@ -0,0 +1 @@
+export { default as Sandbox } from "./Sandbox";

package/lib/index.d.ts

@@ -26,3 +26,4 @@ export { default as sleep } from './Util/sleep';
 export { default as Welcome, type IWelcomeProps } from './Welcome';
 export { default as Markdown, type MarkdownProps as IMarkdownProps, type MarkdownProps, } from './Markdown';
 export { default as AIGC } from './AIGC';
+export { Sandbox as GenerativeUISandbox } from './GenerativeUI';

package/lib/index.js

@@ -24,4 +24,5 @@ export { default as StatusCard } from "./StatusCard";
 export { default as sleep } from "./Util/sleep";
 export { default as Welcome } from "./Welcome";
 export { default as Markdown } from "./Markdown";
-export { default as AIGC } from "./AIGC";
+export { default as AIGC } from "./AIGC";
+export { Sandbox as GenerativeUISandbox } from "./GenerativeUI";

package/package.json

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