@ray-js/t-agent-ui-ray 0.2.0-beta-4 → 0.2.0-beta-5

package/dist/MessageList/index.d.ts

@@ -5,6 +5,7 @@ interface Props {
     style?: React.CSSProperties;
     wrapperClassName?: string;
     wrapperStyle?: React.CSSProperties;
+    renderTop?: React.ReactNode;
     roleSide?: {
         user?: 'start' | 'end' | string;
         assistant?: 'start' | 'end' | string;

package/dist/MessageList/index.js

@@ -112,7 +112,7 @@ export default function MessageList(props) {
     });
   }), historyLimit && historyLimit.count < reversed.length && /*#__PURE__*/React.createElement(View, {
     className: "t-agent-message-list-history-tip"
-  }, historyLimit.tipText), /*#__PURE__*/React.createElement(View, {
+  }, historyLimit.tipText), props.renderTop, /*#__PURE__*/React.createElement(View, {
     className: "t-agent-message-list-padding-start"
   })));
 }

package/dist/hooks/index.d.ts

@@ -3,4 +3,3 @@ export * from './useAttachmentInput';
 export * from './useIsUnmounted';
 export * from './useLongPress';
 export * from './useTranslate';
-export * from './useMultiSelect';

package/dist/hooks/index.js

@@ -2,5 +2,4 @@ export * from './context';
 export * from './useAttachmentInput';
 export * from './useIsUnmounted';
 export * from './useLongPress';
-export * from './useTranslate';
-export * from './useMultiSelect';
+export * from './useTranslate';

package/dist/tiles/BubbleTile/index.js

@@ -3,15 +3,16 @@ import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.find.js";
 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 './index.less';
 import { View } from '@ray-js/components';
-import React, { useCallback, memo } from 'react';
+import React, { memo, useCallback, useMemo } from 'react';
 import { Image } from '@ray-js/ray';
 import { BubbleTileStatus, ChatMessageStatus } from '@ray-js/t-agent';
 import TileRender from '../../TileRender';
 import noticeSvg from './notice.svg';
 import noticeWarnSvg from './notice-warn.svg';
-import { useChatAgent, useTranslate, useLongPress, useRenderOptions } from '../../hooks';
+import { useChatAgent, useLongPress, useRenderOptions, useTranslate } from '../../hooks';
 import RollBack from '../WorkflowTile/RollBack';
 const BubbleTile = props => {
   var _workflowTile$data;
@@ -73,7 +74,36 @@ const BubbleTile = props => {
   const showRollBack = side === 'start' && children.some(child => child.type === 'workflow');
   const workflowTile = children.find(child => child.type === 'workflow');
   const workflowNode = workflowTile === null || workflowTile === void 0 || (_workflowTile$data = workflowTile.data) === null || _workflowTile$data === void 0 ? void 0 : _workflowTile$data.nodeId;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, _extends({
+  const isErrorBubble = useMemo(() => {
+    let empty = true;
+    for (const child of children) {
+      // 如果子元素是文本类型，并且文本不为空，则不是空消息
+      if (child.type === 'text') {
+        if (child.data.text !== '') {
+          empty = false;
+          break;
+        }
+      } else {
+        // 如果子元素是其他类型，则不是空消息
+        empty = false;
+        break;
+      }
+    }
+    return empty && role === 'assistant' && bubbleStatus === BubbleTileStatus.ERROR && status === ChatMessageStatus.FINISH;
+  }, [status, role, bubbleStatus, children]);
+  if (isErrorBubble) {
+    return /*#__PURE__*/React.createElement(View, _extends({
+      className: "t-agent-bubble-tile t-agent-bubble-tile-error-alert",
+      "data-testid": "t-agent-bubble-tile"
+    }, longPressRes.longPressProps), /*#__PURE__*/React.createElement(Image, {
+      src: noticeSvg,
+      className: "t-agent-bubble-tile-error",
+      "data-testid": "t-agent-bubble-tile-error"
+    }), /*#__PURE__*/React.createElement(View, {
+      className: "t-agent-bubble-tile-error-alert-text"
+    }, data.info || t('t-agent.unknown-error')), longPressBlock);
+  }
+  return /*#__PURE__*/React.createElement(View, _extends({
     className: "t-agent-bubble-tile t-agent-bubble-tile-".concat(side),
     "data-testid": "t-agent-bubble-tile"
   }, longPressRes.longPressProps), side === 'end' && /*#__PURE__*/React.createElement(ErrorNotice, {
@@ -96,7 +126,7 @@ const BubbleTile = props => {
   }, t('t-agent.message.bubble.aborted'))), side === 'start' && /*#__PURE__*/React.createElement(ErrorNotice, {
     bubbleStatus: bubbleStatus,
     showInfo: showInfo
-  })), longPressBlock, showRollBack && !isLatestMessage && workflowNode && /*#__PURE__*/React.createElement(RollBack, {
+  }), longPressBlock, showRollBack && !isLatestMessage && workflowNode && /*#__PURE__*/React.createElement(RollBack, {
     nodeId: workflowNode
   }));
 };

package/dist/tiles/BubbleTile/index.less

@@ -18,6 +18,24 @@
   position: relative;
 }
 
+.t-agent-bubble-tile-error-alert {
+  background: var(--app-M2_1);
+  border-radius: 32rpx;
+  padding: 24rpx;
+
+  .t-agent-bubble-tile-error {
+    margin: 0 12rpx 0 0;
+  }
+
+  .t-agent-bubble-tile-error-alert-text {
+    flex: 0 1 auto;
+    min-width: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
 .t-agent-bubble-tile-bubble-loader {
   display: inline-flex;
 
@@ -64,7 +82,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  
+
   .t-agent-bubble-tile-bubble-loader-ball {
     width: 6px;
     height: 6px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.2.0-beta-4",
+  "version": "0.2.0-beta-5",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -40,5 +40,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "1728f8a1cac6b2ca53e506e06171808fbf38efdc"
+  "gitHead": "a0beda17c8e1c3ef81c718300c02a23d88a3ee4a"
 }

package/dist/hooks/useMultiSelect.d.ts

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

package/dist/hooks/useMultiSelect.js

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