@tdesign-react/chat 1.0.0-beta.1

package/es/chat-loading/index.js

@@ -0,0 +1,26 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+import 'tdesign-web-components/lib/chat-loading';
+import reactify from '../_util/reactify.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/toConsumableArray';
+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 ChatLoading = reactify("t-chat-loading");
+
+export { ChatLoading, ChatLoading as default };
+//# sourceMappingURL=index.js.map

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

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

package/es/chat-markdown/index.d.ts

@@ -0,0 +1,6 @@
+import { TdChatMarkdownContentProps, TdMarkdownEngine } from 'tdesign-web-components';
+export declare const MarkdownEngine: typeof TdMarkdownEngine;
+export declare const ChatMarkdown: React.ForwardRefExoticComponent<Omit<TdChatMarkdownContentProps, 'ref'> & React.RefAttributes<HTMLElement | undefined>>;
+import 'tdesign-web-components/lib/chat-message/content/markdown-content';
+export default ChatMarkdown;
+export type { TdChatMarkdownContentProps } from 'tdesign-web-components';

package/es/chat-markdown/index.js

@@ -0,0 +1,28 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+import { TdMarkdownEngine } from 'tdesign-web-components';
+import reactify from '../_util/reactify.js';
+import 'tdesign-web-components/lib/chat-message/content/markdown-content';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/toConsumableArray';
+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 MarkdownEngine = TdMarkdownEngine;
+var ChatMarkdown = reactify("t-chat-md-content");
+
+export { ChatMarkdown, MarkdownEngine, ChatMarkdown as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../pro-components/chat/chat-markdown/index.ts"],"sourcesContent":["import { TdChatMarkdownContentProps, TdMarkdownEngine } from 'tdesign-web-components';\nimport reactify from '../_util/reactify';\n\nexport const MarkdownEngine: typeof TdMarkdownEngine = TdMarkdownEngine;\nexport const ChatMarkdown: React.ForwardRefExoticComponent<\n  Omit<TdChatMarkdownContentProps, 'ref'> & React.RefAttributes<HTMLElement | undefined>\n> = reactify<TdChatMarkdownContentProps>('t-chat-md-content');\n\n// eslint-disable-next-line import/first\nimport 'tdesign-web-components/lib/chat-message/content/markdown-content';\n\nexport default ChatMarkdown;\nexport type { TdChatMarkdownContentProps } from 'tdesign-web-components';\n"],"names":["MarkdownEngine","TdMarkdownEngine","ChatMarkdown","reactify"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,cAA0C,GAAAC,iBAAA;IAC1CC,YAAA,GAETC,SAAqC,mBAAmB;;;;"}

package/es/chat-message/index.d.ts

@@ -0,0 +1,5 @@
+import { type TdChatMessageProps } from 'tdesign-web-components';
+import 'tdesign-web-components/lib/chat-message';
+export declare const ChatMessage: React.ForwardRefExoticComponent<Omit<TdChatMessageProps & React.PropsWithChildren, 'ref'> & React.RefAttributes<HTMLElement | undefined>>;
+export default ChatMessage;
+export type { TdChatMessageProps } from 'tdesign-web-components';

package/es/chat-message/index.js

@@ -0,0 +1,26 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+import 'tdesign-web-components/lib/chat-message';
+import reactify from '../_util/reactify.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/toConsumableArray';
+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 ChatMessage = reactify("t-chat-item");
+
+export { ChatMessage, ChatMessage as default };
+//# sourceMappingURL=index.js.map

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

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

package/es/chat-sender/index.d.ts

@@ -0,0 +1,5 @@
+import { TdChatSenderProps } from 'tdesign-web-components';
+import 'tdesign-web-components/lib/chat-sender';
+export declare const ChatSender: React.ForwardRefExoticComponent<Omit<TdChatSenderProps & React.PropsWithChildren, 'ref'> & React.RefAttributes<HTMLElement | undefined>>;
+export default ChatSender;
+export type * from 'tdesign-web-components/lib/chat-sender/type';

package/es/chat-sender/index.js

@@ -0,0 +1,26 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+import 'tdesign-web-components/lib/chat-sender';
+import reactify from '../_util/reactify.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/toConsumableArray';
+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 ChatSender = reactify("t-chat-sender");
+
+export { ChatSender, ChatSender as default };
+//# sourceMappingURL=index.js.map

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

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

package/es/chat-thinking/index.d.ts

@@ -0,0 +1,5 @@
+import { TdChatThinkContentProps } from 'tdesign-web-components';
+import 'tdesign-web-components/lib/chat-message/content/thinking-content';
+export declare const ChatThinking: import("react").ForwardRefExoticComponent<Omit<TdChatThinkContentProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export default ChatThinking;
+export type { TdChatThinkContentProps } from 'tdesign-web-components';

package/es/chat-thinking/index.js

@@ -0,0 +1,27 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+import 'tdesign-web-components/lib/chat-message/content/thinking-content';
+import reactify from '../_util/reactify.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/toConsumableArray';
+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 ChatThinkContent = reactify("t-chat-thinking-content");
+var ChatThinking = ChatThinkContent;
+
+export { ChatThinking, ChatThinking as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../pro-components/chat/chat-thinking/index.ts"],"sourcesContent":["import { TdChatThinkContentProps } from 'tdesign-web-components';\nimport 'tdesign-web-components/lib/chat-message/content/thinking-content';\nimport reactify from '../_util/reactify';\n\nconst ChatThinkContent: React.ForwardRefExoticComponent<\n  Omit<TdChatThinkContentProps, 'ref'> & React.RefAttributes<HTMLElement | undefined>\n> = reactify<TdChatThinkContentProps>('t-chat-thinking-content');\n\nexport const ChatThinking = ChatThinkContent;\n\nexport default ChatThinking;\n\nexport type { TdChatThinkContentProps } from 'tdesign-web-components';\n"],"names":["ChatThinkContent","reactify","ChatThinking"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAA,GAEFC,SAAkC,yBAAyB,CAAA,CAAA;AAExD,IAAMC,YAAe,GAAAF;;;;"}

package/es/chatbot/components/provider/agent-state.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type StateActionOptions } from '../../hooks/useAgentState';
+export declare const AgentStateProvider: ({ children, initialState, subscribeKey }: StateActionOptions & {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/es/chatbot/components/provider/agent-state.js

@@ -0,0 +1,28 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+import React from 'react';
+import { useAgentState, AgentStateContext } from '../../hooks/useAgentState.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/slicedToArray';
+import 'tdesign-web-components/lib/chat-engine';
+
+var AgentStateProvider = function AgentStateProvider(_ref) {
+  var children = _ref.children,
+    _ref$initialState = _ref.initialState,
+    initialState = _ref$initialState === void 0 ? {} : _ref$initialState,
+    subscribeKey = _ref.subscribeKey;
+  var agentStateResult = useAgentState({
+    initialState: initialState,
+    subscribeKey: subscribeKey
+  });
+  return /* @__PURE__ */React.createElement(AgentStateContext.Provider, {
+    value: agentStateResult
+  }, children);
+};
+
+export { AgentStateProvider };
+//# sourceMappingURL=agent-state.js.map

package/es/chatbot/components/provider/agent-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-state.js","sources":["../../../../../pro-components/chat/chatbot/components/provider/agent-state.tsx"],"sourcesContent":["import React from 'react';\nimport { AgentStateContext, type StateActionOptions, useAgentState } from '../../hooks/useAgentState';\n\n// 导出 Provider 组件\nexport const AgentStateProvider = ({ children, initialState = {}, subscribeKey }: StateActionOptions & {\n  children: React.ReactNode;\n}) => {\n  const agentStateResult = useAgentState({\n    initialState,\n    subscribeKey,\n  });\n\n  return (\n    <AgentStateContext.Provider value={agentStateResult}>\n      {children}\n    </AgentStateContext.Provider>\n  );\n};\n"],"names":["AgentStateProvider","_ref","children","_ref$initialState","initialState","subscribeKey","agentStateResult","useAgentState","React","createElement","AgentStateContext","Provider","value"],"mappings":";;;;;;;;;;;;IAIaA,kBAAA,GAAqB,SAArBA,kBAAAA,CAAAC,IAAA,EAEP;AAAA,EAAA,IAF+BC,QAAA,GAAAD,IAAA,CAAAC,QAAA;IAAAC,iBAAA,GAAAF,IAAA,CAAUG;AAAAA,IAAAA,8CAAe,EAAC,GAAAD,iBAAA;IAAGE,oBAAAA;EAGhE,IAAMC,mBAAmBC,aAAc,CAAA;AACrCH,IAAAA,YAAA,EAAAA,YAAA;AACAC,IAAAA,YAAA,EAAAA,YAAAA;AACF,GAAC,CAAA,CAAA;EAGC,sBAAAG,KAAA,CAAAC,aAAA,CAACC,kBAAkBC,QAAlB,EAAA;AAA2BC,IAAAA,KAAO,EAAAN,gBAAAA;GAAA,EAChCJ,QACH,CAAA,CAAA;AAEJ;;;;"}

package/es/chatbot/components/toolcall/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './registry';
+export * from './render';

package/es/chatbot/components/toolcall/index.js

@@ -0,0 +1,19 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+export { isNonInteractive, isNonInteractiveConfig } from './types.js';
+export { agentToolcallRegistry } from './registry.js';
+export { ToolCallRenderer, withAgentStateToolcall, withAgentStateToolcall1 } from './render.js';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/defineProperty';
+import 'react';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '../../hooks/useAgentState.js';
+import 'tdesign-web-components/lib/chat-engine';
+//# sourceMappingURL=index.js.map

package/es/chatbot/components/toolcall/index.js.map

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

package/es/chatbot/components/toolcall/registry.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { AgentToolcallConfig, AgentToolcallRegistry, ToolcallComponentProps } from './types';
+/**
+ * 全局 Agent Toolcall 注册表
+ */
+declare class AgentToolcallRegistryManager {
+    private registry;
+    private renderFunctionCache;
+    /**
+     * 注册一个 Agent Toolcall
+     */
+    register<TArgs extends object = any, TResult = any, TResponse = any>(config: AgentToolcallConfig<TArgs, TResult, TResponse>): void;
+    /**
+     * 获取指定名称的 Agent Toolcall 配置
+     */
+    get(name: string): AgentToolcallConfig | undefined;
+    /**
+     * 获取或创建缓存的组件渲染函数
+     */
+    getRenderFunction(name: string): React.MemoExoticComponent<React.ComponentType<ToolcallComponentProps>> | null;
+    /**
+     * 获取所有已注册的 Agent Toolcall
+     */
+    getAll(): AgentToolcallRegistry;
+    /**
+     * 取消注册指定的 Agent Toolcall
+     */
+    unregister(name: string): void;
+    /**
+     * 清空所有注册的 Agent Toolcall
+     */
+    clear(): void;
+}
+export declare const agentToolcallRegistry: AgentToolcallRegistryManager;
+export {};

package/es/chatbot/components/toolcall/registry.js

@@ -0,0 +1,75 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+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);
+    _defineProperty(this, "registry", {});
+    _defineProperty(this, "renderFunctionCache", /* @__PURE__ */new Map());
+  }
+  return _createClass(AgentToolcallRegistryManager, [{
+    key: "register",
+    value: function register(config) {
+      var existingConfig = this.registry[config.name];
+      if (existingConfig && existingConfig.component !== config.component) {
+        this.renderFunctionCache["delete"](config.name);
+      }
+      this.registry[config.name] = config;
+      window.dispatchEvent(new CustomEvent("toolcall-registered", {
+        detail: {
+          name: config.name
+        }
+      }));
+    }
+  }, {
+    key: "get",
+    value: function get(name) {
+      return this.registry[name];
+    }
+  }, {
+    key: "getRenderFunction",
+    value: function getRenderFunction(name) {
+      var config = this.registry[name];
+      if (!config) return null;
+      var memoizedComponent = this.renderFunctionCache.get(name);
+      if (!memoizedComponent) {
+        memoizedComponent = /*#__PURE__*/React.memo(function (props) {
+          return /*#__PURE__*/React.createElement(config.component, props);
+        });
+        this.renderFunctionCache.set(name, memoizedComponent);
+      }
+      return memoizedComponent;
+    }
+  }, {
+    key: "getAll",
+    value: function getAll() {
+      return _objectSpread({}, this.registry);
+    }
+  }, {
+    key: "unregister",
+    value: function unregister(name) {
+      delete this.registry[name];
+      this.renderFunctionCache["delete"](name);
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.registry = {};
+      this.renderFunctionCache.clear();
+    }
+  }]);
+}();
+var agentToolcallRegistry = new AgentToolcallRegistryManager();
+
+export { agentToolcallRegistry };
+//# sourceMappingURL=registry.js.map

