@ray-js/t-agent-ui-ray 0.1.0-beta-11 → 0.1.0-beta-13

package/dist/ChatContainer/index.d.ts

@@ -6,5 +6,6 @@ export default function ChatContainer<T extends ChatAgent<any>>(props: PropsWith
     createAgent: () => T;
     renderOptions?: RenderOptions;
     className?: string;
+    style?: React.CSSProperties;
     agentRef?: React.MutableRefObject<T>;
 }>): React.JSX.Element;

package/dist/ChatContainer/index.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.filter.js";
 import "core-js/modules/esnext.iterator.map.js";
@@ -16,7 +17,8 @@ export default function ChatContainer(props) {
     createAgent,
     renderOptions = defaultRenderOptions,
     children,
-    className
+    className,
+    style
   } = props;
   const [messages, setMessages] = useState([]);
   const [agent] = useState(() => {
@@ -153,10 +155,10 @@ export default function ChatContainer(props) {
     };
   }, []);
   return /*#__PURE__*/React.createElement(View, {
-    style: {
+    style: _objectSpread({
       // @ts-ignore
       '--t-agent-chat-container-keyboard-height': "".concat(keyboardHeight, "px")
-    },
+    }, style),
     className: cx('t-agent-chat-container', className, {
       't-agent-chat-container-keyboard-show': keyboardHeight > 0
     })

package/dist/MarkdownRender/index.d.ts

@@ -9,6 +9,8 @@ interface Props {
     text: string;
     customBlockTypes: string[];
     renderBlock: (block: MarkdownBlock) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
 }
 declare const _default: React.MemoExoticComponent<(props: Props) => React.JSX.Element>;
 export default _default;

package/dist/MarkdownRender/index.js

@@ -15,7 +15,9 @@ const MarkdownRender = props => {
     prefix,
     text,
     customBlockTypes,
-    renderBlock
+    renderBlock,
+    className,
+    style
   } = props;
   const [parser, setParser] = useState(() => {
     return new BlockParser(prefix, customBlockTypes, "h2w__main h2w__".concat(theme));
@@ -28,7 +30,8 @@ const MarkdownRender = props => {
   }, [text, parser]);
   const sendAction = useSendAction();
   return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-markdown-render"
+    className: "t-agent-markdown-render ".concat(className || ''),
+    style: style
   }, blocks.map(block => {
     const {
       id,

package/dist/MessageInput/index.d.ts

@@ -4,6 +4,7 @@ interface Props {
     className?: string;
     renderTop?: React.ReactNode;
     placeholder?: string;
+    style?: React.CSSProperties;
 }
 export default function MessageInput(props: Props): React.JSX.Element;
 export {};

package/dist/MessageInput/index.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.string.trim.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.filter.js";
 import "core-js/modules/esnext.iterator.map.js";
@@ -42,7 +43,7 @@ export default function MessageInput(props) {
     }
   });
   const hasMore = !!agent.plugins.assistant.options.multiModal;
-  const isMore = !text.length && hasMore;
+  const isMore = !text.trim().length && hasMore;
   const send = async inputBlocks => {
     if (!(inputBlocks !== null && inputBlocks !== void 0 && inputBlocks.length) || attachmentInput.uploading || responding) {
       return;
@@ -228,7 +229,8 @@ export default function MessageInput(props) {
     });
   }
   return /*#__PURE__*/React.createElement(View, {
-    className: "".concat(props.className || '', " t-agent-message-input")
+    className: "".concat(props.className || '', " t-agent-message-input"),
+    style: props.style
   }, /*#__PURE__*/React.createElement(View, {
     className: "t-agent-message-input-container"
   }, props.renderTop, !!uploaded.length && /*#__PURE__*/React.createElement(ScrollView, {

package/dist/MessageList/index.d.ts

@@ -2,6 +2,9 @@ import './index.less';
 import React from 'react';
 interface Props {
     className?: string;
+    style?: React.CSSProperties;
+    wrapperClassName?: string;
+    wrapperStyle?: React.CSSProperties;
     roleSide?: {
         user?: 'start' | 'end' | string;
         assistant?: 'start' | 'end' | string;

package/dist/MessageList/index.js

@@ -16,7 +16,10 @@ import { useSleep } from '../hooks/useSleep';
 export default function MessageList(props) {
   const {
     className,
-    roleSide
+    roleSide,
+    style,
+    wrapperClassName,
+    wrapperStyle
   } = props;
   const {
     messages
@@ -76,10 +79,12 @@ export default function MessageList(props) {
     scrollTop
   };
   return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-message-list",
-    "data-testid": "t-agent-message-list"
+    className: "t-agent-message-list ".concat(wrapperClassName || ''),
+    "data-testid": "t-agent-message-list",
+    style: wrapperStyle
   }, /*#__PURE__*/React.createElement(ScrollView, _extends({
     className: "".concat(className || '', " t-agent-message-list-scroll"),
+    style: style,
     id: id
   }, scrollProps, {
     refresherTriggered: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.1.0-beta-11",
+  "version": "0.1.0-beta-13",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -41,5 +41,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "aaa1b649b8773de00e74693b1fcbd584431323e4"
+  "gitHead": "d2c04d4fea714b9b75420b24c0971a6f6494780a"
 }