@lobehub/ui 1.112.0 → 1.113.0

package/es/ChatList/Item.d.ts

@@ -5,7 +5,8 @@ import { ChatMessage } from "../types/chatMessage";
 import { LLMRoleType } from "../types/llm";
 import { type ActionsBarProps } from './ActionsBar';
 export type OnMessageChange = (id: string, content: string) => void;
-export type OnActionClick = (action: ActionEvent, message: ChatMessage) => void;
+export type OnActionsClick = (action: ActionEvent, message: ChatMessage) => void;
+export type OnAvatatsClick = (role: RenderRole) => ChatItemProps['onAvatarClick'];
 export type RenderRole = LLMRoleType | 'default' | string;
 export type RenderItem = FC<{
     key: string;
@@ -22,7 +23,8 @@ export interface ListItemProps {
     /**
      * @description 点击操作按钮的回调函数
      */
-    onActionsClick?: OnActionClick;
+    onActionsClick?: OnActionsClick;
+    onAvatarsClick?: OnAvatatsClick;
     /**
      * @description 消息变化的回调函数
      */

package/es/ChatList/Item.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["renderMessagesExtra", "showTitle", "onActionsClick", "onMessageChange", "type", "text", "renderMessages", "renderErrorMessages", "renderActions", "loading", "groupNav", "renderItems"];
+var _excluded = ["renderMessagesExtra", "showTitle", "onActionsClick", "onAvatarsClick", "onMessageChange", "type", "text", "renderMessages", "renderErrorMessages", "renderActions", "loading", "groupNav", "renderItems"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { App } from 'antd';
@@ -15,6 +15,7 @@ var Item = /*#__PURE__*/memo(function (props) {
   var renderMessagesExtra = props.renderMessagesExtra,
     showTitle = props.showTitle,
     onActionsClick = props.onActionsClick,
+    onAvatarsClick = props.onAvatarsClick,
     onMessageChange = props.onMessageChange,
     type = props.type,
     text = props.text,
@@ -123,6 +124,7 @@ var Item = /*#__PURE__*/memo(function (props) {
     messageExtra: /*#__PURE__*/_jsx(MessageExtra, {
       data: item
     }),
+    onAvatarClick: onAvatarsClick === null || onAvatarsClick === void 0 ? void 0 : onAvatarsClick(item.role),
     onChange: function onChange(value) {
       return onMessageChange === null || onMessageChange === void 0 ? void 0 : onMessageChange(item.id, value);
     },

package/es/ChatList/index.d.ts

@@ -10,6 +10,6 @@ export interface ChatListProps extends DivProps, ListItemProps {
     historyCount?: number;
     loadingId?: string;
 }
-export type { OnActionClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, } from './Item';
+export type { OnActionsClick, OnAvatatsClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, } from './Item';
 declare const ChatList: import("react").NamedExoticComponent<ChatListProps>;
 export default ChatList;

package/es/index.d.ts

@@ -7,7 +7,7 @@ export { default as ChatHeader, type ChatHeaderProps } from './ChatHeader';
 export { default as ChatHeaderTitle, type ChatHeaderTitleProps, } from './ChatHeader/ChatHeaderTitle';
 export { default as ChatInputArea, type ChatInputAreaProps } from './ChatInputArea';
 export { default as ChatItem, type ChatItemProps } from './ChatItem';
-export type { ChatListProps, OnActionClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, } from './ChatList';
+export type { ChatListProps, OnActionsClick, OnAvatatsClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, } from './ChatList';
 export { default as ChatList } from './ChatList';
 export { default as ActionsBar, type ActionsBarProps } from './ChatList/ActionsBar';
 export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';

package/es/useTTS/hooks/{usePressSpeechRecognition.d.ts → usePersistedSpeechRecognition.d.ts}

@@ -1,4 +1,4 @@
-export declare const usePressSpeechRecognition: (locale: string) => {
+export declare const usePersistedSpeechRecognition: (locale: string) => {
     isLoading: boolean;
     start: () => void;
     stop: () => void;

package/es/useTTS/hooks/{usePressSpeechRecognition.js → usePersistedSpeechRecognition.js}

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect, useState } from 'react';
 import { useSpeechRecognition } from "./useSpeechRecognition";
-export var usePressSpeechRecognition = function usePressSpeechRecognition(locale) {
+export var usePersistedSpeechRecognition = function usePersistedSpeechRecognition(locale) {
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     texts = _useState2[0],
@@ -17,12 +17,11 @@ export var usePressSpeechRecognition = function usePressSpeechRecognition(locale
     _start = _useSpeechRecognition.start,
     isLoading = _useSpeechRecognition.isLoading;
   useEffect(function () {
-    if (!isLoading && text && texts.at(-1) !== text) {
-      setTexts([].concat(_toConsumableArray(texts), [text]));
-      _stop();
+    if (isGLobalLoading && !isLoading) {
+      if (text) setTexts([].concat(_toConsumableArray(texts), [text]));
       _start();
     }
-  }, [isLoading, texts, text]);
+  }, [isLoading, texts, text, _start, isGLobalLoading]);
   return {
     isLoading: isGLobalLoading,
     start: function start() {

package/es/useTTS/hooks/useSpeechRecognition.d.ts

@@ -1,6 +1,6 @@
 export declare const useSpeechRecognition: (locale: string) => {
     isLoading: boolean;
-    start: () => any;
+    start: () => void;
     stop: () => void;
     text: string;
 };

package/es/useTTS/hooks/useSpeechRecognition.js

@@ -1,49 +1,70 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _window;
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 var SpeechRecognition = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.SpeechRecognition) || ((_window = window) === null || _window === void 0 ? void 0 : _window.webkitSpeechRecognition);
 export var useSpeechRecognition = function useSpeechRecognition(locale) {
-  var _useState = useState(''),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  var _useState3 = useState(false),
+    recognition = _useState2[0],
+    setRecognition = _useState2[1];
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    isLoading = _useState4[0],
-    setIsLoading = _useState4[1];
+    text = _useState4[0],
+    setText = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    finalStop = _useState6[0],
-    setFinalStop = _useState6[1];
-  var recognition = new SpeechRecognition();
-  recognition.lang = locale;
-  recognition.interimResults = true;
-  recognition.continuous = true;
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    finalStop = _useState8[0],
+    setFinalStop = _useState8[1];
+  useEffect(function () {
+    if (recognition) return;
+    try {
+      var speechRecognition = new SpeechRecognition();
+      speechRecognition.interimResults = true;
+      speechRecognition.continuous = true;
+      speechRecognition.onstart = function () {
+        setFinalStop(false);
+        setIsLoading(true);
+      };
+      speechRecognition.onend = function () {
+        setIsLoading(false);
+        setFinalStop(true);
+      };
+      speechRecognition.onresult = function (_ref) {
+        var _result$;
+        var results = _ref.results;
+        if (!results) return;
+        var result = results[0];
+        if (!finalStop && result !== null && result !== void 0 && (_result$ = result[0]) !== null && _result$ !== void 0 && _result$.transcript) setText(result[0].transcript);
+        if (result.isFinal) {
+          speechRecognition.abort();
+          setIsLoading(false);
+        }
+      };
+      setRecognition(speechRecognition);
+    } catch (error) {
+      console.error(error);
+    }
+  }, []);
+  useEffect(function () {
+    if (recognition) recognition.lang = locale;
+  }, [locale, recognition]);
   var handleStop = function handleStop() {
-    recognition.abort();
+    try {
+      recognition.abort();
+    } catch (_unused) {}
     setIsLoading(false);
   };
-  recognition.onstart = function () {
-    setFinalStop(false);
-    setIsLoading(true);
-    setText('');
-  };
-  recognition.onend = function () {
-    setIsLoading(false);
-    setFinalStop(true);
-  };
-  recognition.onresult = function (_ref) {
-    var _result$;
-    var results = _ref.results;
-    if (!results) return;
-    var result = results[0];
-    if (!finalStop && result !== null && result !== void 0 && (_result$ = result[0]) !== null && _result$ !== void 0 && _result$.transcript) setText(result[0].transcript);
-    if (result.isFinal) handleStop();
-  };
   return {
     isLoading: isLoading,
     start: function start() {
-      return recognition.start();
+      try {
+        setText('');
+        recognition.start();
+      } catch (_unused2) {}
     },
     stop: function stop() {
       return handleStop();

package/es/useTTS/index.d.ts

@@ -1,7 +1,7 @@
 export { useAzureSpeech } from './hooks/useAzureSpeech';
 export { useEdgeSpeech } from './hooks/useEdgeSpeech';
 export { useMicrosoftSpeech } from './hooks/useMicrosoftSpeech';
-export { usePressSpeechRecognition } from './hooks/usePressSpeechRecognition';
+export { usePersistedSpeechRecognition } from './hooks/usePersistedSpeechRecognition';
 export { useSpeechRecognition } from './hooks/useSpeechRecognition';
 export { useSpeechSynthes } from './hooks/useSpeechSynthes';
 export { getAzureVoiceList, getEdgeVoiceList, getSpeechSynthesVoiceList, } from './utils/getVoiceList';

package/es/useTTS/index.js

@@ -1,7 +1,7 @@
 export { useAzureSpeech } from "./hooks/useAzureSpeech";
 export { useEdgeSpeech } from "./hooks/useEdgeSpeech";
 export { useMicrosoftSpeech } from "./hooks/useMicrosoftSpeech";
-export { usePressSpeechRecognition } from "./hooks/usePressSpeechRecognition";
+export { usePersistedSpeechRecognition } from "./hooks/usePersistedSpeechRecognition";
 export { useSpeechRecognition } from "./hooks/useSpeechRecognition";
 export { useSpeechSynthes } from "./hooks/useSpeechSynthes";
 export { getAzureVoiceList, getEdgeVoiceList, getSpeechSynthesVoiceList } from "./utils/getVoiceList";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.112.0",
+  "version": "1.113.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",