@agentscope-ai/chat 1.1.4 → 1.1.7

package/{dist/chat-anywhere → lib/ChatAnywhere}/SessionList/index.js

@@ -1,24 +1,31 @@
 import React, { useEffect } from 'react';
 import { Conversations } from "../..";
-import { MenuFoldOutlined, PlusOutlined, MenuUnfoldOutlined, DeleteOutlined } from '@ant-design/icons';
-import "./index.less";
 import cls from 'classnames';
 import { useProviderContext } from "../..";
-import { Button } from '@spark-ai/design';
+import { Button, IconButton } from "@ali/agentscope-ai-design";
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
 import { useSessionList } from "../hooks/useSessionList";
 import { useMessages } from "../hooks/useMessages";
 import { isMobileHook } from "../Layout";
+import useStyle from "./style";
+import { SparkOperateLeftLine, SparkOperateRightLine, SparkPlusLine, SparkDeleteLine } from "@agentscope-ai/icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function () {
+  var Style = useStyle();
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('chat-anywhere-session-list');
   var sessionListShow = useChatAnywhere(function (v) {
     return v.sessionListShow;
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: cls("".concat(prefixCls), sessionListShow ? '' : "".concat(prefixCls, "-hide"))
-  }, /*#__PURE__*/React.createElement(InnerAdder, null), /*#__PURE__*/React.createElement(InnerSession, null)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      className: cls("".concat(prefixCls), sessionListShow ? '' : "".concat(prefixCls, "-hide")),
+      children: [/*#__PURE__*/_jsx(InnerAdder, {}), /*#__PURE__*/_jsx(InnerSession, {})]
+    })]
+  });
 }
 export function InnerSession() {
   var _useProviderContext2 = useProviderContext(),
@@ -44,35 +51,36 @@ export function InnerSession() {
     var messages = getMessagesBySession(currentSessionKey, currentRegenerateIndex);
     setMessages(messages);
   }, [currentSessionKey, currentRegenerateIndex]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-session")
-  }, /*#__PURE__*/React.createElement(Conversations, {
-    menu: function menu(session) {
-      return {
-        items: [{
-          label: '删除',
-          key: 'delete',
-          icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
-          danger: true
-        }],
-        onClick: function onClick(e) {
-          e.domEvent.stopPropagation();
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(prefixCls, "-session"),
+    children: /*#__PURE__*/_jsx(Conversations, {
+      menu: function menu(session) {
+        return {
+          items: [{
+            label: '删除',
+            key: 'delete',
+            icon: /*#__PURE__*/_jsx(SparkDeleteLine, {}),
+            danger: true
+          }],
+          onClick: function onClick(e) {
+            e.domEvent.stopPropagation();
+          }
+        };
+      },
+      activeKey: currentSessionKey,
+      items: sessionList,
+      onActiveChange: function onActiveChange(key) {
+        if (getLoading()) return;
+        if (isMobile) {
+          setSessionListShow(false);
         }
-      };
-    },
-    activeKey: currentSessionKey,
-    items: sessionList,
-    onActiveChange: function onActiveChange(key) {
-      if (getLoading()) return;
-      if (isMobile) {
-        setSessionListShow(false);
+        requestIdleCallback(function () {
+          setCurrentSessionKey(key);
+          onSessionKeyChange(key);
+        });
       }
-      requestIdleCallback(function () {
-        setCurrentSessionKey(key);
-        onSessionKeyChange(key);
-      });
-    }
-  }));
+    })
+  });
 }
 export function InnerAdder() {
   var _useProviderContext3 = useProviderContext(),
@@ -90,26 +98,30 @@ export function InnerAdder() {
     return v.uiConfig;
   });
   var isMobile = isMobileHook();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-logo")
