@tdesign-react/chat 1.0.2-alpha.7 → 1.0.2-alpha.9

package/es/chat-actionbar/index.js

@@ -1,23 +1,21 @@
 /**
- * tdesign v1.0.2-alpha.0
+ * tdesign v1.0.2-alpha.6
  * (c) 2026 tdesign
  * @license MIT
  */
 
 import 'tdesign-web-components/lib/chat-action';
 import reactify from '../_util/reactify.js';
+import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/toConsumableArray';
+import '@babel/runtime/helpers/typeof';
+import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/possibleConstructorReturn';
 import '@babel/runtime/helpers/getPrototypeOf';
 import '@babel/runtime/helpers/inherits';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/typeof';
 import 'react';
-import 'react-dom';
 import 'react-dom/client';
 
 var ChatActionBar = reactify("t-chat-action");

package/es/chat-actionbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../pro-components/chat/chat-actionbar/index.tsx"],"sourcesContent":["import { TdChatActionProps } from 'tdesign-web-components';\nimport 'tdesign-web-components/lib/chat-action';\nimport reactify from '../_util/reactify';\n\nexport const ChatActionBar: React.ForwardRefExoticComponent<\n  Omit<TdChatActionProps, 'ref'> &\n    React.RefAttributes<HTMLElement | undefined> & {\n      [key: string]: any;\n    }\n> = reactify<TdChatActionProps>('t-chat-action');\n\nexport default ChatActionBar;\nexport type { TdChatActionProps, TdChatActionsName } from 'tdesign-web-components';\n\n// 方案1\n// import { reactifyLazy } from './_util/reactifyLazy';\n// const ChatActionBar = reactifyLazy<{\n//   size: 'small' | 'medium' | 'large',\n//   variant: 'primary' | 'secondary' | 'outline'\n// }>(\n//   't-chat-action',\n//   'tdesign-web-components/esm/chat-action'\n// );\n\n// import ChatAction from 'tdesign-web-components/esm/chat-action';\n// import React, { forwardRef, useEffect } from 'react';\n\n// // 注册Web Components组件\n// const registerChatAction = () => {\n//   if (!customElements.get('t-chat-action')) {\n//     customElements.define('t-chat-action', ChatAction);\n//   }\n// };\n\n// // 在组件挂载时注册\n// const useRegisterWebComponent = () => {\n//   useEffect(() => {\n//     registerChatAction();\n//   }, []);\n// };\n\n// // 使用reactify创建React组件\n// const BaseChatActionBar = reactify<TdChatActionProps>('t-chat-action');\n\n// // 包装组件，确保Web Components已注册\n// export const ChatActionBar2 = forwardRef<\n//   HTMLElement | undefined,\n//   Omit<TdChatActionProps, 'ref'> & { [key: string]: any }\n// >((props, ref) => {\n//   useRegisterWebComponent();\n//   return <BaseChatActionBar {...props} ref={ref} />;\n// });\n"],"names":["ChatActionBar","reactify"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAIaA,aAAA,GAKTC,SAA4B,eAAe;;;;"}
+{"version":3,"file":"index.js","sources":["../../../pro-components/chat/chat-actionbar/index.tsx"],"sourcesContent":["import { TdChatActionProps } from 'tdesign-web-components';\nimport 'tdesign-web-components/lib/chat-action';\nimport reactify from '../_util/reactify';\n\nexport const ChatActionBar: React.ForwardRefExoticComponent<\n  Omit<TdChatActionProps, 'ref'> &\n    React.RefAttributes<HTMLElement | undefined> & {\n      [key: string]: any;\n    }\n> = reactify<TdChatActionProps>('t-chat-action');\n\nexport default ChatActionBar;\nexport type { TdChatActionProps, TdChatActionsName } from 'tdesign-web-components';\n\n// 方案1\n// import { reactifyLazy } from './_util/reactifyLazy';\n// const ChatActionBar = reactifyLazy<{\n//   size: 'small' | 'medium' | 'large',\n//   variant: 'primary' | 'secondary' | 'outline'\n// }>(\n//   't-chat-action',\n//   'tdesign-web-components/esm/chat-action'\n// );\n\n// import ChatAction from 'tdesign-web-components/esm/chat-action';\n// import React, { forwardRef, useEffect } from 'react';\n\n// // 注册Web Components组件\n// const registerChatAction = () => {\n//   if (!customElements.get('t-chat-action')) {\n//     customElements.define('t-chat-action', ChatAction);\n//   }\n// };\n\n// // 在组件挂载时注册\n// const useRegisterWebComponent = () => {\n//   useEffect(() => {\n//     registerChatAction();\n//   }, []);\n// };\n\n// // 使用reactify创建React组件\n// const BaseChatActionBar = reactify<TdChatActionProps>('t-chat-action');\n\n// // 包装组件，确保Web Components已注册\n// export const ChatActionBar2 = forwardRef<\n//   HTMLElement | undefined,\n//   Omit<TdChatActionProps, 'ref'> & { [key: string]: any }\n// >((props, ref) => {\n//   useRegisterWebComponent();\n//   return <BaseChatActionBar {...props} ref={ref} />;\n// });\n"],"names":["ChatActionBar","reactify"],"mappings":";;;;;;;;;;;;;;;;;;;;IAIaA,aAAA,GAKTC,SAA4B,eAAe;;;;"}