package/es/chatbot/components/toolcall/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sources":["../../../../../pro-components/chat/chatbot/components/toolcall/registry.ts"],"sourcesContent":["import React from 'react';\nimport type { AgentToolcallConfig, AgentToolcallRegistry, ToolcallComponentProps } from './types';\n\n/**\n * 全局 Agent Toolcall 注册表\n */\nclass AgentToolcallRegistryManager {\n  private registry: AgentToolcallRegistry = {};\n\n  // 添加组件渲染函数缓存（类似CopilotKit的chatComponentsCache.current.actions）\n  private renderFunctionCache = new Map<\n    string,\n    React.MemoExoticComponent<React.ComponentType<ToolcallComponentProps>>\n  >();\n\n  /**\n   * 注册一个 Agent Toolcall\n   */\n  register<TArgs extends object = any, TResult = any, TResponse = any>(\n    config: AgentToolcallConfig<TArgs, TResult, TResponse>,\n  ): void {\n    const existingConfig = this.registry[config.name];\n\n    // 如果组件发生变化，清除旧的缓存\n    if (existingConfig && existingConfig.component !== config.component) {\n      this.renderFunctionCache.delete(config.name);\n    }\n    this.registry[config.name] = config;\n    window.dispatchEvent(\n      new CustomEvent('toolcall-registered', {\n        detail: { name: config.name },\n      }),\n    );\n  }\n\n  /**\n   * 获取指定名称的 Agent Toolcall 配置\n   */\n  get(name: string): AgentToolcallConfig | undefined {\n    return this.registry[name];\n  }\n\n  /**\n   * 获取或创建缓存的组件渲染函数\n   */\n  getRenderFunction(name: string): React.MemoExoticComponent<React.ComponentType<ToolcallComponentProps>> | null {\n    const config = this.registry[name];\n    if (!config) return null;\n\n    // 检查缓存\n    let memoizedComponent = this.renderFunctionCache.get(name);\n\n    if (!memoizedComponent) {\n      // 创建memo化的组件\n      memoizedComponent = React.memo((props: ToolcallComponentProps) => React.createElement(config.component, props));\n\n      // 缓存组件\n      this.renderFunctionCache.set(name, memoizedComponent);\n    }\n\n    return memoizedComponent;\n  }\n\n  /**\n   * 获取所有已注册的 Agent Toolcall\n   */\n  getAll(): AgentToolcallRegistry {\n    return { ...this.registry };\n  }\n\n  /**\n   * 取消注册指定的 Agent Toolcall\n   */\n  unregister(name: string): void {\n    delete this.registry[name];\n    this.renderFunctionCache.delete(name);\n  }\n\n  /**\n   * 清空所有注册的 Agent Toolcall\n   */\n  clear(): void {\n    this.registry = {};\n    this.renderFunctionCache.clear();\n  }\n}\n\n// 导出单例实例\nexport const agentToolcallRegistry = new AgentToolcallRegistryManager();\n"],"names":["AgentToolcallRegistryManager","_classCallCheck","_defineProperty","Map","_createClass","key","value","register","config","existingConfig","registry","name","component","renderFunctionCache","window","dispatchEvent","CustomEvent","detail","get","getRenderFunction","memoizedComponent","React","memo","props","createElement","set","getAll","_objectSpread","unregister","clear","agentToolcallRegistry"],"mappings":"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"}

package/es/chatbot/components/toolcall/render.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ToolCall } from 'tdesign-web-components/lib/chat-engine';
+interface ToolCallRendererProps {
+    toolCall: ToolCall;
+    onRespond?: (toolCall: ToolCall, response: any) => void;
+}
+export declare const ToolCallRenderer: React.NamedExoticComponent<ToolCallRendererProps>;
+type WithAgentStateProps<P> = P & {
+    agentState?: Record<string, any>;
+};
+export declare const withAgentStateToolcall1: <P extends object>(Component: React.ComponentType<WithAgentStateProps<P>>) => React.ComponentType<P>;
+export declare const withAgentStateToolcall: <P extends object>(Component: React.ComponentType<WithAgentStateProps<P>>, subscribeKeyExtractor?: (props: P) => string | undefined) => React.ComponentType<P>;
+export {};