-  }, uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.logo, /*#__PURE__*/React.createElement(Button, {
-    className: "".concat(prefixCls, "-toggle"),
-    type: "text",
-    onClick: function onClick() {
-      return setSessionListShow(!sessionListShow);
-    },
-    icon: !sessionListShow ? /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null) : /*#__PURE__*/React.createElement(MenuFoldOutlined, null)
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-adder")
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    block: true,
-    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
-    onClick: function onClick() {
-      if (isMobile) {
-        setSessionListShow(false);
-      }
-      createSession();
-    }
-  }, "New Session")));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefixCls, "-logo"),
+      children: [uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.logo, /*#__PURE__*/_jsx(IconButton, {
+        bordered: false,
+        onClick: function onClick() {
+          return setSessionListShow(!sessionListShow);
+        },
+        icon: sessionListShow ? /*#__PURE__*/_jsx(SparkOperateLeftLine, {}) : /*#__PURE__*/_jsx(SparkOperateRightLine, {})
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-adder"),
+      children: /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        block: true,
+        icon: /*#__PURE__*/_jsx(SparkPlusLine, {}),
+        onClick: function onClick() {
+          if (isMobile) {
+            setSessionListShow(false);
+          }
+          createSession();
+        },
+        children: "New Session"
+      })
+    })]
+  });
 }

package/lib/ChatAnywhere/SessionList/style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/ChatAnywhere/SessionList/style.js

@@ -0,0 +1,14 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from "../..";
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-chat-anywhere-session-list {\n  display: flex;\n  flex-direction: column;\n  height: 0;\n  flex: 1;\n  width: 100%;\n\n  .", "-conversations {\n    height: 100%;\n  }\n\n  &-session { \n    height: 0;\n    flex: 1;\n    padding: 8px 20px;\n\n  }\n\n  &-logo {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n    height: 64px;\n  }\n\n  &-adder {\n    padding: 0 20px 8px 20px;\n    button {\n      border-radius: 6px;\n      box-shadow: 15px 0px 30px -10px rgba(131, 88, 246, 0.4),\n        0px 0px 30px -10px rgba(255, 142, 168, 0.4),\n        -15px 0px 30px -10px rgba(225, 163, 37, 0.4);\n    }\n  }\n\n  &-hide {\n    .", "-chat-anywhere-session-list-adder-logo > div {\n      opacity: 0;\n    }\n    .", "-chat-anywhere-session-list-adder {\n      opacity: 0;\n    }\n    .", "-chat-anywhere-session-list-session {\n      opacity: 0;\n    }\n  }\n}\n\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+});

package/lib/ChatAnywhere/hooks/ChatAnywhereProvider.d.ts

