@ray-js/t-agent-ui-ray 0.1.1 → 0.2.0-beta-1

package/dist/hooks/useAttachmentInput.js

@@ -4,10 +4,15 @@ import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/esnext.iterator.some.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import { useCallback, useMemo, useState } from 'react';
-import { chooseImage, chooseVideo, uploadImage, uploadVideo } from '@ray-js/t-agent-plugin-assistant';
+import { chooseImage, chooseVideo, uploadImage, uploadVideo } from '../utils/file';
 import { generateId } from '@ray-js/t-agent';
 import { useRenderOptions } from './context';
 export function useAttachmentInput() {
+  let {
+    local
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    local: false
+  };
   const [uploaded, setUploaded] = useState([]);
   const uploading = useMemo(() => uploaded.some(file => file.type === 'loading'), [uploaded]);
   const blocks = useMemo(() => {
@@ -15,26 +20,45 @@ export function useAttachmentInput() {
     if (uploaded.length) {
       for (const uploadFile of uploaded) {
         if (uploadFile.type === 'image') {
-          b.push({
-            type: 'image_url',
-            image_url: {
-              url: uploadFile.url
-            }
-          });
+          if (local) {
+            b.push({
+              type: 'image_path',
+              image_path: {
+                path: uploadFile.url
+              }
+            });
+          } else {
+            b.push({
+              type: 'image_url',
+              image_url: {
+                url: uploadFile.url
+              }
+            });
+          }
         }
         if (uploadFile.type === 'video') {
-          b.push({
-            type: 'video_url',
-            video_url: {
-              url: uploadFile.url,
-              thumb_url: uploadFile.thumbUrl
-            }
-          });
+          if (local) {
+            b.push({
+              type: 'video_path',
+              video_path: {
+                path: uploadFile.url,
+                thumb_path: uploadFile.thumbUrl
+              }
+            });
+          } else {
+            b.push({
+              type: 'video_url',
+              video_url: {
+                url: uploadFile.url,
+                thumb_url: uploadFile.thumbUrl
+              }
+            });
+          }
         }
       }
     }
     return b;
-  }, [uploaded]);
+  }, [uploaded, local]);
   const loadBlocks = useCallback((blocks, append) => {
     const uploaded = [];
     for (const block of blocks) {
@@ -75,18 +99,26 @@ export function useAttachmentInput() {
       await Promise.all(paths.map(async path => {
         const id = generateId();
         try {
-          setUploaded(prev => [...prev, {
-            id,
-            type: 'loading'
-          }]);
-          const {
-            publicUrl
-          } = await uploadImage(path, getStaticResourceBizType(path, 'image:upload'));
-          setUploaded(prev => prev.map(item => item.id === id ? {
-            id,
-            type: 'image',
-            url: publicUrl
-          } : item));
+          if (local) {
+            setUploaded(prev => [...prev, {
+              id,
+              type: 'image',
+              url: path
+            }]);
+          } else {
+            setUploaded(prev => [...prev, {
+              id,
+              type: 'loading'
+            }]);
+            const {
+              publicUrl
+            } = await uploadImage(path, getStaticResourceBizType(path, 'image:upload'));
+            setUploaded(prev => prev.map(item => item.id === id ? {
+              id,
+              type: 'image',
+              url: publicUrl
+            } : item));
+          }
         } catch (error) {
           setUploaded(prev => prev.filter(item => item.id !== id));
           throw error;
@@ -108,13 +140,22 @@ export function useAttachmentInput() {
           type: 'loading'
         }]);
         try {
-          const [thumb, video] = await Promise.all([uploadImage(file.thumbTempFilePath, getStaticResourceBizType(file.thumbTempFilePath, 'videoThumb:upload')), uploadVideo(file.tempFilePath, getStaticResourceBizType(file.tempFilePath, 'video:upload'))]);
-          setUploaded(prev => prev.map(item => item.id === id ? {
-            id,
-            type: 'video',
-            url: video.publicUrl,
-            thumbUrl: thumb.publicUrl
-          } : item));
+          if (local) {
+            setUploaded(prev => [...prev, {
+              id,
+              type: 'video',
+              url: file.tempFilePath,
+              thumbUrl: file.thumbTempFilePath
+            }]);
+          } else {
+            const [thumb, video] = await Promise.all([uploadImage(file.thumbTempFilePath, getStaticResourceBizType(file.thumbTempFilePath, 'videoThumb:upload')), uploadVideo(file.tempFilePath, getStaticResourceBizType(file.tempFilePath, 'video:upload'))]);
+            setUploaded(prev => prev.map(item => item.id === id ? {
+              id,
+              type: 'video',
+              url: video.publicUrl,
+              thumbUrl: thumb.publicUrl
+            } : item));
+          }
         } catch (error) {
           setUploaded(prev => prev.filter(item => item.id !== id));
           throw error;

package/dist/hooks/useLongPress.d.ts

@@ -2,7 +2,7 @@ import { ChatMessageObject } from '@ray-js/t-agent';
 /**
  * 预定义动作类型
  */
-export type ActionType = 'copy' | 'delete' | 'like' | 'unlike' | 'deleteByChannel';
+export type ActionType = 'copy' | 'delete' | 'like' | 'unlike' | 'deleteByChannel' | 'multSelect';
 export interface ActionMenuItem {
     key: string;
     label: string;

package/dist/hooks/useLongPress.js

@@ -5,7 +5,7 @@ import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import { useState, useEffect, useCallback } from 'react';
 import logger from '../logger';
-import { useChatAgent } from './context';
+import { useChatAgent, useEmitEvent } from './context';
 import { useTranslate } from './useTranslate';
 
 /**
@@ -20,7 +20,7 @@ export function useLongPress() {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     message,
-    actions = ['copy', 'delete'],
+    actions = ['copy', 'multSelect', 'delete'],
     getMessageContent = () => '',
     customActions = [],
     disabled = false
@@ -34,6 +34,7 @@ export function useLongPress() {
     }
   });
   const agent = useChatAgent();
+  const emitEvent = useEmitEvent();
   const t = useTranslate();
   const [screenSize, setScreenSize] = useState({
     width: 0,
@@ -78,6 +79,15 @@ export function useLongPress() {
             });
           }
           break;
+        case 'multSelect':
+          menuItems.push({
+            key: 'multSelect',
+            label: t('t-agent.message.action.multSelect'),
+            action: () => {
+              emitEvent('multSelect', {});
+            }
+          });
+          break;
         case 'delete':
           if (agent && message.id) {
             menuItems.push({
@@ -110,13 +120,11 @@ export function useLongPress() {
             key: 'deleteByChannel',
             label: t('t-agent.message.action.deleteByChannel'),
             action: () => {
-              const channel = agent.session.get('AIAssistant.channel');
-              const {
-                removeMessageByChannel
-              } = agent.plugins.assistant;
-              if (typeof removeMessageByChannel === 'function') {
-                removeMessageByChannel(channel);
-              }
+              // const channel = agent.session.get('AIAssistant.channel');
+              // const { removeMessageByChannel } = agent.plugins.assistant;
+              // if (typeof removeMessageByChannel === 'function') {
+              //   removeMessageByChannel(channel);
+              // }
             }
           });
           break;
@@ -125,19 +133,14 @@ export function useLongPress() {
             key: 'like',
             label: t('t-agent.message.action.like'),
             action: async () => {
-              const {
-                feedback
-              } = agent.plugins.assistant;
-              if (typeof feedback === 'function') {
-                await feedback({
-                  requestId: message.id,
-                  type: 'like'
-                });
-                ty.showToast({
-                  title: t('t-agent.message.like.success'),
-                  icon: 'none'
-                });
-              }
+              // const { feedback } = agent.plugins.assistant;
+              // if (typeof feedback === 'function') {
+              //   await feedback({ requestId: message.id, type: 'like' });
+              //   ty.showToast({
+              //     title: t('t-agent.message.like.success'),
+              //     icon: 'none',
+              //   });
+              // }
             }
           });
           break;
@@ -146,19 +149,14 @@ export function useLongPress() {
             key: 'unlike',
             label: t('t-agent.message.action.unlike'),
             action: async () => {
-              const {
-                feedback
-              } = agent.plugins.assistant;
-              if (typeof feedback === 'function') {
-                await feedback({
-                  requestId: message.id,
-                  type: 'unlike'
-                });
-                ty.showToast({
-                  title: t('t-agent.message.unlike.success'),
-                  icon: 'none'
-                });
-              }
+              // const { feedback } = agent.plugins.assistant;
+              // if (typeof feedback === 'function') {
+              //   await feedback({ requestId: message.id, type: 'unlike' });
+              //   ty.showToast({
+              //     title: t('t-agent.message.unlike.success'),
+              //     icon: 'none',
+              //   });
+              // }
             }
           });
           break;
@@ -202,6 +200,10 @@ export function useLongPress() {
   }, [screenSize, menuItems.length]);
   const handleLongPress = useCallback(e => {
     var _e$detail$x, _e$detail, _e$detail$y, _e$detail2;
+    // 透出长按
+    emitEvent('longPress', {
+      message
+    });
     if (disabled || !menuItems.length || state.showActionMenu) return;
 
     // 检查e.detail是否存在，如果不存在，使用屏幕中心点作为默认坐标
@@ -221,7 +223,7 @@ export function useLongPress() {
     if (e.origin && e.origin.stopPropagation) {
       e.origin.stopPropagation();
     }
-  }, [disabled, menuItems.length, state.showActionMenu, screenSize, calculateMenuPosition]);
+  }, [message, emitEvent, disabled, menuItems.length, state.showActionMenu, screenSize, calculateMenuPosition]);
   const handleCloseMenu = useCallback(() => {
     setState(prev => _objectSpread(_objectSpread({}, prev), {}, {
       isClosing: true

package/dist/hooks/useMultSelect.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const useMultSelectMessage: () => {
+    show: boolean;
+    select: string[];
+    onSelect: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    setShow: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/hooks/useMultSelect.js

@@ -0,0 +1,12 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useState } from 'react';
+export const useMultSelectMessage = () => {
+  const [select, setSelect] = useState([]);
+  const [show, setShow] = useState(false);
+  return {
+    show,
+    select,
+    onSelect: setSelect,
+    setShow
+  };
+};

package/dist/i18n/strings.d.ts

@@ -17,11 +17,15 @@ declare const _default: {
         't-agent.build-in.button.set_home_location': string;
         't-agent.input.voice.require-permission': string;
         't-agent.input.upload.failed': string;
+        't-agent.input.asr.oninput.text.top': string;
+        't-agent.input.asr.oninput.text.center': string;
+        't-agent.input.asr.ptt': string;
         't-agent.message.feedback.success': string;
         't-agent.message.bubble.aborted': string;
         't-agent.message.action.copy': string;
         't-agent.message.action.delete': string;
         't-agent.message.action.deleteByChannel': string;
+        't-agent.message.action.multSelect': string;
         't-agent.message.like.success': string;
         't-agent.message.unlike.success': string;
         't-agent.message.action.like': string;
@@ -145,11 +149,15 @@ declare const _default: {
         't-agent.build-in.button.set_home_location': string;
         't-agent.input.voice.require-permission': string;
         't-agent.input.upload.failed': string;
+        't-agent.input.asr.oninput.text.top': string;
+        't-agent.input.asr.oninput.text.center': string;
+        't-agent.input.asr.ptt': string;
         't-agent.message.feedback.success': string;
         't-agent.message.bubble.aborted': string;
         't-agent.message.action.copy': string;
         't-agent.message.action.delete': string;
         't-agent.message.action.deleteByChannel': string;
+        't-agent.message.action.multSelect': string;
         't-agent.message.like.success': string;
         't-agent.message.unlike.success': string;
         't-agent.message.action.like': string;

package/dist/i18n/strings.js

@@ -17,11 +17,15 @@ export default {
     't-agent.build-in.button.set_home_location': '设置家庭位置',
     't-agent.input.voice.require-permission': '需要授权录音权限',
     't-agent.input.upload.failed': '文件上传失败',
+    't-agent.input.asr.oninput.text.top': '我在听，请说话',
+    't-agent.input.asr.oninput.text.center': '松开发送，上划取消',
+    't-agent.input.asr.ptt': '按住说话',
     't-agent.message.feedback.success': '反馈成功',
     't-agent.message.bubble.aborted': '用户中断',
     't-agent.message.action.copy': '复制消息',
     't-agent.message.action.delete': '删除消息',
     't-agent.message.action.deleteByChannel': '删除所有渠道消息',
+    't-agent.message.action.multSelect': '多选',
     't-agent.message.like.success': '点赞成功',
     't-agent.message.unlike.success': '取消点赞成功',
     't-agent.message.action.like': '喜欢消息',
@@ -145,11 +149,18 @@ export default {
     't-agent.build-in.button.set_home_location': 'Set Home Location',
     't-agent.input.voice.require-permission': 'Recording Permission Required',
     't-agent.input.upload.failed': 'File Upload Failed',
+    't-agent.input.asr.oninput.text.top': 'Listening, speak now',
+    // 语音激活态顶部提示
+    't-agent.input.asr.oninput.text.center': 'Release to send · Swipe up to cancel',
+    // 交互操作指引
+    't-agent.input.asr.ptt': 'Press & hold to talk',
+    // Push-to-Talk 按钮提示
     't-agent.message.feedback.success': 'Feedback Successful',
     't-agent.message.bubble.aborted': 'User Aborted',
     't-agent.message.action.copy': 'Copy Message',
     't-agent.message.action.delete': 'Delete Message',
     't-agent.message.action.deleteByChannel': 'Delete All Channel Messages',
+    't-agent.message.action.multSelect': 'Multiple Selection',
     't-agent.message.like.success': 'Like Successful',
     't-agent.message.unlike.success': 'Unlike Successful',
     't-agent.message.action.like': 'Like Message',

package/dist/renderOption.js

@@ -11,6 +11,7 @@ import logger from './logger';
 import LowCodeCardRender from './LowCodeCardRender';
 import { cardMap } from './cards/map';
 import CustomCardRender from './CustomCardRender';
+import LongPressActionMenu from './LongPressActionMenu';
 const defaultChatTileAs = props => {
   const {
       tile
@@ -66,11 +67,15 @@ const defaultRenderCardAs = card => {
   }
   return null;
 };
+const defaultRenderLongPressAs = res => {
+  return /*#__PURE__*/React.createElement(LongPressActionMenu, res.menuProps);
+};
 export const defaultRenderOptions = {
   renderTileAs: defaultChatTileAs,
   renderCustomBlockAs: defaultRenderCustomBlockAs,
   customBlockTypes: defaultCustomBlockTypes,
   renderCardAs: defaultRenderCardAs,
+  renderLongPressAs: defaultRenderLongPressAs,
   customCardMap: {},
   getStaticResourceBizType: () => '',
   i18nTranslate: key => I18n.t(key)

package/dist/tiles/BubbleTile/index.js

@@ -10,16 +10,17 @@ import { View } from '@ray-js/components';
 import React, { useEffect, useState, useCallback, memo } from 'react';
 import { Image } from '@ray-js/ray';
 import { BubbleTileStatus, ChatMessageStatus, safeParseJSON } from '@ray-js/t-agent';
-import { getCurrentHomeInfo, submitEvaluation } from '@ray-js/t-agent-plugin-assistant';
 import TileRender from '../../TileRender';
 import noticeSvg from './notice.svg';
 import noticeWarnSvg from './notice-warn.svg';
-import { useChatAgent, useTranslate, useLongPress } from '../../hooks';
-import LongPressActionMenu from '../../LongPressActionMenu';
+import { useChatAgent, useTranslate, useLongPress, useRenderOptions } from '../../hooks';
 import RollBack from '../WorkflowTile/RollBack';
 const BubbleTile = props => {
   var _message$meta$request, _workflowTile$data;
   const agent = useChatAgent();
+  const {
+    renderLongPressAs
+  } = useRenderOptions();
   const {
     message,
     tile,
@@ -87,20 +88,18 @@ const BubbleTile = props => {
     }
     return messageContent;
   }, [tile]);
-  const {
-    longPressProps,
-    menuProps
-  } = useLongPress({
+  const longPressRes = useLongPress({
     message,
     // actions: [
     //   'copy',
     //   'delete',
     //   ...(isAssistantMessage ? ['like', 'unlike', 'deleteByChannel'] : []),
     // ] as ActionType[],
-    actions: ['copy', 'delete'],
+    actions: ['copy', 'multSelect', 'delete'],
     getMessageContent,
     disabled: loading
   });
+  const longPressBlock = renderLongPressAs(longPressRes);
   const showAbortedMessage = bubbleStatus === BubbleTileStatus.ABORTED;
   const showRollBack = side === 'start' && children.some(child => child.type === 'workflow');
   const workflowTile = children.find(child => child.type === 'workflow');
@@ -108,7 +107,7 @@ const BubbleTile = props => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, _extends({
     className: "t-agent-bubble-tile t-agent-bubble-tile-".concat(side),
     "data-testid": "t-agent-bubble-tile"
-  }, longPressProps), side === 'end' && /*#__PURE__*/React.createElement(ErrorNotice, {
+  }, longPressRes.longPressProps), side === 'end' && /*#__PURE__*/React.createElement(ErrorNotice, {
     bubbleStatus: bubbleStatus,
     showInfo: showInfo
   }), /*#__PURE__*/React.createElement(View, {
@@ -128,7 +127,7 @@ const BubbleTile = props => {
   }, t('t-agent.message.bubble.aborted'))), side === 'start' && /*#__PURE__*/React.createElement(ErrorNotice, {
     bubbleStatus: bubbleStatus,
     showInfo: showInfo
-  })), /*#__PURE__*/React.createElement(LongPressActionMenu, menuProps), showRollBack && !isLatestMessage && workflowNode && /*#__PURE__*/React.createElement(RollBack, {
+  })), longPressBlock, showRollBack && !isLatestMessage && workflowNode && /*#__PURE__*/React.createElement(RollBack, {
     nodeId: workflowNode
   }));
 };

package/dist/tiles/CardTile/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { View } from '@ray-js/components';
 import './index.less';
 import { useRenderOptions } from '../../hooks';
-import LongPressActionMenu from '../../LongPressActionMenu';
+// import LongPressActionMenu from '../../LongPressActionMenu';
 import { useLongPress } from '../../hooks/useLongPress';
 const CardTile = props => {
   const {
@@ -13,22 +13,21 @@ const CardTile = props => {
     message
   } = props;
   const {
-    renderCardAs
+    renderCardAs,
+    renderLongPressAs
   } = useRenderOptions();
-  const {
-    longPressProps,
-    menuProps
-  } = useLongPress({
+  const longPressRes = useLongPress({
     message,
     actions: ['delete']
   });
   const node = renderCardAs(card);
+  const longPressBlock = renderLongPressAs(longPressRes);
   if (!node) {
     return null;
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, _extends({
     className: "t-agent-card-tile",
     "data-testid": "t-agent-bubble-tile"
-  }, longPressProps), node), /*#__PURE__*/React.createElement(LongPressActionMenu, menuProps));
+  }, longPressRes.longPressProps), node), longPressBlock);
 };
 export default /*#__PURE__*/React.memo(CardTile);

package/dist/tiles/ExecuteCardTile/index.d.ts

@@ -1,10 +1,17 @@
 import React from 'react';
-import { ChangeInfoItem, DeviceInfoItem, SceneInfoItem } from '@ray-js/t-agent-plugin-assistant';
 import './index.less';
 import { TileProps } from '../../types';
+export declare enum SceneType {
+    EXECUTE = 1,
+    AUTO = 2
+}
+type DeviceInfoItem = any;
+type SceneInfoItem = any;
+type ChangeInfoItem = any;
 export interface ExecuteCardTileData {
     deviceInfo: DeviceInfoItem[];
     sceneInfo: SceneInfoItem[];
     deviceShareInfo: ChangeInfoItem[];
 }
 export default function ExecuteCardTile(props: TileProps<ExecuteCardTileData>): React.JSX.Element | null;
+export {};

package/dist/tiles/ExecuteCardTile/index.js

@@ -4,13 +4,23 @@ import "core-js/modules/esnext.iterator.for-each.js";
 import "core-js/modules/esnext.iterator.map.js";
 import { Image, Switch, Text, View } from '@ray-js/components';
 import React, { useMemo } from 'react';
-import { SceneType } from '@ray-js/t-agent-plugin-assistant';
+// import {
+//   ChangeInfoItem,
+//   DeviceInfoItem,
+//   SceneInfoItem,
+//   SceneType,
+// } from '@ray-js/t-agent-plugin-assistant';
 import './index.less';
 import { triggerRule } from '@ray-js/ray';
 import { routeScene } from '../../utils';
 import lockPng from '../OperateCardTile/lock.png';
 import bookmark from './bookmark.png';
 import { useTranslate } from '../../hooks';
+export let SceneType = /*#__PURE__*/function (SceneType) {
+  SceneType[SceneType["EXECUTE"] = 1] = "EXECUTE";
+  SceneType[SceneType["AUTO"] = 2] = "AUTO";
+  return SceneType;
+}({});
 export default function ExecuteCardTile(props) {
   const {
     tile

package/dist/tiles/FileTile/index.d.ts

@@ -0,0 +1,8 @@
+import './index.less';
+import React from 'react';
+import { FileTileData } from '@ray-js/t-agent';
+import { TileProps } from '../../types';
+export default function FileTile(props: TileProps<FileTileData, {
+    type: '@buildIn/FileTileClick';
+    data: FileTileData;
+}>): React.JSX.Element;

package/dist/tiles/FileTile/index.js

@@ -0,0 +1,57 @@
+import './index.less';
+import { View } from '@ray-js/components';
+import React, { useMemo } from 'react';
+const baseImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIHSURBVGiB7ZrbasJAEIa/HExEEFoQLJUKQguFXvf9H6CP0ItCX6B3vbA16cVkSUyN0d2JWUM+EAVz2D//zOwhG9DMBAiBHAiOHHdpciADfk89YQJMETG+EgIpELcdmABR583RI0bafJAEv11pIqQiyrgRI7G566NFjuTFdwxkxpGIM5LMQ3ZUUiXmOkOtTghMwuJH1nNjNMiAMMSvPsaVfAihViUYmqBBFIM9RkG+MzhBraPVBhbAiiMDQ0e+gY/i+yxsHVrTnRiAGfBkc6KtQ2bc9GZ5fhuvWD6wMYeOcIuEYoTE/5fitU9G06EN5Yx3rXjds9AUVJ0c9jaN1xT0iYjaIiHXC5o59EVPeVPlklUuBe66vommQ233eUaKxhwJyU7WMLpwaMN/Jx4pO8ob4AVxTB1tQRtknPdAWbrXiCtVEkTUQvn+qiFnxBiWSGfbNISJinNmSIVUQcuhFYef9injsSWSXyohqCFoBdw7XmOOiJq5NsZVkIYYQ4KIcirtroK0xBgipKBYM7jpwyioYKvaisNYvdqxFfSOxQLGGWxx6Js6GYL0RDrmkO+MgnxnkILy1qOuiMG9Y40ow+7andpLn2lfrVAkhXKFMyg+1+qS2dqzt99iEJuX6iRcbq1Og4iamPqi+o5izwxioa8haDYAAvxU/zhWss2mJp/KutkumlETYvgDMKQ0sd0CIwwAAAAASUVORK5CYII=';
+export default function FileTile(props) {
+  const {
+    mimeType,
+    name,
+    path,
+    src
+  } = props.tile.data;
+  const showName = useMemo(() => {
+    if (name) {
+      return name;
+    }
+    if (path) {
+      const pathArr = path.split('/');
+      return pathArr[pathArr.length - 1];
+    }
+    return 'unknow';
+  }, [name, path]);
+  const showSrc = useMemo(() => src || path || baseImg, [src, path]);
+  if (mimeType === 'image') {
+    return /*#__PURE__*/React.createElement(View, {
+      className: "t-agent-file-tile",
+      onClick: async () => {
+        props.emitTileEvent({
+          type: '@buildIn/FileTileClick',
+          data: props.tile.data
+        });
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      className: "t-agent-file-tile-image-preview",
+      style: {
+        backgroundImage: "url(".concat(showSrc, ")")
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      className: "t-agent-file-tile-image-text"
+    }, " ", showName));
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-file-tile",
+    onClick: async () => {
+      props.emitTileEvent({
+        type: '@buildIn/FileTileClick',
+        data: props.tile.data
+      });
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-file-tile-image-preview",
+    style: {
+      backgroundImage: "url(".concat(baseImg, ")")
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-file-tile-image-text"
+  }, " ", showName));
+}

package/dist/tiles/FileTile/index.less

@@ -0,0 +1,44 @@
+.t-agent-file-tile {
+  width: 400rpx;
+  height: 136rpx;
+  border-radius: 32rpx;
+  opacity: 1;
+
+  background: var(--app-B3);
+  padding: 16rpx;
+  display: flex;
+  margin-top: 16rpx;
+  margin-bottom: 16rpx;
+  &:first-child {
+    margin-top: 0rpx;
+  }
+  &:last-child {
+    margin-bottom: 0rpx;
+  }
+}
+
+.t-agent-file-tile-image-preview {
+  width: 104rpx;
+  height: 104rpx;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+.t-agent-file-tile-image-text {
+  margin-left: 16rpx;
+  font-size: 12px;
+  color: var(--app-B3-N1);
+  width: 248rpx;
+  height: 104rpx;
+  word-break: break-all; /* 允许单词内断行 */
+
+  /* 限制两行 */
+  display: -webkit-box;
+  -webkit-line-clamp: 3; /* 控制显示行数 */
+  -webkit-box-orient: vertical;
+
+  /* 溢出省略号 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+}