package/es/chatbot/components/toolcall/render.js

@@ -0,0 +1,207 @@
+/**
+ * tdesign v1.0.0-beta.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import React, { useState, useMemo, useCallback, useEffect } from 'react';
+import { isNonInteractiveConfig } from './types.js';
+import { agentToolcallRegistry } from './registry.js';
+import { useAgentStateDataByKey, AgentStateContext } from '../../hooks/useAgentState.js';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import 'tdesign-web-components/lib/chat-engine';
+
+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 ToolCallRenderer = /*#__PURE__*/React.memo(function (_ref) {
+  var toolCall = _ref.toolCall,
+    onRespond = _ref.onRespond;
+  var _useState = useState({
+      status: "idle"
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    actionState = _useState2[0],
+    setActionState = _useState2[1];
+  var config = useMemo(function () {
+    var cfg = agentToolcallRegistry.get(toolCall.toolCallName);
+    return cfg;
+  }, [toolCall.toolCallName]);
+  var _useState3 = useState(function () {
+      return !!agentToolcallRegistry.getRenderFunction(toolCall.toolCallName);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isRegistered = _useState4[0],
+    setIsRegistered = _useState4[1];
+  var args = useMemo(function () {
+    try {
+      return toolCall.args ? JSON.parse(toolCall.args) : {};
+    } catch (error) {
+      console.error("\u89E3\u6790\u5DE5\u5177\u8C03\u7528\u53C2\u6570\u5931\u8D25:", error);
+      return {};
+    }
+  }, [toolCall.args]);
+  var handleRespond = useCallback(function (response) {
+    if (onRespond) {
+      onRespond(toolCall, response);
+      setActionState(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          status: "complete",
+          result: response
+        });
+      });
+    }
+  }, [toolCall.toolCallId, onRespond]);
+  useEffect(function () {
+    if (!config) return;
+    if (isNonInteractiveConfig(config)) {
+      var executeHandler = /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          var backendResult, result, _t;
+          return _regeneratorRuntime.wrap(function (_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                setActionState({
+                  status: "executing"
+                });
+                if (toolCall.result) {
+                  try {
+                    backendResult = JSON.parse(toolCall.result);
+                  } catch (error) {
+                    console.warn("\u89E3\u6790\u540E\u7AEF\u7ED3\u679C\u5931\u8D25\uFF0C\u4F7F\u7528\u539F\u59CB\u5B57\u7B26\u4E32:", error);
+                    backendResult = toolCall.result;
+                  }
+                }
+                _context.next = 1;
+                return config.handler(args, backendResult);
+              case 1:
+                result = _context.sent;
+                setActionState({
+                  status: "complete",
+                  result: result
+                });
+                _context.next = 3;
+                break;
+              case 2:
+                _context.prev = 2;
+                _t = _context["catch"](0);
+                setActionState({
+                  status: "error",
+                  error: _t
+                });
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee, null, [[0, 2]]);
+        }));
+        return function executeHandler() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      executeHandler();
+    } else if (toolCall.result) {
+      try {
+        var result = JSON.parse(toolCall.result);
+        setActionState({
+          status: "complete",
+          result: result
+        });
+      } catch (error) {
+        setActionState({
+          status: "error",
+          error: error
+        });
+      }
+    } else {
+      setActionState({
+        status: "executing"
+      });
+    }
+  }, [config, args, toolCall.result]);
+  var subscribeKeyExtractor = useMemo(function () {
+    return config === null || config === void 0 ? void 0 : config.subscribeKey;
+  }, [config]);
+  var targetStateKey = useMemo(function () {
+    if (!subscribeKeyExtractor) return void 0;
+    var fullProps = {
+      status: actionState.status,
+      args: args,
+      result: actionState.result,
+      error: actionState.error,
+      respond: handleRespond
+    };
+    return subscribeKeyExtractor(fullProps);
+  }, [subscribeKeyExtractor, args, actionState]);
+  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.name) === toolCall.toolCallName) {
+          setIsRegistered(true);
+        }
+      };
+      window.addEventListener("toolcall-registered", handleRegistered);
+      return function () {
+        window.removeEventListener("toolcall-registered", handleRegistered);
+      };
+    }
+  }, [toolCall.toolCallName, isRegistered]);
+  var agentState = useAgentStateDataByKey(targetStateKey);
+  var componentProps = useMemo(function () {
+    return {
+      status: actionState.status,
+      args: args,
+      result: actionState.result,
+      error: actionState.error,
+      respond: handleRespond,
+      agentState: agentState
+    };
+  }, [actionState.status, args, actionState.result, actionState.error, handleRespond, agentState]);
+  var MemoizedComponent = useMemo(function () {
+    return agentToolcallRegistry.getRenderFunction(toolCall.toolCallName);
+  }, [toolCall.toolCallName, isRegistered]);
+  if (!MemoizedComponent) {
+    return null;
+  }
+  return /* @__PURE__ */React.createElement(MemoizedComponent, _objectSpread({}, componentProps));
+}, function (prevProps, nextProps) {
+  return prevProps.toolCall.toolCallId === nextProps.toolCall.toolCallId && prevProps.toolCall.toolCallName === nextProps.toolCall.toolCallName && prevProps.toolCall.args === nextProps.toolCall.args && prevProps.toolCall.result === nextProps.toolCall.result && prevProps.onRespond === nextProps.onRespond;
+});
+var withAgentStateToolcall1 = function withAgentStateToolcall1(Component) {
+  var WrappedComponent = function WrappedComponent(props) {
+    return /* @__PURE__ */React.createElement(AgentStateContext.Consumer, null, function (context) {
+      if (!context) {
+        console.warn("AgentStateContext not found, component will render without state");
+        return /* @__PURE__ */React.createElement(Component, _objectSpread({}, props));
+      }
+      return /* @__PURE__ */React.createElement(Component, _objectSpread(_objectSpread({}, props), {}, {
+        agentState: context.stateMap
+      }));
+    });
+  };
+  WrappedComponent.displayName = "withAgentState(".concat(Component.displayName || Component.name || "Component", ")");
+  return /*#__PURE__*/React.memo(WrappedComponent);
+};
+var withAgentStateToolcall = function withAgentStateToolcall(Component, subscribeKeyExtractor) {
+  var WrappedComponent = function WrappedComponent(props) {
+    var targetStateKey = useMemo(function () {
+      return subscribeKeyExtractor ? subscribeKeyExtractor(props) : void 0;
+    }, [props]);
+    var agentState = useAgentStateDataByKey(targetStateKey);
+    console.log("====WrappedComponent", agentState, targetStateKey);
+    return /* @__PURE__ */React.createElement(Component, _objectSpread(_objectSpread({}, props), {}, {
+      agentState: agentState
+    }));
+  };
+  WrappedComponent.displayName = "withAgentState(".concat(Component.displayName || Component.name || "Component", ")");
+  return /*#__PURE__*/React.memo(WrappedComponent);
+};
+
+export { ToolCallRenderer, withAgentStateToolcall, withAgentStateToolcall1 };
+//# sourceMappingURL=render.js.map