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

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

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare const WaveformVisualizer: React.FC<{
-    data: number[];
-}>;
+export declare const WaveformVisualizer: ({ amplitudeCount }: {
+    amplitudeCount: number;
+}) => React.JSX.Element;
 interface IProps {
     amplitudeCount: number;
     recording: boolean;

package/dist/MessageInput/MessageInputAIStream/AsrInput.js

@@ -2,52 +2,55 @@ import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
-import React, { useMemo, useState } from 'react';
+import React, { useState } from 'react';
 import { Button, View } from '@ray-js/ray';
 import cx from 'clsx';
 import { useOnEvent, useTranslate } from '../../hooks';
-export const WaveformVisualizer = /*#__PURE__*/React.memo(_ref => {
+export const WaveformVisualizer = _ref => {
   let {
-    data
+    amplitudeCount
   } = _ref;
-  // 缓存计算后的波形条样式
-  const bars = useMemo(() => {
-    return data.map((value, index) => {
-      // 将数值映射到高度范围（0-100 → 2px-20px）
-
-      return {
-        height: "".concat(2 + value / 100 * 18, "px"),
-        // 添加渐变色偏移效果
-        animationDelay: "".concat(index * 10, "ms")
-      };
-    });
-  }, [data]);
-  return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-message-input-waveform-container"
-  }, bars.map((barStyle, index) => /*#__PURE__*/React.createElement(View
+  const [bars, setBars] = useState(() => Array.from({
+    length: amplitudeCount
+  }, (_, index) => /*#__PURE__*/React.createElement(View
   // eslint-disable-next-line react/no-array-index-key
   , {
     key: "asr_wave_".concat(index),
     className: "t-agent-message-input-waveform-bar",
-    style: barStyle
-    // role="progressbar"
-    ,
-    "aria-valuenow": data[index],
-    "aria-valuemin": 0,
-    "aria-valuemax": 100
+    style: {
+      height: 0,
+      // 添加渐变色偏移效果
+      animationDelay: "".concat(index * 10, "ms")
+    }
   })));
-});
+  useOnEvent('amplitudes', val => {
+    const waveBase = val.body.amplitudes || [];
+    const bars = waveBase.map((item, index) => {
+      const value = item > 1 ? 1 : item * 100;
+      // 将数值映射到高度范围（0-100 → 2px-20px）
+      // const height = 2 + (value / 100) * 18;
+      return /*#__PURE__*/React.createElement(View
+      // eslint-disable-next-line react/no-array-index-key
+      , {
+        key: "asr_wave_".concat(index),
+        className: "t-agent-message-input-waveform-bar t-agent-item",
+        style: {
+          height: "".concat(value, "%"),
+          // 添加渐变色偏移效果
+          animationDelay: "".concat(index * 10, "ms")
+        }
+      });
+    });
+    setBars(bars);
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-message-input-waveform-container"
+  }, bars);
+};
 const AsrInput = props => {
   const [asrElementBounds, setAsrElementBounds] = useState(null);
   const t = useTranslate();
-  const [waveData, setWaveData] = React.useState(Array.from({
-    length: props.amplitudeCount
-  }, () => 0));
   const [ptt, setPtt] = useState(false);
-  useOnEvent('amplitudes', val => {
-    const waveBase = val.body.amplitudes || [];
-    setWaveData(waveBase.map(item => item > 1 ? 1 : item * 100));
-  });
   const onVoiceTouchEnd = e => {
     const touch = e.origin.changedTouches[0];
     const touchY = touch.clientY;
@@ -97,7 +100,7 @@ const AsrInput = props => {
   }, t('t-agent.input.asr.oninput.text.top')), /*#__PURE__*/React.createElement(View, {
     className: "t-agent-message-input-oninput-text-center"
   }, t('t-agent.input.asr.oninput.text.center')), /*#__PURE__*/React.createElement(WaveformVisualizer, {
-    data: waveData
+    amplitudeCount: props.amplitudeCount
   })) : /*#__PURE__*/React.createElement(View, {
     className: "t-agent-message-input-ptt-text"
   }, " ", t('t-agent.input.asr.ptt'))), !props.recording && /*#__PURE__*/React.createElement(Button, {

package/dist/MessageInput/MessageInputAIStream/index.js

@@ -244,6 +244,7 @@ export default function MessageInputAIStream(props) {
           });
           console.error(event);
           setRecord({
+            startAt: 0,
             recording: false,
             confirm: null,
             cancel: null

package/dist/MessageInput/MessageInputAssistant/AsrInput.js

@@ -2,7 +2,7 @@ import '../index.less';
 import { Button, Text, View, Textarea } from '@ray-js/components';
 import React from 'react';
 import cx from 'clsx';
-import { useAsrInput } from '../../hooks';
+import { useAsrInput } from './useAsrInput';
 export default function AsrInput(props) {
   const {
     responding,

package/dist/{hooks → MessageInput/MessageInputAssistant}/useAsrInput.js

@@ -1,7 +1,7 @@
 import "core-js/modules/web.dom-collections.iterator.js";
 import { useEffect, useRef, useState } from 'react';
 import { Asr, AsrDetectResultState } from '@ray-js/t-agent-plugin-assistant';
-import { useIsUnmounted } from './useIsUnmounted';
+import { useIsUnmounted } from '../../hooks';
 export let AsrErrorCode = /*#__PURE__*/function (AsrErrorCode) {
   AsrErrorCode[AsrErrorCode["SHORT_TIME"] = 0] = "SHORT_TIME";
   return AsrErrorCode;

package/dist/MessageInput/index.less

@@ -355,28 +355,33 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 2px;
-  height: 40px;
-  padding: 8px 0;
+  height: 80rpx;
+  padding: 18rpx 0;
 }
 
 .t-agent-message-input-waveform-bar {
-  width: 2px;
-  min-height: 2px;
-  background-color: #4a90e2;
-  border-radius: 1px;
-  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
+  width: 4rpx;
+  min-height: 4rpx;
+  background-color: var(--app-M4);
+  border-radius: 2rpx;
+  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
   animation: colorPulse 2s infinite;
+  margin-right: 4rpx;
+  opacity: 1;
+
+  &:last-child {
+    margin-right: 0;
+  }
 }
 
 @keyframes colorPulse {
   0% {
-    background-color: #4a90e2;
+    opacity: 1;
   }
   50% {
-    background-color: #7cb3ff;
+    opacity: 0.8;
   }
   100% {
-    background-color: #4a90e2;
+    opacity: 1;
   }
 }

package/dist/cards/WorkflowReplyCard/index.d.ts

@@ -1,7 +1,17 @@
 import './index.less';
 import { ChatCardObject } from '@ray-js/t-agent';
-import { WorkflowReplyResource } from '@ray-js/t-agent-plugin-assistant';
 import React from 'react';
+declare enum WorkflowReplyResourceType {
+    Image = 1,
+    Video = 2,
+    Web = 3,
+    MiniProgram = 4
+}
+interface WorkflowReplyResource {
+    type: WorkflowReplyResourceType;
+    title: string;
+    url: string;
+}
 interface CardData {
     resources: WorkflowReplyResource[];
 }

package/dist/cards/WorkflowReplyCard/index.js

@@ -1,11 +1,17 @@
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import './index.less';
-import { WorkflowReplyResourceType } from '@ray-js/t-agent-plugin-assistant';
 import { View } from '@ray-js/components';
 import React from 'react';
 import { Image, Video } from '@ray-js/ray';
 import { useSendAction } from '../../hooks';
+var WorkflowReplyResourceType = /*#__PURE__*/function (WorkflowReplyResourceType) {
+  WorkflowReplyResourceType[WorkflowReplyResourceType["Image"] = 1] = "Image";
+  WorkflowReplyResourceType[WorkflowReplyResourceType["Video"] = 2] = "Video";
+  WorkflowReplyResourceType[WorkflowReplyResourceType["Web"] = 3] = "Web";
+  WorkflowReplyResourceType[WorkflowReplyResourceType["MiniProgram"] = 4] = "MiniProgram";
+  return WorkflowReplyResourceType;
+}(WorkflowReplyResourceType || {});
 const WorkflowReplyCard = props => {
   const {
     cardData

package/dist/hooks/context.d.ts

@@ -1,11 +1,11 @@
-import { TTTAction } from '@ray-js/t-agent-plugin-assistant';
+import { TTTAction } from '../types';
 export declare const useChatAgent: () => import("../contexts").UIChatAgent;
 export declare const useAgentMessage: () => {
     messages: import("@ray-js/t-agent").ChatMessageObject[];
     keyboardHeight: number;
 };
-export declare const useRenderOptions: () => import("..").RenderOptions;
+export declare const useRenderOptions: () => import("../types").RenderOptions;
 export declare const useOnEvent: (eventName: string, callback: (details: any) => void) => void;
 export declare const useEmitEvent: () => <T extends keyof import("@ray-js/t-agent").UIEventMap>(eventName: T, detail: import("@ray-js/t-agent").UIEventMap[T]) => void;
-export declare const useTileProps: () => import("..").TileProps<any, any>;
+export declare const useTileProps: () => import("../types").TileProps<any, any>;
 export declare const useSendAction: () => (action: TTTAction) => void;

package/dist/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export * from './context';
 export * from './useAttachmentInput';
-export * from './useAsrInput';
 export * from './useIsUnmounted';
 export * from './useLongPress';
 export * from './useTranslate';

package/dist/hooks/index.js

@@ -1,6 +1,5 @@
 export * from './context';
 export * from './useAttachmentInput';
-export * from './useAsrInput';
 export * from './useIsUnmounted';
 export * from './useLongPress';
 export * from './useTranslate';

package/dist/types.d.ts

@@ -1,7 +1,45 @@
-import type { ChatCardObject, ChatMessageObject, ChatTileObject } from '@ray-js/t-agent';
+import type { ChatCardObject, ChatMessageObject, ChatTileObject, InputBlock } from '@ray-js/t-agent';
 import React from 'react';
 import { UIChatAgent } from './contexts';
 import { LongPressResult } from './hooks';
+interface TTTActionOpenRoute {
+    type: 'openRoute';
+    url: string;
+}
+interface TTTActionOpenMiniApp {
+    type: 'openMiniApp';
+    appId?: string;
+    path?: string;
+    extraData?: Record<string, any>;
+    shortLink?: string;
+    position?: string;
+    aiPtChannel?: string;
+}
+interface TTTActionOpenH5 {
+    type: 'openH5';
+    url: string;
+    title?: string;
+}
+interface TTTActionSendMessage {
+    type: 'sendMessage';
+    blocks: InputBlock[];
+    sendImmediately?: boolean;
+}
+interface TTTActionSendSkill {
+    type: 'sendSkill';
+    block?: string;
+    options: {
+        domain: string;
+        intent: string;
+        [key: string]: any;
+    };
+}
+interface TTTActionBuildIn {
+    type: 'buildIn';
+    name: 'questionnaire' | 'homeLocation' | string;
+    data?: any;
+}
+export type TTTAction = TTTActionOpenRoute | TTTActionOpenMiniApp | TTTActionOpenH5 | TTTActionSendMessage | TTTActionSendSkill | TTTActionBuildIn;
 export interface TileProps<T = any, P = any> {
     side: 'start' | 'end' | string;
     message: ChatMessageObject;
@@ -39,3 +77,4 @@ export interface RenderOptions {
     getStaticResourceBizType: (src: string, scene?: string, data?: any) => string;
     i18nTranslate: (key: string) => string;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.2.0-beta-1",
+  "version": "0.2.0-beta-2",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -33,13 +33,12 @@
   },
   "peerDependencies": {
     "@ray-js/ray": ">=1.6.8",
-    "@ray-js/t-agent": "*",
-    "@ray-js/t-agent-plugin-assistant": "*"
+    "@ray-js/t-agent": "*"
   },
   "devDependencies": {
     "@tuya-miniapp/api-types": "^1.1.22",
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "98229f8a9cb090a6fa0d9b47fa70b1f44ec2b34a"
+  "gitHead": "0784a0f440b67cc1f766a440dbad5350f633dfb1"
 }