@ray-js/t-agent-ui-ray 0.2.0-beta-7 → 0.2.0-beta-9

package/dist/MessageInput/MessageInputAIStream/index.d.ts

@@ -12,6 +12,8 @@ interface Props {
     placeholder?: string;
     style?: React.CSSProperties;
     attachment?: boolean | AttachmentOptions;
+    maxTextLength?: number;
+    maxAudioMs?: number;
 }
 export default function MessageInputAIStream(props: Props): React.JSX.Element;
 export {};

package/dist/MessageInput/MessageInputAIStream/index.js

@@ -12,7 +12,7 @@ import { Emitter, EmitterEvent } from '@ray-js/t-agent';
 import cx from 'clsx';
 import imageSvg from '../icons/image.svg';
 import videoSvg from '../icons/video.svg';
-import { useAgentSessionValue, useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEvent, useTranslate } from '../../hooks';
+import { useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEvent, useTranslate } from '../../hooks';
 import AsrInput from './AsrInput';
 import { useSleep } from '../../hooks/useSleep';
 const AMPLITUDE_COUNT = 60;
@@ -61,7 +61,7 @@ export default function MessageInputAIStream(props) {
       setResponding(false);
     }
   });
-  const [hasMore] = useAgentSessionValue('multiModal');
+  const hasMore = attachmentOptions.image || attachmentOptions.video;
   const isMore = !text.trim().length && hasMore;
   const send = async inputBlocks => {
     if (!(inputBlocks !== null && inputBlocks !== void 0 && inputBlocks.length)) {
@@ -166,7 +166,7 @@ export default function MessageInputAIStream(props) {
           }]);
         }
       },
-      maxLength: 200,
+      maxLength: props.maxTextLength || 200,
       placeholderStyle: "color: var(--app-B1-N4)",
       onFocus: () => {
         setMoreOpen(false);
@@ -232,10 +232,16 @@ export default function MessageInputAIStream(props) {
           await sleep(50);
         }
         const emitter = new Emitter();
-        setRecord({
+        setTimeout(() => {
+          if (r.recording) {
+            r.confirm();
+          }
+        }, props.maxAudioMs || 30000);
+        const r = {
           startAt: Date.now(),
           recording: true,
           confirm: () => {
+            r.recording = false;
             emitter.dispatchEvent(new EmitterEvent('confirm'));
             setRecord({
               startAt: 0,
@@ -245,6 +251,7 @@ export default function MessageInputAIStream(props) {
             });
           },
           cancel: () => {
+            r.recording = false;
             emitter.dispatchEvent(new EmitterEvent('cancel'));
             setRecord({
               startAt: 0,
@@ -253,7 +260,8 @@ export default function MessageInputAIStream(props) {
               cancel: null
             });
           }
-        });
+        };
+        setRecord(r);
         emitter.addEventListener('error', () => {
           ty.showToast({
             icon: 'error',

package/dist/MessageInput/icons/video.svg

@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="18" viewBox="0 0 20 18"><g><path d="M7.82843,2L5.82843,4L2,4L2,16L18,16L18,4L14.1716,4L12.1716,2L7.82843,2ZM7,0L13,0L15,2L19,2C19.5523,2,20,2.44772,20,3L20,17C20,17.5523,19.5523,18,19,18L1,18C0.44772,18,0,17.5523,0,17L0,3C0,2.44772,0.44772,2,1,2L5,2L7,0ZM10,15C6.96243,15,4.5,12.5376,4.5,9.5C4.5,6.46243,6.96243,4,10,4C13.0376,4,15.5,6.46243,15.5,9.5C15.5,12.5376,13.0376,15,10,15ZM10,13C11.933,13,13.5,11.433,13.5,9.5C13.5,7.567,11.933,6,10,6C8.067,6,6.5,7.567,6.5,9.5C6.5,11.433,8.067,13,10,13Z" fill="#3D3D3D" fill-opacity="1"/></g></svg>
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_4)">
+<path d="M0 0H200V200H0V0.015V0ZM20.009 20.009V179.991H179.991V20.024H20.009V20.009ZM59.997 43.7078L157.492 100L59.997 156.292V43.7078ZM80.006 78.3561V121.659L117.504 100L80.006 78.3561Z" fill="#3D3D3D"/>
+</g>
+<defs>
+<clipPath id="clip0_1_4">
+<rect width="200" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/MessageInput/index.d.ts

@@ -1,9 +1,2 @@
-import React from 'react';
-interface Props {
-    className?: string;
-    renderTop?: React.ReactNode;
-    placeholder?: string;
-    style?: React.CSSProperties;
-}
-export default function MessageInput(props: Props): React.JSX.Element;
-export {};
+import MessageInputAIStream from './MessageInputAIStream';
+export default MessageInputAIStream;

package/dist/MessageInput/index.js

@@ -1,5 +1,2 @@
-import React from 'react';
 import MessageInputAIStream from './MessageInputAIStream';
-export default function MessageInput(props) {
-  return /*#__PURE__*/React.createElement(MessageInputAIStream, props);
-}
+export default MessageInputAIStream;

package/dist/tiles/BubbleTile/index.less

@@ -31,6 +31,8 @@
   .t-agent-bubble-tile-error-alert-text {
     flex: 0 1 auto;
     min-width: 0;
+    word-break: normal;
+    overflow-wrap: break-word;
   }
 }
 

package/dist/tiles/FileTile/index.less

@@ -42,7 +42,8 @@
 }
 
 .t-agent-file-tile-filename {
-  word-break: break-all; /* 允许单词内断行 */
+  word-break: normal;
+  overflow-wrap: break-word;
 
   /* 限制两行 */
   display: -webkit-box;

package/dist/tiles/TextTile/index.less

@@ -1,3 +1,5 @@
 .t-agent-text-tile {
   display: inline;
+  word-break: normal;
+  overflow-wrap: break-word;
 }

package/package.json

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