package/es/chat-attachments/_example-js/base.d.ts

@@ -0,0 +1,2 @@
+export default ChatAttachmentExample;
+declare function ChatAttachmentExample(): import("react/jsx-runtime").JSX.Element;

package/es/chat-attachments/_example-js/scroll-x.d.ts

@@ -0,0 +1,2 @@
+export default ChatAttachmentExample;
+declare function ChatAttachmentExample(): import("react/jsx-runtime").JSX.Element;

package/es/chat-attachments/_example-js/scroll-y.d.ts

@@ -0,0 +1,2 @@
+export default ChatAttachmentExample;
+declare function ChatAttachmentExample(): import("react/jsx-runtime").JSX.Element;

package/es/chat-attachments/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.0.0-beta.4
+ * tdesign v1.0.1
  * (c) 2025 tdesign
  * @license MIT
  */
@@ -17,6 +17,8 @@ import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/typeof';
 import 'react';
+import 'react-dom';
+import 'react-dom/client';
 
 var Attachments = reactify("t-attachments");
 

package/es/chat-attachments/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../pro-components/chat/chat-attachments/index.ts"],"sourcesContent":["import { TdAttachmentsProps } from 'tdesign-web-components';\nimport 'tdesign-web-components/lib/attachments';\nimport reactify from '../_util/reactify';\n\nexport const Attachments: React.ForwardRefExoticComponent<\n  Omit<TdAttachmentsProps, 'ref'> & React.RefAttributes<HTMLElement | undefined>\n> = reactify<TdAttachmentsProps>('t-attachments');\n\nexport default Attachments;\n\nexport type { TdAttachmentsProps, TdAttachmentItem } from 'tdesign-web-components';\n"],"names":["Attachments","reactify"],"mappings":";;;;;;;;;;;;;;;;;;;;IAIaA,WAAA,GAETC,SAA6B,eAAe;;;;"}
+{"version":3,"file":"index.js","sources":["../../../pro-components/chat/chat-attachments/index.ts"],"sourcesContent":["import { TdAttachmentsProps } from 'tdesign-web-components';\nimport 'tdesign-web-components/lib/attachments';\nimport reactify from '../_util/reactify';\n\nexport const Attachments: React.ForwardRefExoticComponent<\n  Omit<TdAttachmentsProps, 'ref'> & React.RefAttributes<HTMLElement | undefined>\n> = reactify<TdAttachmentsProps>('t-attachments');\n\nexport default Attachments;\n\nexport type { TdAttachmentsProps, TdAttachmentItem } from 'tdesign-web-components';\n"],"names":["Attachments","reactify"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAIaA,WAAA,GAETC,SAA6B,eAAe;;;;"}

package/es/chat-engine/_example-js/agui-basic.d.ts

@@ -0,0 +1,10 @@
+/**
+ * AG-UI 协议基础示例
+ *
+ * 学习目标：
+ * - 开启 AG-UI 协议支持（protocol: 'agui'）
+ * - 理解 AG-UI 协议的自动解析机制
+ * - 处理文本消息事件（TEXT_MESSAGE_*）
+ * - 初始化加载历史消息方法 AGUIAdapter.convertHistoryMessages
+ */
+export default function AguiBasicExample(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/agui-comprehensive.d.ts

@@ -0,0 +1,2 @@
+export default TravelPlannerContent;
+declare function TravelPlannerContent(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/agui-test.d.ts

@@ -0,0 +1,11 @@
+/**
+ * AG-UI 协议基础示例
+ *
+ * 学习目标：
+ * - 开启 AG-UI 协议支持（protocol: 'agui'）
+ * - 理解 AG-UI 协议的自动解析机制
+ * - 处理文本消息事件（TEXT_MESSAGE_*）
+ * - 初始化加载历史消息方法 AGUIAdapter.convertHistoryMessages
+ * - 调试 ToolCall 组件状态问题
+ */
+export default function AguiBasicExample(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/agui-toolcall.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 图片生成 Agent 聊天组件
+ * 演示如何使用 useAgentToolcall 和 useAgentState 实现工具调用和状态订阅
+ */
+export default function ImageGenAgentChat(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/agui-videoclip.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 使用状态订阅机制的视频剪辑Agent聊天组件
+ * 演示如何结合状态订阅和工具调用功能
+ */
+export default function VideoClipAgentChatWithSubscription(): import("react/jsx-runtime").JSX.Element;
+export function VideoClipSteps({ boundStateKey }: {
+    boundStateKey: any;
+}): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/agui.d.ts

@@ -0,0 +1 @@
+export default function ComponentsBuild(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/basic.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 快速开始示例
+ *
+ * 学习目标：
+ * - 使用 useChat Hook 创建聊天引擎
+ * - 组合 ChatList、ChatMessage、ChatSender 组件
+ * - 理解 chatEngine、messages、status 的作用
+ */
+export default function BasicExample(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/components/HotelCard.d.ts

@@ -0,0 +1,3 @@
+export function HotelCard({ hotels }: {
+    hotels: any;
+}): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/components/HumanInputForm.d.ts

@@ -0,0 +1,6 @@
+export function HumanInputForm({ formConfig, onSubmit, onCancel, disabled }: {
+    formConfig: any;
+    onSubmit: any;
+    onCancel: any;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/components/HumanInputResult.d.ts

@@ -0,0 +1,3 @@
+export function HumanInputResult({ userInput }: {
+    userInput: any;
+}): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/components/ItineraryCard.d.ts

@@ -0,0 +1,3 @@
+export function ItineraryCard({ plan }: {
+    plan: any;
+}): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/components/PlanningStatePanel.d.ts

@@ -0,0 +1,4 @@
+export function PlanningStatePanel({ className, currentStep }: {
+    className: any;
+    currentStep: any;
+}): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/components/Toolcall.d.ts

@@ -0,0 +1,4 @@
+export default function CustomToolCallRenderer({ toolCall, status }: {
+    toolCall: any;
+    status?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/components/WeatherCard.d.ts

@@ -0,0 +1,3 @@
+export function WeatherCard({ weather }: {
+    weather: any;
+}): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/components/login.d.ts

@@ -0,0 +1 @@
+export default function BaseForm(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/comprehensive.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 综合示例
+ *
+ * 本示例展示如何综合使用多个功能：
+ * - 初始消息和建议问题
+ * - 消息配置（样式、操作按钮）
+ * - 数据转换（思考过程、搜索结果、文本）
+ * - 请求配置（自定义参数）
+ * - 实例方法（重新生成、填充提示语）
+ * - 自定义插槽（输入框底部区域）
+ */
+export default function Comprehensive(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/custom-content.d.ts

@@ -0,0 +1 @@
+export default function CustomContent(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/hookComponent.d.ts

@@ -0,0 +1 @@
+export default function ComponentsBuild(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/initial-messages.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 初始化消息示例
+ *
+ * 学习目标：
+ * - 使用 defaultMessages 设置欢迎语和建议问题
+ * - 通过 chatEngine.setMessages 动态加载历史消息
+ * - 实现点击建议问题填充输入框
+ */
+export default function InitialMessages(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/instance-methods.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 实例方法示例
+ *
+ * 学习目标：
+ * - 通过 chatEngine 调用实例方法
+ * - 了解各种实例方法的使用场景
+ *
+ * 方法分类：
+ * 1. 消息设置：sendUserMessage、sendSystemMessage、setMessages
+ * 2. 发送控制: regenerateAIMessage、abortChat
+ * 3. 获取状态
+ */
+export default function InstanceMethods(): import("react/jsx-runtime").JSX.Element;

package/es/chat-engine/_example-js/travel-actions.d.ts

@@ -0,0 +1,91 @@
+export namespace weatherForecastAction {
+    export let name: string;
+    export let description: string;
+    export let parameters: {
+        name: string;
+        type: string;
+        required: boolean;
+    }[];
+    export { WeatherDisplay as component };
+}
+export namespace itineraryPlanAction {
+    let name_1: string;
+    export { name_1 as name };
+    let description_1: string;
+    export { description_1 as description };
+    let parameters_1: {
+        name: string;
+        type: string;
+        required: boolean;
+    }[];
+    export { parameters_1 as parameters };
+    export { PlanItinerary as component };
+    export function handler(args: any, backendResult: any): Promise<any>;
+}
+export namespace hotelRecommendAction {
+    let name_2: string;
+    export { name_2 as name };
+    let description_2: string;
+    export { description_2 as description };
+    let parameters_2: {
+        name: string;
+        type: string;
+        required: boolean;
+    }[];
+    export { parameters_2 as parameters };
+    export { HotelRecommend as component };
+}
+export namespace travelPreferencesAction {
+    let name_3: string;
+    export { name_3 as name };
+    let description_3: string;
+    export { description_3 as description };
+    let parameters_3: {
+        name: string;
+        type: string;
+        required: boolean;
+    }[];
+    export { parameters_3 as parameters };
+    export { TravelPreferences as component };
+}
+export const travelActions: {
+    name: string;
+    description: string;
+    parameters: {
+        name: string;
+        type: string;
+        required: boolean;
+    }[];
+    component: ({ status, args, result, error }: {
+        status: any;
+        args: any;
+        result: any;
+        error: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+}[];
+declare function WeatherDisplay({ status, args, result, error }: {
+    status: any;
+    args: any;
+    result: any;
+    error: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare function PlanItinerary({ status, args, result, error }: {
+    status: any;
+    args: any;
+    result: any;
+    error: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare function HotelRecommend({ status, args, result, error }: {
+    status: any;
+    args: any;
+    result: any;
+    error: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TravelPreferences({ status, args, result, error, respond }: {
+    status: any;
+    args: any;
+    result: any;
+    error: any;
+    respond: any;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/es/chat-engine/_example-js/travelToolcall.d.ts

@@ -0,0 +1 @@
+export default function TravelPlannerChat(): import("react/jsx-runtime").JSX.Element;

package/es/{chatbot/components/toolcall → chat-engine/components/activity}/index.d.ts

@@ -1,3 +1,4 @@
 export * from './types';
 export * from './registry';
 export * from './render';
+export { activityRegistry } from './registry';

package/es/chat-engine/components/activity/index.js

@@ -0,0 +1,18 @@
+/**
+ * tdesign v1.0.2-alpha.6
+ * (c) 2026 tdesign
+ * @license MIT
+ */
+
+import './types.js';
+export { activityRegistry } from './registry.js';
+export { ActivityRenderer } from './render.js';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/defineProperty';
+import 'react';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/possibleConstructorReturn';
+import '@babel/runtime/helpers/getPrototypeOf';
+import '@babel/runtime/helpers/inherits';
+//# sourceMappingURL=index.js.map

package/es/{chatbot/components/toolcall → chat-engine/components/activity}/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/es/chat-engine/components/activity/registry.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { ActivityConfig, ActivityRegistry, ActivityComponentProps } from './types';
+/**
+ * Activity 注册表管理器
+ * 参考 AgentToolcallRegistryManager 的设计，但简化了复杂的状态管理
+ */
+declare class ActivityRegistryManager {
+    private registry;
+    private renderFunctionCache;
+    /**
+     * 注册一个 Activity 配置
+     */
+    register<TContent = any>(config: ActivityConfig<TContent>): void;
+    /**
+     * 获取指定类型的 Activity 配置
+     */
+    get(activityType: string): ActivityConfig | undefined;
+    /**
+     * 获取或创建缓存的组件渲染函数
+     */
+    getRenderFunction(activityType: string): React.MemoExoticComponent<React.ComponentType<ActivityComponentProps>> | null;
+    /**
+     * 获取所有已注册的 Activity 配置
+     */
+    getAll(): ActivityRegistry;
+    /**
+     * 取消注册指定的 Activity
+     */
+    unregister(activityType: string): void;
+    /**
+     * 清空所有注册的 Activity
+     */
+    clear(): void;
+    /**
+     * 检查指定类型是否已注册
+     */
+    has(activityType: string): boolean;
+    /**
+     * 获取所有已注册的 Activity 类型
+     */
+    getRegisteredTypes(): string[];
+}
+export declare const activityRegistry: ActivityRegistryManager;
+export {};

package/es/{chatbot/components/toolcall → chat-engine/components/activity}/registry.js

@@ -1,6 +1,6 @@
 /**
- * tdesign v1.0.0-beta.4
- * (c) 2025 tdesign
+ * tdesign v1.0.2-alpha.6
+ * (c) 2026 tdesign
  * @license MIT
  */
 
@@ -11,42 +11,42 @@ import React from 'react';
 
 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; }
-var AgentToolcallRegistryManager = /*#__PURE__*/function () {
-  function AgentToolcallRegistryManager() {
-    _classCallCheck(this, AgentToolcallRegistryManager);
+var ActivityRegistryManager = /*#__PURE__*/function () {
+  function ActivityRegistryManager() {
+    _classCallCheck(this, ActivityRegistryManager);
     _defineProperty(this, "registry", {});
     _defineProperty(this, "renderFunctionCache", /* @__PURE__ */new Map());
   }
-  return _createClass(AgentToolcallRegistryManager, [{
+  return _createClass(ActivityRegistryManager, [{
     key: "register",
     value: function register(config) {
-      var existingConfig = this.registry[config.name];
+      var existingConfig = this.registry[config.activityType];
       if (existingConfig && existingConfig.component !== config.component) {
-        this.renderFunctionCache["delete"](config.name);
+        this.renderFunctionCache["delete"](config.activityType);
       }
-      this.registry[config.name] = config;
-      window.dispatchEvent(new CustomEvent("toolcall-registered", {
+      this.registry[config.activityType] = config;
+      window.dispatchEvent(new CustomEvent("activity-registered", {
         detail: {
-          name: config.name
+          activityType: config.activityType
         }
       }));
     }
   }, {
     key: "get",
-    value: function get(name) {
-      return this.registry[name];
+    value: function get(activityType) {
+      return this.registry[activityType];
     }
   }, {
     key: "getRenderFunction",
-    value: function getRenderFunction(name) {
-      var config = this.registry[name];
+    value: function getRenderFunction(activityType) {
+      var config = this.registry[activityType];
       if (!config) return null;
-      var memoizedComponent = this.renderFunctionCache.get(name);
+      var memoizedComponent = this.renderFunctionCache.get(activityType);
       if (!memoizedComponent) {
         memoizedComponent = /*#__PURE__*/React.memo(function (props) {
           return /*#__PURE__*/React.createElement(config.component, props);
         });
-        this.renderFunctionCache.set(name, memoizedComponent);
+        this.renderFunctionCache.set(activityType, memoizedComponent);
       }
       return memoizedComponent;
     }
@@ -57,9 +57,9 @@ var AgentToolcallRegistryManager = /*#__PURE__*/function () {
     }
   }, {
     key: "unregister",
-    value: function unregister(name) {
-      delete this.registry[name];
-      this.renderFunctionCache["delete"](name);
+    value: function unregister(activityType) {
+      delete this.registry[activityType];
+      this.renderFunctionCache["delete"](activityType);
     }
   }, {
     key: "clear",
@@ -67,9 +67,19 @@ var AgentToolcallRegistryManager = /*#__PURE__*/function () {
       this.registry = {};
       this.renderFunctionCache.clear();
     }
+  }, {
+    key: "has",
+    value: function has(activityType) {
+      return activityType in this.registry;
+    }
+  }, {
+    key: "getRegisteredTypes",
+    value: function getRegisteredTypes() {
+      return Object.keys(this.registry);
+    }
   }]);
 }();
-var agentToolcallRegistry = new AgentToolcallRegistryManager();
+var activityRegistry = new ActivityRegistryManager();
 
-export { agentToolcallRegistry };
+export { activityRegistry };
 //# sourceMappingURL=registry.js.map

package/es/chat-engine/components/activity/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sources":["../../../../../pro-components/chat/chat-engine/components/activity/registry.ts"],"sourcesContent":["import React from 'react';\nimport type { ActivityConfig, ActivityRegistry, ActivityComponentProps } from './types';\n\n/**\n * Activity 注册表管理器\n * 参考 AgentToolcallRegistryManager 的设计，但简化了复杂的状态管理\n */\nclass ActivityRegistryManager {\n  private registry: ActivityRegistry = {};\n\n  // 组件渲染函数缓存，避免重复创建 React 组件\n  private renderFunctionCache = new Map<\n    string,\n    React.MemoExoticComponent<React.ComponentType<ActivityComponentProps>>\n  >();\n\n  /**\n   * 注册一个 Activity 配置\n   */\n  register<TContent = any>(config: ActivityConfig<TContent>): void {\n    const existingConfig = this.registry[config.activityType];\n\n    // 如果组件发生变化，清除旧的缓存\n    if (existingConfig && existingConfig.component !== config.component) {\n      this.renderFunctionCache.delete(config.activityType);\n    }\n\n    this.registry[config.activityType] = config;\n\n    // 触发注册事件，支持动态注册\n    window.dispatchEvent(\n      new CustomEvent('activity-registered', {\n        detail: { activityType: config.activityType },\n      }),\n    );\n  }\n\n  /**\n   * 获取指定类型的 Activity 配置\n   */\n  get(activityType: string): ActivityConfig | undefined {\n    return this.registry[activityType];\n  }\n\n  /**\n   * 获取或创建缓存的组件渲染函数\n   */\n  getRenderFunction(activityType: string): React.MemoExoticComponent<React.ComponentType<ActivityComponentProps>> | null {\n    const config = this.registry[activityType];\n    if (!config) return null;\n\n    // 检查缓存\n    let memoizedComponent = this.renderFunctionCache.get(activityType);\n\n    if (!memoizedComponent) {\n      // 创建 memo 化的组件\n      memoizedComponent = React.memo((props: ActivityComponentProps) => \n        React.createElement(config.component, props)\n      );\n\n      // 缓存组件\n      this.renderFunctionCache.set(activityType, memoizedComponent);\n    }\n\n    return memoizedComponent;\n  }\n\n  /**\n   * 获取所有已注册的 Activity 配置\n   */\n  getAll(): ActivityRegistry {\n    return { ...this.registry };\n  }\n\n  /**\n   * 取消注册指定的 Activity\n   */\n  unregister(activityType: string): void {\n    delete this.registry[activityType];\n    this.renderFunctionCache.delete(activityType);\n  }\n\n  /**\n   * 清空所有注册的 Activity\n   */\n  clear(): void {\n    this.registry = {};\n    this.renderFunctionCache.clear();\n  }\n\n  /**\n   * 检查指定类型是否已注册\n   */\n  has(activityType: string): boolean {\n    return activityType in this.registry;\n  }\n\n  /**\n   * 获取所有已注册的 Activity 类型\n   */\n  getRegisteredTypes(): string[] {\n    return Object.keys(this.registry);\n  }\n}\n\n// 导出单例实例\nexport const activityRegistry = new ActivityRegistryManager();"],"names":["ActivityRegistryManager","_classCallCheck","_defineProperty","Map","_createClass","key","value","register","config","existingConfig","registry","activityType","component","renderFunctionCache","window","dispatchEvent","CustomEvent","detail","get","getRenderFunction","memoizedComponent","React","memo","props","createElement","set","getAll","_objectSpread","unregister","clear","has","getRegisteredTypes","Object","keys","activityRegistry"],"mappings":";;;;;;;;;;;;;AAAkB,IAOZA,uBAAwB,gBAAA,YAAA;AAAA,EAAA,SAAAA,uBAAA,GAAA;AAAAC,IAAAA,eAAA,OAAAD,uBAAA,CAAA,CAAA;IAAAE,eAAA,CAAA,IAAA,EAAA,UAAA,EACS,EAAC,CAAA,CAAA;AAAAA,IAAAA,eAAA,CAGR,IAAA,EAAA,qBAAA,qBAAIC,GAGhC,EAAA,CAAA,CAAA;AAAA,GAAA;EAAA,OAAAC,YAAA,CAAAJ,uBAAA,EAAA,CAAA;IAAAK,GAAA,EAAA,UAAA;AAAAC,IAAAA,KAAA,EAKF,SAAAC,SAAyBC,MAAwC,EAAA;MACzD,IAAAC,cAAA,GAAiB,IAAK,CAAAC,QAAA,CAASF,MAAO,CAAAG,YAAA,CAAA,CAAA;MAG5C,IAAIF,cAAkB,IAAAA,cAAA,CAAeG,SAAc,KAAAJ,MAAA,CAAOI,SAAW,EAAA;AAC9D,QAAA,IAAA,CAAAC,mBAAA,CAAA,QAAA,CAA2B,CAAAL,MAAA,CAAOG,YAAY,CAAA,CAAA;AACrD,OAAA;MAEK,IAAA,CAAAD,QAAA,CAASF,OAAOG,YAAgB,CAAA,GAAAH,MAAA,CAAA;AAG9BM,MAAAA,MAAA,CAAAC,aAAA,CACL,IAAIC,YAAY,qBAAuB,EAAA;AACrCC,QAAAA,MAAQ,EAAA;UAAEN,YAAc,EAAAH,MAAA,CAAOG,YAAAA;AAAa,SAAA;AAC9C,OAAC,CACH,CAAA,CAAA;AACF,KAAA;AAAA,GAAA,EAAA;IAAAN,GAAA,EAAA,KAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAY,IAAIP,YAAkD,EAAA;AACpD,MAAA,OAAO,KAAKD,QAAS,CAAAC,YAAA,CAAA,CAAA;AACvB,KAAA;AAAA,GAAA,EAAA;IAAAN,GAAA,EAAA,mBAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAa,kBAAkBR,YAAqG,EAAA;AAC/G,MAAA,IAAAH,MAAA,GAAS,KAAKE,QAAS,CAAAC,YAAA,CAAA,CAAA;AAC7B,MAAA,IAAI,CAACH,MAAA,EAAe,OAAA,IAAA,CAAA;MAGpB,IAAIY,iBAAoB,GAAA,IAAA,CAAKP,mBAAoB,CAAAK,GAAA,CAAIP,YAAY,CAAA,CAAA;MAEjE,IAAI,CAACS,iBAAmB,EAAA;AAEtBA,QAAAA,iBAAA,gBAAoBC,KAAM,CAAAC,IAAA,CAAK,UAACC,KAC9B,EAAA;UAAA,oBAAAF,KAAA,CAAMG,aAAc,CAAAhB,MAAA,CAAOI,WAAWW,KAAK,CAAA,CAAA;AAAA,SAC7C,CAAA,CAAA;QAGK,IAAA,CAAAV,mBAAA,CAAoBY,GAAI,CAAAd,YAAA,EAAcS,iBAAiB,CAAA,CAAA;AAC9D,OAAA;AAEO,MAAA,OAAAA,iBAAA,CAAA;AACT,KAAA;AAAA,GAAA,EAAA;IAAAf,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAoB,MAA2BA,GAAA;AAClB,MAAA,OAAAC,aAAA,CAAA,EAAA,EAAK,IAAA,CAAKjB,QAAS,CAAA,CAAA;AAC5B,KAAA;AAAA,GAAA,EAAA;IAAAL,GAAA,EAAA,YAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAsB,WAAWjB,YAA4B,EAAA;AACrC,MAAA,OAAO,KAAKD,QAAS,CAAAC,YAAA,CAAA,CAAA;AAChB,MAAA,IAAA,CAAAE,mBAAA,WAA2BF,YAAY,CAAA,CAAA;AAC9C,KAAA;AAAA,GAAA,EAAA;IAAAN,GAAA,EAAA,OAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAuB,KAAcA,GAAA;AACZ,MAAA,IAAA,CAAKnB,WAAW,EAAC,CAAA;AACjB,MAAA,IAAA,CAAKG,oBAAoBgB,KAAM,EAAA,CAAA;AACjC,KAAA;AAAA,GAAA,EAAA;IAAAxB,GAAA,EAAA,KAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAwB,IAAInB,YAA+B,EAAA;AACjC,MAAA,OAAOA,gBAAgB,IAAK,CAAAD,QAAA,CAAA;AAC9B,KAAA;AAAA,GAAA,EAAA;IAAAL,GAAA,EAAA,oBAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAyB,kBAA+BA,GAAA;AACtB,MAAA,OAAAC,MAAA,CAAOC,IAAK,CAAA,IAAA,CAAKvB,QAAQ,CAAA,CAAA;AAClC,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA,CAAA;IAIWwB,gBAAA,GAAmB,IAAIlC,uBAAwB;;;;"}

package/es/chat-engine/components/activity/render.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type ActivityData } from 'tdesign-web-components/lib/chat-engine';
+interface ActivityRendererProps {
+    activity: ActivityData;
+}
+/**
+ * Activity 渲染器组件
+ * 根据 activityType 查找注册的组件进行渲染
+ */
+export declare const ActivityRenderer: React.NamedExoticComponent<ActivityRendererProps>;
+export {};

package/es/chat-engine/components/activity/render.js

@@ -0,0 +1,107 @@
+/**
+ * tdesign v1.0.2-alpha.6
+ * (c) 2026 tdesign
+ * @license MIT
+ */
+
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _inherits from '@babel/runtime/helpers/inherits';
+import React, { Component, useState, useMemo, useEffect } from 'react';
+import { activityRegistry } from './registry.js';
+
+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; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var ActivityErrorBoundary = /*#__PURE__*/function (_Component) {
+  function ActivityErrorBoundary(props) {
+    var _this;
+    _classCallCheck(this, ActivityErrorBoundary);
+    _this = _callSuper(this, ActivityErrorBoundary, [props]);
+    _this.state = {
+      hasError: false,
+      error: null
+    };
+    return _this;
+  }
+  _inherits(ActivityErrorBoundary, _Component);
+  return _createClass(ActivityErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, errorInfo) {
+      console.error("[ActivityRenderer] Error in activity \"".concat(this.props.activityType, "\":"), error, errorInfo);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.hasError) {
+        return null;
+      }
+      return this.props.children;
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError(error) {
+      return {
+        hasError: true,
+        error: error
+      };
+    }
+  }]);
+}(Component);
+var DefaultActivityRenderer = function DefaultActivityRenderer(_ref) {
+  var activity = _ref.activity;
+  console.warn("[ActivityRenderer] Unknown activity type: ".concat(activity.activityType), activity.content);
+  return null;
+};
+var ActivityRenderer = /*#__PURE__*/React.memo(function (_ref2) {
+  var activity = _ref2.activity;
+  var _useState = useState(function () {
+      return !!activityRegistry.getRenderFunction(activity.activityType);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    isRegistered = _useState2[0],
+    setIsRegistered = _useState2[1];
+  var componentProps = useMemo(function () {
+    return {
+      activityType: activity.activityType,
+      content: activity.content,
+      messageId: activity.messageId || ""
+    };
+  }, [activity.activityType, activity.content, activity.messageId]);
+  useEffect(function () {
+    if (!isRegistered) {
+      var handleRegistered = function handleRegistered(event) {
+        var _event$detail;
+        if (((_event$detail = event.detail) === null || _event$detail === void 0 ? void 0 : _event$detail.activityType) === activity.activityType) {
+          setIsRegistered(true);
+        }
+      };
+      window.addEventListener("activity-registered", handleRegistered);
+      return function () {
+        window.removeEventListener("activity-registered", handleRegistered);
+      };
+    }
+  }, [activity.activityType, isRegistered]);
+  var MemoizedComponent = useMemo(function () {
+    return activityRegistry.getRenderFunction(activity.activityType);
+  }, [activity.activityType, isRegistered]);
+  if (!MemoizedComponent) {
+    return /* @__PURE__ */React.createElement(DefaultActivityRenderer, {
+      activity: activity
+    });
+  }
+  return /* @__PURE__ */React.createElement(ActivityErrorBoundary, {
+    activityType: activity.activityType
+  }, /* @__PURE__ */React.createElement(MemoizedComponent, _objectSpread({}, componentProps)));
+}, function (prevProps, nextProps) {
+  return prevProps.activity.activityType === nextProps.activity.activityType && prevProps.activity.messageId === nextProps.activity.messageId && JSON.stringify(prevProps.activity.content) === JSON.stringify(nextProps.activity.content);
+});
+ActivityRenderer.displayName = "ActivityRenderer";
+
+export { ActivityRenderer };
+//# sourceMappingURL=render.js.map