@@ -0,0 +1,148 @@
+import React from 'react';
+import { TMessage, TSession, IChatAnywhereConfig } from './types';
+import { useSessionList } from './useSessionList';
+import { useMessages } from './useMessages';
+import { useInput } from './useInput';
+import { ScrollToBottomOptions } from 'use-stick-to-bottom';
+export declare function ChatAnywhereProvider(props: IChatAnywhereConfig & {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const ChatAnywhereContext: import("use-context-selector").Context<IChatAnywhereContext>;
+export declare function useChatAnywhere<Selected>(selector: (value: IChatAnywhereContext) => Selected): Selected;
+export interface IChatAnywhereContext {
+    /**
+     * @description 会话列表数据，包含所有可用的聊天会话
+     * @descriptionEn Session list data containing all available chat sessions
+     */
+    sessionList: TSession[];
+    /**
+     * @description 设置会话列表的状态更新函数
+     * @descriptionEn State update function for setting session list
+     */
+    setSessionList: React.Dispatch<React.SetStateAction<TSession[]>>;
+    /**
+     * @description 获取当前会话列表的同步函数
+     * @descriptionEn Synchronous function to get current session list
+     */
+    getSessionList: () => TSession[];
+    /**
+     * @description 当前激活会话的唯一标识符
+     * @descriptionEn Unique identifier for the currently active session
+     */
+    currentSessionKey: string;
+    /**
+     * @description 设置当前会话标识符的状态更新函数
+     * @descriptionEn State update function for setting current session identifier
+     */
+    setCurrentSessionKey: React.Dispatch<React.SetStateAction<string>>;
+    /**
+     * @description 获取当前会话标识符的同步函数
+     * @descriptionEn Synchronous function to get current session identifier
+     */
+    getCurrentSessionKey: () => string;
+    /**
+     * @description 当前会话的消息列表
+     * @descriptionEn Message list for the current session
+     */
+    messages: TMessage[];
+    /**
+     * @description 设置消息列表的状态更新函数
+     * @descriptionEn State update function for setting message list
+     */
+    setMessages: React.Dispatch<React.SetStateAction<TMessage[]>>;
+    /**
+     * @description 获取当前消息列表的同步函数
+     * @descriptionEn Synchronous function to get current message list
+     */
+    getMessages: () => TMessage[];
+    /**
+     * @description 是否正在加载状态，影响UI的交互性
+     * @descriptionEn Whether in loading state, affects UI interactivity
+     */
+    loading: boolean;
+    /**
+     * @description 设置加载状态的状态更新函数
+     * @descriptionEn State update function for setting loading state
+     */
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * @description 获取当前加载状态的同步函数
+     * @descriptionEn Synchronous function to get current loading state
+     */
+    getLoading: () => boolean;
+    /**
+     * @description 是否禁用组件，影响所有交互功能
+     * @descriptionEn Whether to disable the component, affects all interaction functionality
+     */
+    disabled: boolean;
+    /**
+     * @description 设置禁用状态的状态更新函数
+     * @descriptionEn State update function for setting disabled state
+     */
+    setDisabled: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * @description 获取当前禁用状态的同步函数
+     * @descriptionEn Synchronous function to get current disabled state
+     */
+    getDisabled: () => boolean;
+    /**
+     * @description 是否显示会话列表，控制侧边栏的可见性
+     * @descriptionEn Whether to show session list, controls sidebar visibility
+     */
+    sessionListShow: boolean;
+    /**
+     * @description 设置会话列表显示状态的状态更新函数
+     * @descriptionEn State update function for setting session list display state
+     */
+    setSessionListShow: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * @description 获取当前会话列表显示状态的同步函数
+     * @descriptionEn Synchronous function to get current session list display state
+     */
+    getSessionListShow: () => boolean;
+    /**
+     * @description 当前重新生成的消息索引，用于定位重新生成的消息
+     * @descriptionEn Current regenerate message index for locating regenerated messages
+     */
+    currentRegenerateIndex: number;
+    /**
+     * @description 设置重新生成索引的状态更新函数
+     * @descriptionEn State update function for setting regenerate index
+     */
+    setCurrentRegenerateIndex: React.Dispatch<React.SetStateAction<number>>;
+    /**
+     * @description 获取当前重新生成索引的同步函数
+     * @descriptionEn Synchronous function to get current regenerate index
+     */
+    getCurrentRegenerateIndex: () => number;
+    /**
+     * @description 输入事件的处理函数，用于处理用户输入
+     * @descriptionEn Input event handler for processing user input
+     */
+    onInput?: IChatAnywhereConfig['onInput'];
+    /**
+     * @description 停止生成事件的处理函数，用于中断AI响应
+     * @descriptionEn Stop generation event handler for interrupting AI responses
+     */
+    onStop?: IChatAnywhereConfig['onStop'];
+    /**
+     * @description 文件上传事件的处理函数，用于处理文件上传
+     * @descriptionEn File upload event handler for processing file uploads
+     */
+    onUpload?: IChatAnywhereConfig['onUpload'];
+    /**
+     * @description 会话切换事件的处理函数，用于处理会话变更
+     * @descriptionEn Session change event handler for processing session switches
+     */
+    onSessionKeyChange?: IChatAnywhereConfig['onSessionKeyChange'];
+    /**
+     * @description UI配置对象，用于自定义界面外观和行为
+     * @descriptionEn UI configuration object for customizing interface appearance and behavior
+     */
+    uiConfig?: IChatAnywhereConfig['uiConfig'];
+}
+export type ChatAnywhereRef = ReturnType<typeof useMessages> & ReturnType<typeof useInput> & ReturnType<typeof useSessionList> & {
+    setInputContent: (content: string) => void;
+    scrollToBottom: (options?: ScrollToBottomOptions) => void;
+    reload: () => void;
+};

package/{dist/chat-anywhere → lib/ChatAnywhere}/hooks/ChatAnywhereProvider.js

@@ -16,6 +16,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { useGetState } from 'ahooks';
 import { createContext, useContextSelector } from 'use-context-selector';
+import { jsx as _jsx } from "react/jsx-runtime";
 export function ChatAnywhereProvider(props) {
   var _useGetState = useGetState([]),
     _useGetState2 = _slicedToArray(_useGetState, 3),
@@ -77,14 +78,19 @@ export function ChatAnywhereProvider(props) {
     setCurrentRegenerateIndex: setCurrentRegenerateIndex,
     getCurrentRegenerateIndex: getCurrentRegenerateIndex
   }, rest);
-  return /*#__PURE__*/React.createElement(ChatAnywhereContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/_jsx(ChatAnywhereContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 export var ChatAnywhereContext = createContext(undefined);
 export function useChatAnywhere(selector) {
-  var context = useContextSelector(ChatAnywhereContext, selector);
-  return context;
+  try {
+    var context = useContextSelector(ChatAnywhereContext, selector);
+    return context;
+  } catch (error) {
+    return {};
+  }
 }
 ;
 ;

package/lib/ChatAnywhere/hooks/types.d.ts

@@ -0,0 +1,312 @@
+/// <reference types="react" />
+import { GetProp, Upload, UploadFile } from 'antd';
+import { ScrollToBottomOptions } from 'use-stick-to-bottom';
+import { IChatAnywhereContext } from './ChatAnywhereProvider';
+export interface TSession {
+    /**
+     * @description 会话的唯一标识符，用于区分不同的聊天会话
+     * @descriptionEn Unique identifier for the session to distinguish different chat sessions
+     */
+    key: string;
+    /**
+     * @description 会话中的消息列表，按组进行组织
+     * @descriptionEn Message list in the session, organized by groups
+     */
+    messages: TMessage[][];
+    /**
+     * @description 会话的显示名称
+     * @descriptionEn Display name for the session
+     */
+    label: string;
+}
+export interface TMessageCard {
+    /**
+     * @description 卡片的唯一标识符
+     * @descriptionEn Unique identifier for the card
+     */
+    id?: string;
+    /**
+     * @description 卡片的类型代码
+     * @descriptionEn Type code for the card
+     */
+    code: string;
+    /**
+     * @description 卡片的渲染组件
+     * @descriptionEn Rendering component for the card
+     */
+    component?: React.FC;
+    /**
+     * @description 卡片的数据内容
+     * @descriptionEn Data content for the card
+     */
+    data?: string | any;
+}
+export interface TMessage {
+    /**
+     * @description 消息的唯一标识符
+     * @descriptionEn Unique identifier for the message
+     */
+    id: string;
+    /**
+     * @description 消息的文本内容
+     * @descriptionEn Text content of the message
+     */
+    content?: string;
+    /**
+     * @description 消息中的卡片组件配置
+     * @descriptionEn Card component configuration in the message
+     */
+    cards?: TMessageCard[];
+    /**
+     * @description 消息的角色类型，区分用户、助手和系统消息
+     * @descriptionEn Role type of the message to distinguish user, assistant, and system messages
+     */
+    role: 'user' | 'assistant' | 'system';
+    /**
+     * @description 消息的处理状态，影响显示效果
+     * @descriptionEn Processing status of the message, affects display effects
+     */
+    msgStatus?: 'finished' | 'interrupted' | 'generating' | 'error';
+}
+export interface IChatAnywhereConfigUIConfig {
+    /**
+     * @description 是否启用窄屏模式，影响响应式布局
+     * @descriptionEn Whether to enable narrow screen mode, affects responsive layout
+     */
+    narrowScreen?: boolean;
+    /**
+     * @description 背景样式配置
+     * @descriptionEn Background style configuration
+     */
+    background?: string;
+    /**
+     * @description 自定义头部组件
+     * @descriptionEn Custom header component
+     */
+    header?: React.ReactElement;
+    /**
+     * @description 快速输入组件，用于提供预设的输入选项
+     * @descriptionEn Quick input component for providing preset input options
+     */
+    quickInput?: React.ReactElement | React.ReactElement[];
+    /**
+     * @description 应用logo组件
+     * @descriptionEn Application logo component
+     */
+    logo?: React.ReactElement;
+    /**
+     * @description 欢迎页面组件
+     * @descriptionEn Welcome page component
+     */
+    welcome?: React.ReactElement;
+    /**
+     * @description 免责声明组件或文本
+     * @descriptionEn Disclaimer component or text
+     */
+    disclaimer?: React.ReactElement | string;
+}
+export interface IChatAnywhereConfigOnInput {
+    /**
+     * @description 输入框前的UI组件
+     * @descriptionEn UI component before the input field
+     */
+    beforeUI?: React.ReactElement;
+    /**
+     * @description 输入框后的UI组件
+     * @descriptionEn UI component after the input field
+     */
+    afterUI?: React.ReactElement;
+    /**
+     * @description 更多前缀操作组件
+     * @descriptionEn More prefix action components
+     */
+    morePrefixActions?: React.ReactElement | React.ReactElement[];
+    /**
+     * @description 是否隐藏输入框
+     * @descriptionEn Whether to hide the input field
+     */
+    hide?: boolean;
+    /**
+     * @description 输入框头部组件
+     * @descriptionEn Input field header components
+     */
+    header?: React.ReactElement | React.ReactElement[];
+    /**
+     * @description 提交消息时的回调函数
+     * @descriptionEn Callback function when submitting messages
+     */
+    onSubmit(data: {
+        query: string;
+        fileList?: UploadFile[][];
+    }): void;
+    /**
+     * @description 输入内容的最大长度限制
+     * @descriptionEn Maximum length limit for input content
+     */
+    maxLength?: number;
+    /**
+     * @description 提交前的验证函数
+     * @descriptionEn Validation function before submission
+     */
+    beforeSubmit?: () => Promise<Boolean>;
+    /**
+     * @description 是否支持缩放功能
+     * @descriptionEn Whether to support zoom functionality
+     */
+    zoomable?: boolean;
+    /**
+     * @description 输入框的占位符文本
+     * @descriptionEn Placeholder text for the input field
+     */
+    placeholder?: string;
+}
+export interface IChatAnywhereConfigOnUpload {
+    /**
+     * @description 上传组件的渲染类型，影响上传附件样式
+     * @descriptionEn Render type for the upload component, affects the style of the uploaded attachment
+     */
+    renderType?: 'simple' | 'default';
+    /**
+     * @description 最大上传文件数量
+     * @descriptionEn Maximum number of files to upload
+     */
+    maxCount?: GetProp<typeof Upload, 'maxCount'>;
+    /**
+     * @description 上传前的处理函数
+     * @descriptionEn Pre-upload processing function
+     */
+    beforeUpload?: GetProp<typeof Upload, 'beforeUpload'>;
+    /**
+     * @description 自定义上传请求函数
+     * @descriptionEn Custom upload request function
+     */
+    customRequest: GetProp<typeof Upload, 'customRequest'>;
+    /**
+     * @description 是否支持多文件上传
+     * @descriptionEn Whether to support multiple file uploads
+     */
+    multiple?: boolean;
+    /**
+     * @description 接受的文件类型
+     * @descriptionEn Accepted file types
+     */
+    accept?: string;
+    /**
+     * @description 上传按钮的图标
+     * @descriptionEn Icon for the upload button
+     */
+    icon?: string | React.ReactElement;
+}
+export interface IChatAnywhereConfig {
+    /**
+     * @description 卡片组件的配置映射，用于自定义不同类型卡片的渲染
+     * @descriptionEn Card component configuration mapping for customizing rendering of different card types
+     */
+    cardConfig?: {
+        [key: string]: React.FC<any>;
+    };
+    /**
+     * @description UI界面的配置选项，用于自定义外观和布局
+     * @descriptionEn UI interface configuration options for customizing appearance and layout
+     */
+    uiConfig?: IChatAnywhereConfigUIConfig;
+    /**
+     * @description 输入功能的配置选项
+     * @descriptionEn Configuration options for input functionality
+     */
+    onInput: IChatAnywhereConfigOnInput;
+    /**
+     * @description 停止生成的回调函数
+     * @descriptionEn Callback function for stopping generation
+     */
+    onStop?(): void;
+    /**
+     * @description 重新生成消息的回调函数
+     * @descriptionEn Callback function for regenerating messages
+     */
+    onRegenerate?(msg: Partial<TMessage>): void;
+    /**
+     * @description 会话切换时的回调函数
+     * @descriptionEn Callback function when switching sessions
+     */
+    onSessionKeyChange?(key: string): void;
+    /**
+     * @description 文件上传功能的配置选项
+     * @descriptionEn Configuration options for file upload functionality
+     */
+    onUpload?: IChatAnywhereConfigOnUpload[];
+}
+export interface IChatAnywhereRef extends IChatAnywhereContext {
+    /**
+     * @description 设置输入框内容的方法
+     * @descriptionEn Method to set input field content
+     */
+    setInputContent: (content: string) => void;
+    /**
+     * @description 滚动到底部的方法
+     * @descriptionEn Method to scroll to bottom
+     */
+    scrollToBottom: (options?: ScrollToBottomOptions) => void;
+    /**
+     * @description 重新加载的方法
+     * @descriptionEn Method to reload
+     */
+    reload: () => void;
+    /**
+     * @description 当前会话的消息列表
+     * @descriptionEn Message list for the current session
+     */
+    messages: TMessage[];
+    /**
+     * @description 更新消息的方法
+     * @descriptionEn Method to update message
+     */
+    updateMessage: (message: Partial<TMessage> & {
+        id: string;
+    }) => void;
+    /**
+     * @description 获取当前消息列表的同步函数
+     * @descriptionEn Synchronous function to get current message list
+     */
+    getMessages: () => TMessage[];
+    /**
+     * @description 删除消息的方法
+     * @descriptionEn Method to remove message
+     */
+    removeMessage: (message: Partial<TMessage>) => void;
+    /**
+     * @description 删除所有消息的方法
+     * @descriptionEn Method to remove all messages
+     */
+    removeAllMessages: () => void;
+    /**
+     * @description 是否正在加载状态，影响UI的交互性
+     * @descriptionEn Whether in loading state, affects UI interactivity
+     */
+    loading: boolean;
+    /**
+     * @description 设置加载状态的状态更新函数
+     * @descriptionEn State update function for setting loading state
+     */
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * @description 获取当前加载状态的同步函数
+     * @descriptionEn Synchronous function to get current loading state
+     */
+    getLoading: () => boolean;
+    /**
+     * @description 是否禁用组件，影响所有交互功能
+     * @descriptionEn Whether to disable the component, affects all interaction functionality
+     */
+    disabled: boolean;
+    /**
+     * @description 设置禁用状态的状态更新函数
+     * @descriptionEn State update function for setting disabled state
+     */
+    setDisabled: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * @description 获取当前禁用状态的同步函数
+     * @descriptionEn Synchronous function to get current disabled state
+     */
+    getDisabled: () => boolean;
+}

package/{dist/chat-anywhere → lib/ChatAnywhere}/hooks/useMessages.d.ts

@@ -5,7 +5,9 @@ export declare function useMessages(): {
     getMessage: (id: string) => TMessage;
     setMessages: React.Dispatch<React.SetStateAction<TMessage[]>>;
     getMessages: () => TMessage[];
-    updateMessage: (message: TMessage) => void;
+    updateMessage: (message: Partial<TMessage> & {
+        id: string;
+    }) => void;
     removeMessage: (message: Partial<TMessage>) => void;
     removeAllMessages: () => void;
 };