@agentscope-ai/chat 1.1.63 → 1.1.64-beta.1779184304979

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Request/Card.tsx

@@ -3,10 +3,13 @@ import { AgentScopeRuntimeContentType, IAgentScopeRuntimeRequest } from '../type
 import { useMemo } from 'react';
 import { Bubble } from '@agentscope-ai/chat';
 import Actions from './Actions';
+import { useChatAnywhereOptions } from '../../Context/ChatAnywhereOptionsContext';
 
 export default function AgentScopeRuntimeRequestCard(props: {
   data: IAgentScopeRuntimeRequest;
 }) {
+  const onFileCardClick = useChatAnywhereOptions(v => v.api?.onFileCardClick);
+
   const cards = useMemo(() => {
 
     return props.data.input[0].content.reduce<any>((p, c) => {
@@ -63,6 +66,7 @@ export default function AgentScopeRuntimeRequestCard(props: {
           p.push({
             code: 'Files',
             data: [{ url: c.file_url, name: c.file_name || c.fileName, size: c.file_size }],
+            onClick: onFileCardClick,
           });
         } else {
           fileCard.data.push({ url: c.file_url, name: c.file_name || c.fileName, size: c.file_size });
@@ -70,7 +74,7 @@ export default function AgentScopeRuntimeRequestCard(props: {
       }
       return p;
     }, []);
-  }, [props.data.input]);
+  }, [props.data.input, onFileCardClick]);
 
   if (!cards?.length) return null;
 

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Message.tsx

@@ -9,6 +9,7 @@ import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext
 
 const Message = React.memo(function ({ data }: { data: IAgentScopeRuntimeMessage }) {
   const replaceMediaURL = useChatAnywhereOptions(v => v.api?.replaceMediaURL);
+  const onFileCardClick = useChatAnywhereOptions(v => v.api?.onFileCardClick);
   const formatMediaURL = React.useCallback((url?: string) => {
     if (!url) return url;
     return replaceMediaURL?.(url) || url;
@@ -36,7 +37,7 @@ const Message = React.memo(function ({ data }: { data: IAgentScopeRuntimeMessage
               url: formatMediaURL(item.file_url),
               name: item.file_name || item.fileName || item.file_id,
               size: item.file_size,
-            }]}></Files>
+            }]} onClick={onFileCardClick}></Files>
           case AgentScopeRuntimeContentType.AUDIO:
             return <Audios key={index} data={[{ src: formatMediaURL(item.audio_url || item.data) }]}></Audios>
           default:

package/components/AgentScopeRuntimeWebUI/core/types/IChatAnywhere.ts

@@ -68,6 +68,12 @@ export interface IAgentScopeRuntimeWebUIAPIOptions {
    * @descriptionEn Custom media URL transformer (e.g. sign URL, replace CDN domain)
    */
   replaceMediaURL?: (url: string) => string;
+
+  /**
+   * @description 自定义文件点击事件（桌面端可通过此钩子调用原生 API 打开文件链接），不传则默认 window.open
+   * @descriptionEn Custom file click handler (desktop apps can use native APIs to open file URLs), defaults to window.open
+   */
+  onFileCardClick?: (file: { url?: string; name?: string; size?: number }) => void;
 }
 
 /**

package/components/DefaultCards/Files/index.tsx

@@ -56,7 +56,11 @@ export default function Files(props) {
 
           {
             fileInfo.url && <div className={`${prefixCls}-download`} onClick={() => {
-              window.open(fileInfo.url, '_blank');
+              if (props.onClick) {
+                props.onClick(fileInfo);
+              } else {
+                window.open(fileInfo.url, '_blank');
+              }
             }}>
               <SparkDownloadLine />
             </div>

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Request/Card.js

@@ -2,10 +2,15 @@ import { AgentScopeRuntimeContentType } from "../types";
 import { useMemo } from 'react';
 import { Bubble } from "../../../..";
 import Actions from "./Actions";
+import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function AgentScopeRuntimeRequestCard(props) {
+  var onFileCardClick = useChatAnywhereOptions(function (v) {
+    var _v$api;
+    return (_v$api = v.api) === null || _v$api === void 0 ? void 0 : _v$api.onFileCardClick;
+  });
   var cards = useMemo(function () {
     return props.data.input[0].content.reduce(function (p, c) {
       if (c.type === AgentScopeRuntimeContentType.TEXT) {
@@ -81,7 +86,8 @@ export default function AgentScopeRuntimeRequestCard(props) {
               url: c.file_url,
               name: c.file_name || c.fileName,
               size: c.file_size
-            }]
+            }],
+            onClick: onFileCardClick
           });
         } else {
           fileCard.data.push({
@@ -93,7 +99,7 @@ export default function AgentScopeRuntimeRequestCard(props) {
       }
       return p;
     }, []);
-  }, [props.data.input]);
+  }, [props.data.input, onFileCardClick]);
   if (!(cards !== null && cards !== void 0 && cards.length)) return null;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Bubble, {

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Message.js

@@ -15,6 +15,10 @@ var Message = /*#__PURE__*/React.memo(function (_ref) {
     var _v$api;
     return (_v$api = v.api) === null || _v$api === void 0 ? void 0 : _v$api.replaceMediaURL;
   });
+  var onFileCardClick = useChatAnywhereOptions(function (v) {
+    var _v$api2;
+    return (_v$api2 = v.api) === null || _v$api2 === void 0 ? void 0 : _v$api2.onFileCardClick;
+  });
   var formatMediaURL = React.useCallback(function (url) {
     if (!url) return url;
     return (replaceMediaURL === null || replaceMediaURL === void 0 ? void 0 : replaceMediaURL(url)) || url;
@@ -52,7 +56,8 @@ var Message = /*#__PURE__*/React.memo(function (_ref) {
               url: formatMediaURL(item.file_url),
               name: item.file_name || item.fileName || item.file_id,
               size: item.file_size
-            }]
+            }],
+            onClick: onFileCardClick
           }, index);
         case AgentScopeRuntimeContentType.AUDIO:
           return /*#__PURE__*/_jsx(Audios, {

package/lib/AgentScopeRuntimeWebUI/core/types/IChatAnywhere.d.ts

@@ -58,6 +58,15 @@ export interface IAgentScopeRuntimeWebUIAPIOptions {
      * @descriptionEn Custom media URL transformer (e.g. sign URL, replace CDN domain)
      */
     replaceMediaURL?: (url: string) => string;
+    /**
+     * @description 自定义文件点击事件（桌面端可通过此钩子调用原生 API 打开文件链接），不传则默认 window.open
+     * @descriptionEn Custom file click handler (desktop apps can use native APIs to open file URLs), defaults to window.open
+     */
+    onFileCardClick?: (file: {
+        url?: string;
+        name?: string;
+        size?: number;
+    }) => void;
 }
 /**
  * @description 主题配置选项

package/lib/DefaultCards/Files/index.js

@@ -45,7 +45,11 @@ export default function Files(props) {
           }), fileInfo.url && /*#__PURE__*/_jsx("div", {
             className: "".concat(prefixCls, "-download"),
             onClick: function onClick() {
-              window.open(fileInfo.url, '_blank');
+              if (props.onClick) {
+                props.onClick(fileInfo);
+              } else {
+                window.open(fileInfo.url, '_blank');
+              }
             },
             children: /*#__PURE__*/_jsx(SparkDownloadLine, {})
           })]

package/package.json

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