@tdesign-react/chat 1.0.2 → 1.0.3-alpha.2

package/es/chat-engine/components/a2ui/primitives/A2UITextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"A2UITextField.js","sources":["../../../../../../pro-components/chat/chat-engine/components/a2ui/primitives/A2UITextField.tsx"],"sourcesContent":["/**\n * A2UI TextField 组件\n * A2UI v0.9 标准输入框组件\n */\n\nimport React, { useCallback } from 'react';\nimport { Input, Textarea } from 'tdesign-react';\nimport { useDataBinding, useTwoWayBinding } from '../../../hooks/a2ui/useDataBinding';\nimport type { A2UITextFieldComponent } from '../../../core/a2ui';\n\nexport interface A2UITextFieldProps extends Omit<A2UITextFieldComponent, 'component'> {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const A2UITextField: React.FC<A2UITextFieldProps> = ({\n  id,\n  label,\n  text,\n  usageHint = 'shortText',\n  validationRegexp,\n  placeholder,\n  disabled,\n  className,\n  style,\n}) => {\n  // 解析标签\n  const resolvedLabel = useDataBinding<React.ReactNode>(label);\n  // 双向绑定文本值\n  const [inputValue, setInputValue] = useTwoWayBinding<string>(text, '');\n  // 解析禁用状态\n  const resolvedDisabled = useDataBinding<boolean | undefined>(disabled);\n\n  // 处理 onChange\n  const handleChange = useCallback(\n    (val: string) => {\n      // 如果有验证正则，进行验证\n      if (validationRegexp && typeof validationRegexp === 'string') {\n        const regex = new RegExp(validationRegexp);\n        if (!regex.test(val) && val !== '') {\n          return; // 不符合正则，不更新\n        }\n      }\n      setInputValue(val);\n    },\n    [setInputValue, validationRegexp]\n  );\n\n  // 根据 usageHint 决定渲染组件\n  if (usageHint === 'longText') {\n    return (\n      <div className={className} style={style}>\n        {resolvedLabel && (\n          <label style={{ display: 'block', marginBottom: 4 }}>{resolvedLabel}</label>\n        )}\n        <Textarea\n          value={inputValue as string}\n          placeholder={placeholder as string}\n          disabled={resolvedDisabled as boolean}\n          onChange={handleChange}\n          autosize={{ minRows: 3, maxRows: 10 }}\n        />\n      </div>\n    );\n  }\n\n  // shortText, number, obscured 使用 Input\n  const inputType = usageHint === 'obscured' ? 'password' : usageHint === 'number' ? 'number' : 'text';\n\n  return (\n    <Input\n      className={className}\n      style={style}\n      value={inputValue as string}\n      placeholder={placeholder as string}\n      disabled={resolvedDisabled as boolean}\n      label={resolvedLabel}\n      type={inputType}\n      onChange={handleChange}\n    />\n  );\n};\n\nA2UITextField.displayName = 'A2UITextField';\n\nexport default A2UITextField;\n"],"names":["A2UITextField","id","_ref","label","text","_ref$usageHint","usageHint","validationRegexp","placeholder","disabled","className","style","resolvedLabel","useDataBinding","_useTwoWayBinding","useTwoWayBinding","_useTwoWayBinding2","_slicedToArray","inputValue","setInputValue","resolvedDisabled","handleChange","useCallback","val","regex","RegExp","test","React","createElement","display","marginBottom","Textarea","value","onChange","autosize","minRows","maxRows","inputType","Input","type","displayName"],"mappings":"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"}

package/es/chat-engine/components/a2ui/primitives/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * A2UI 基础组件导出
+ */
+export { A2UIText, type A2UITextProps } from './A2UIText';
+export { A2UIImage, type A2UIImageProps } from './A2UIImage';
+export { A2UIIcon, type A2UIIconProps } from './A2UIIcon';
+export { A2UIButton, type A2UIButtonProps } from './A2UIButton';
+export { A2UIInput, type A2UIInputProps } from './A2UIInput';
+export { A2UITextField, type A2UITextFieldProps } from './A2UITextField';
+export { A2UICheckBox, type A2UICheckBoxProps } from './A2UICheckBox';
+export { A2UIChoicePicker, type A2UIChoicePickerProps } from './A2UIChoicePicker';
+export { A2UISlider, type A2UISliderProps } from './A2UISlider';
+export { A2UIRadioGroup, type A2UIRadioGroupProps } from './A2UIRadioGroup';
+export { A2UICheckboxGroup, type A2UICheckboxGroupProps } from './A2UICheckboxGroup';
+export { A2UIDivider, type A2UIDividerProps } from './A2UIDivider';

package/es/chat-engine/components/a2ui/primitives/index.js

@@ -0,0 +1,39 @@
+/**
+ * tdesign v1.0.2-alpha.14
+ * (c) 2026 tdesign
+ * @license MIT
+ */
+
+export { A2UIText } from './A2UIText.js';
+export { A2UIImage } from './A2UIImage.js';
+export { A2UIIcon } from './A2UIIcon.js';
+export { A2UIButton } from './A2UIButton.js';
+export { A2UIInput } from './A2UIInput.js';
+export { A2UITextField } from './A2UITextField.js';
+export { A2UICheckBox } from './A2UICheckBox.js';
+export { A2UIChoicePicker } from './A2UIChoicePicker.js';
+export { A2UISlider } from './A2UISlider.js';
+export { A2UIRadioGroup } from './A2UIRadioGroup.js';
+export { A2UICheckboxGroup } from './A2UICheckboxGroup.js';
+export { A2UIDivider } from './A2UIDivider.js';
+import '@babel/runtime/helpers/defineProperty';
+import 'react';
+import 'classnames';
+import '../../../hooks/a2ui/useDataBinding.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '../../../hooks/a2ui/A2UIContext.js';
+import '../../../core/a2ui/utils/index.js';
+import '../../../core/a2ui/utils/binding.js';
+import '@babel/runtime/helpers/typeof';
+import '../../../core/a2ui/utils/validation.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'tdesign-react';
+import '../../../hooks/a2ui/useA2UIAction.js';
+import '../A2UIComponentRenderer.js';
+import '../A2UIErrorBoundary.js';
+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';
+//# sourceMappingURL=index.js.map

package/es/chat-engine/components/a2ui/primitives/index.js.map

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

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

@@ -0,0 +1,35 @@
+/**
+ * A2UI 默认组件注册表
+ * 将 A2UI 组件类型映射到 TDesign 实现
+ */
+import type { ComponentRegistry } from '../../hooks/a2ui/A2UIContext';
+/**
+ * 默认组件注册表
+ *
+ * 组件类型名称遵循 A2UI v0.9 协议规范
+ */
+export declare const defaultComponentRegistry: ComponentRegistry;
+/**
+ * 创建自定义组件注册表
+ *
+ * @example
+ * ```tsx
+ * const customRegistry = createComponentRegistry({
+ *   ...defaultComponentRegistry,
+ *   Button: MyCustomButton, // 覆盖默认 Button
+ *   CustomWidget: MyWidget,  // 添加自定义组件
+ * });
+ * ```
+ */
+export declare function createComponentRegistry(components: ComponentRegistry): ComponentRegistry;
+/**
+ * 扩展默认注册表
+ *
+ * @example
+ * ```tsx
+ * const registry = extendComponentRegistry({
+ *   CustomWidget: MyWidget,
+ * });
+ * ```
+ */
+export declare function extendComponentRegistry(extensions: Partial<ComponentRegistry>): ComponentRegistry;

package/es/chat-engine/components/a2ui/registry.js

@@ -0,0 +1,74 @@
+/**
+ * tdesign v1.0.2-alpha.14
+ * (c) 2026 tdesign
+ * @license MIT
+ */
+
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { A2UIText } from './primitives/A2UIText.js';
+import { A2UIImage } from './primitives/A2UIImage.js';
+import { A2UIIcon } from './primitives/A2UIIcon.js';
+import { A2UIButton } from './primitives/A2UIButton.js';
+import { A2UIInput } from './primitives/A2UIInput.js';
+import { A2UITextField } from './primitives/A2UITextField.js';
+import { A2UICheckBox } from './primitives/A2UICheckBox.js';
+import { A2UIChoicePicker } from './primitives/A2UIChoicePicker.js';
+import { A2UISlider } from './primitives/A2UISlider.js';
+import { A2UIRadioGroup } from './primitives/A2UIRadioGroup.js';
+import { A2UICheckboxGroup } from './primitives/A2UICheckboxGroup.js';
+import { A2UIDivider } from './primitives/A2UIDivider.js';
+import { A2UICard } from './containers/A2UICard.js';
+import { A2UIRow } from './containers/A2UIRow.js';
+import { A2UIColumn } from './containers/A2UIColumn.js';
+import { A2UIList } from './containers/A2UIList.js';
+import { A2UITabs } from './containers/A2UITabs.js';
+import 'react';
+import 'classnames';
+import '../../hooks/a2ui/useDataBinding.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '../../hooks/a2ui/A2UIContext.js';
+import '../../core/a2ui/utils/index.js';
+import '../../core/a2ui/utils/binding.js';
+import '@babel/runtime/helpers/typeof';
+import '../../core/a2ui/utils/validation.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'tdesign-react';
+import '../../hooks/a2ui/useA2UIAction.js';
+import './A2UIComponentRenderer.js';
+import './A2UIErrorBoundary.js';
+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';
+
+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 defaultComponentRegistry = {
+  Text: A2UIText,
+  Image: A2UIImage,
+  Icon: A2UIIcon,
+  Button: A2UIButton,
+  TextField: A2UITextField,
+  CheckBox: A2UICheckBox,
+  ChoicePicker: A2UIChoicePicker,
+  Slider: A2UISlider,
+  Divider: A2UIDivider,
+  Card: A2UICard,
+  Row: A2UIRow,
+  Column: A2UIColumn,
+  List: A2UIList,
+  Tabs: A2UITabs,
+  Input: A2UIInput,
+  RadioGroup: A2UIRadioGroup,
+  CheckboxGroup: A2UICheckboxGroup
+};
+function createComponentRegistry(components) {
+  return _objectSpread({}, components);
+}
+function extendComponentRegistry(extensions) {
+  return _objectSpread(_objectSpread({}, defaultComponentRegistry), extensions);
+}
+
+export { createComponentRegistry, defaultComponentRegistry, extendComponentRegistry };
+//# sourceMappingURL=registry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sources":["../../../../../pro-components/chat/chat-engine/components/a2ui/registry.ts"],"sourcesContent":["/**\n * A2UI 默认组件注册表\n * 将 A2UI 组件类型映射到 TDesign 实现\n */\n\nimport type { ComponentRegistry } from '../../hooks/a2ui/A2UIContext';\n\n// Display 组件\nimport { A2UIText } from './primitives/A2UIText';\nimport { A2UIImage } from './primitives/A2UIImage';\nimport { A2UIIcon } from './primitives/A2UIIcon';\n\n// Interactive 组件\nimport { A2UIButton } from './primitives/A2UIButton';\nimport { A2UIInput } from './primitives/A2UIInput';\nimport { A2UITextField } from './primitives/A2UITextField';\nimport { A2UICheckBox } from './primitives/A2UICheckBox';\nimport { A2UIChoicePicker } from './primitives/A2UIChoicePicker';\nimport { A2UISlider } from './primitives/A2UISlider';\nimport { A2UIRadioGroup } from './primitives/A2UIRadioGroup';\nimport { A2UICheckboxGroup } from './primitives/A2UICheckboxGroup';\nimport { A2UIDivider } from './primitives/A2UIDivider';\n\n// 容器组件\nimport { A2UICard } from './containers/A2UICard';\nimport { A2UIRow } from './containers/A2UIRow';\nimport { A2UIColumn } from './containers/A2UIColumn';\nimport { A2UIList } from './containers/A2UIList';\nimport { A2UITabs } from './containers/A2UITabs';\n\n/**\n * 默认组件注册表\n * \n * 组件类型名称遵循 A2UI v0.9 协议规范\n */\nexport const defaultComponentRegistry: ComponentRegistry = {\n  // ===== Display 组件 =====\n  Text: A2UIText,\n  Image: A2UIImage,\n  Icon: A2UIIcon,\n\n  // ===== Interactive 组件 =====\n  Button: A2UIButton,\n  TextField: A2UITextField,\n  CheckBox: A2UICheckBox,\n  ChoicePicker: A2UIChoicePicker,\n  Slider: A2UISlider,\n  Divider: A2UIDivider,\n\n  // ===== Layout 组件 =====\n  Card: A2UICard,\n  Row: A2UIRow,\n  Column: A2UIColumn,\n  List: A2UIList,\n  Tabs: A2UITabs,\n\n  // ===== TDesign 扩展（向后兼容）=====\n  Input: A2UIInput,\n  RadioGroup: A2UIRadioGroup,\n  CheckboxGroup: A2UICheckboxGroup,\n};\n\n/**\n * 创建自定义组件注册表\n * \n * @example\n * ```tsx\n * const customRegistry = createComponentRegistry({\n *   ...defaultComponentRegistry,\n *   Button: MyCustomButton, // 覆盖默认 Button\n *   CustomWidget: MyWidget,  // 添加自定义组件\n * });\n * ```\n */\nexport function createComponentRegistry(\n  components: ComponentRegistry\n): ComponentRegistry {\n  return { ...components };\n}\n\n/**\n * 扩展默认注册表\n * \n * @example\n * ```tsx\n * const registry = extendComponentRegistry({\n *   CustomWidget: MyWidget,\n * });\n * ```\n */\nexport function extendComponentRegistry(\n  extensions: Partial<ComponentRegistry>\n): ComponentRegistry {\n  return {\n    ...defaultComponentRegistry,\n    ...extensions,\n  };\n}\n"],"names":["defaultComponentRegistry","Text","A2UIText","Image","A2UIImage","Icon","A2UIIcon","Button","A2UIButton","TextField","A2UITextField","CheckBox","A2UICheckBox","ChoicePicker","A2UIChoicePicker","Slider","A2UISlider","Divider","A2UIDivider","Card","A2UICard","Row","A2UIRow","Column","A2UIColumn","List","A2UIList","Tabs","A2UITabs","Input","A2UIInput","RadioGroup","A2UIRadioGroup","CheckboxGroup","A2UICheckboxGroup","createComponentRegistry","components","_objectSpread","extendComponentRegistry","extensions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,IAAMA,wBAA8C,GAAA;AAEzDC,EAAAA,IAAM,EAAAC,QAAA;AACNC,EAAAA,KAAO,EAAAC,SAAA;AACPC,EAAAA,IAAM,EAAAC,QAAA;AAGNC,EAAAA,MAAQ,EAAAC,UAAA;AACRC,EAAAA,SAAW,EAAAC,aAAA;AACXC,EAAAA,QAAU,EAAAC,YAAA;AACVC,EAAAA,YAAc,EAAAC,gBAAA;AACdC,EAAAA,MAAQ,EAAAC,UAAA;AACRC,EAAAA,OAAS,EAAAC,WAAA;AAGTC,EAAAA,IAAM,EAAAC,QAAA;AACNC,EAAAA,GAAK,EAAAC,OAAA;AACLC,EAAAA,MAAQ,EAAAC,UAAA;AACRC,EAAAA,IAAM,EAAAC,QAAA;AACNC,EAAAA,IAAM,EAAAC,QAAA;AAGNC,EAAAA,KAAO,EAAAC,SAAA;AACPC,EAAAA,UAAY,EAAAC,cAAA;AACZC,EAAAA,aAAe,EAAAC,iBAAAA;AACjB,EAAA;AAcO,SAASC,wBACdC,UACmB,EAAA;EACZ,OAAAC,aAAA,KAAKD,UAAW,CAAA,CAAA;AACzB,CAAA;AAYO,SAASE,wBACdC,UACmB,EAAA;AACZ,EAAA,OAAAF,aAAA,CAAAA,aAAA,CACFrC,EAAAA,EAAAA,wBAAA,GACAuC,UAAA,CAAA,CAAA;AAEP;;;;"}

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

@@ -5,15 +5,19 @@
  */
 
 import './types.js';
-export { activityRegistry } from './registry.js';
+export { ACTIVITY_EVENT_DETAIL_KEY, ACTIVITY_REGISTERED_EVENT, activityRegistry } from './registry.js';
 export { ActivityRenderer } from './render.js';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
+import '../shared/index.js';
+import '../shared/createRegistry.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'react';
-import '@babel/runtime/helpers/slicedToArray';
+import '../shared/ComponentErrorBoundary.js';
+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 '../shared/useRegistrationListener.js';
+import '@babel/runtime/helpers/slicedToArray';
 import 'react-fast-compare';
 //# sourceMappingURL=index.js.map

package/es/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

@@ -1,44 +1,10 @@
-import React from 'react';
-import type { ActivityConfig, ActivityRegistry, ActivityComponentProps } from './types';
+import type { ActivityConfig, ActivityComponentProps } from './types';
+/** Activity 注册事件名称 */
+export declare const ACTIVITY_REGISTERED_EVENT = "activity-registered";
+/** Activity 注册事件 detail 键名 */
+export declare const ACTIVITY_EVENT_DETAIL_KEY = "activityType";
 /**
  * Activity 注册表管理器
  * 业务方注册具体的 activityType（如 json-render-main-card），精确匹配
  */
-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 {};
+export declare const activityRegistry: import("../shared").IRegistryManager<ActivityConfig<any>, ActivityComponentProps<any>>;

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

@@ -4,82 +4,28 @@
  * @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';
+import '../shared/index.js';
+import { createRegistryManager } from '../shared/createRegistry.js';
+import '../shared/ComponentErrorBoundary.js';
+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 'react';
+import '../shared/useRegistrationListener.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
 
-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 ActivityRegistryManager = /*#__PURE__*/function () {
-  function ActivityRegistryManager() {
-    _classCallCheck(this, ActivityRegistryManager);
-    _defineProperty(this, "registry", {});
-    _defineProperty(this, "renderFunctionCache", /* @__PURE__ */new Map());
-  }
-  return _createClass(ActivityRegistryManager, [{
-    key: "register",
-    value: function register(config) {
-      var existingConfig = this.registry[config.activityType];
-      if (existingConfig && existingConfig.component !== config.component) {
-        this.renderFunctionCache["delete"](config.activityType);
-      }
-      this.registry[config.activityType] = config;
-      window.dispatchEvent(new CustomEvent("activity-registered", {
-        detail: {
-          activityType: config.activityType
-        }
-      }));
-    }
-  }, {
-    key: "get",
-    value: function get(activityType) {
-      return this.registry[activityType];
-    }
-  }, {
-    key: "getRenderFunction",
-    value: function getRenderFunction(activityType) {
-      var config = this.registry[activityType];
-      if (!config) return null;
-      var memoizedComponent = this.renderFunctionCache.get(activityType);
-      if (!memoizedComponent) {
-        memoizedComponent = /*#__PURE__*/React.memo(function (props) {
-          return /*#__PURE__*/React.createElement(config.component, props);
-        });
-        this.renderFunctionCache.set(activityType, memoizedComponent);
-      }
-      return memoizedComponent;
-    }
-  }, {
-    key: "getAll",
-    value: function getAll() {
-      return _objectSpread({}, this.registry);
-    }
-  }, {
-    key: "unregister",
-    value: function unregister(activityType) {
-      delete this.registry[activityType];
-      this.renderFunctionCache["delete"](activityType);
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      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 activityRegistry = new ActivityRegistryManager();
+var ACTIVITY_REGISTERED_EVENT = "activity-registered";
+var ACTIVITY_EVENT_DETAIL_KEY = "activityType";
+var activityRegistry = createRegistryManager({
+  getKey: function getKey(config) {
+    return config.activityType;
+  },
+  eventName: ACTIVITY_REGISTERED_EVENT,
+  eventDetailKey: ACTIVITY_EVENT_DETAIL_KEY
+});
 
-export { activityRegistry };
+export { ACTIVITY_EVENT_DETAIL_KEY, ACTIVITY_REGISTERED_EVENT, activityRegistry };
 //# sourceMappingURL=registry.js.map

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

@@ -1 +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 * 业务方注册具体的 activityType（如 json-render-main-card），精确匹配\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();\n"],"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":"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"}
+{"version":3,"file":"registry.js","sources":["../../../../../pro-components/chat/chat-engine/components/activity/registry.ts"],"sourcesContent":["import { createRegistryManager } from '../shared';\nimport type { ActivityConfig, ActivityComponentProps } from './types';\n\n/** Activity 注册事件名称 */\nexport const ACTIVITY_REGISTERED_EVENT = 'activity-registered';\n\n/** Activity 注册事件 detail 键名 */\nexport const ACTIVITY_EVENT_DETAIL_KEY = 'activityType';\n\n/**\n * Activity 注册表管理器\n * 业务方注册具体的 activityType（如 json-render-main-card），精确匹配\n */\nexport const activityRegistry = createRegistryManager<ActivityConfig, ActivityComponentProps>({\n  getKey: (config) => config.activityType,\n  eventName: ACTIVITY_REGISTERED_EVENT,\n  eventDetailKey: ACTIVITY_EVENT_DETAIL_KEY,\n});\n"],"names":["ACTIVITY_REGISTERED_EVENT","ACTIVITY_EVENT_DETAIL_KEY","activityRegistry","createRegistryManager","getKey","config","activityType","eventName","eventDetailKey"],"mappings":";;;;;;;;;;;;;;;;;;;AAIO,IAAMA,yBAA4B,GAAA,sBAAA;AAGlC,IAAMC,yBAA4B,GAAA,eAAA;AAM5BC,IAAAA,mBAAmBC,qBAA8D,CAAA;AAC5FC,EAAAA,MAAA,EAAQ,SAARA,MAAAA,CAASC,MAAA,EAAA;IAAA,OAAWA,MAAO,CAAAC,YAAA,CAAA;AAAA,GAAA;AAC3BC,EAAAA,SAAW,EAAAP,yBAAA;AACXQ,EAAAA,cAAgB,EAAAP,yBAAAA;AAClB,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type ActivityData } from 'tdesign-web-components';
+import { type ActivityData } from 'tdesign-web-components/lib/chat-engine';
 interface ActivityRendererProps {
     activity: ActivityData;
 }

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

@@ -5,55 +5,22 @@
  */
 
 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 React, { useMemo } from 'react';
 import isEqual from 'react-fast-compare';
-import { activityRegistry } from './registry.js';
+import { ACTIVITY_REGISTERED_EVENT, ACTIVITY_EVENT_DETAIL_KEY, activityRegistry } from './registry.js';
+import '../shared/index.js';
+import { useRegistrationListener } from '../shared/useRegistrationListener.js';
+import { ComponentErrorBoundary } from '../shared/ComponentErrorBoundary.js';
+import '../shared/createRegistry.js';
+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/slicedToArray';
 
 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);
@@ -61,12 +28,13 @@ var DefaultActivityRenderer = function DefaultActivityRenderer(_ref) {
 };
 var ActivityRenderer = /*#__PURE__*/React.memo(function (_ref2) {
   var activity = _ref2.activity;
-  var _useState = useState(function () {
-      return !!activityRegistry.getRenderFunction(activity.activityType);
+  var _useRegistrationListe = useRegistrationListener({
+      componentKey: activity.activityType,
+      eventName: ACTIVITY_REGISTERED_EVENT,
+      eventDetailKey: ACTIVITY_EVENT_DETAIL_KEY,
+      getRenderFunction: activityRegistry.getRenderFunction
     }),
-    _useState2 = _slicedToArray(_useState, 2),
-    isRegistered = _useState2[0],
-    setIsRegistered = _useState2[1];
+    MemoizedComponent = _useRegistrationListe.MemoizedComponent;
   var componentProps = useMemo(function () {
     return {
       activityType: activity.activityType,
@@ -74,30 +42,14 @@ var ActivityRenderer = /*#__PURE__*/React.memo(function (_ref2) {
       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
+  return /* @__PURE__ */React.createElement(ComponentErrorBoundary, {
+    componentName: activity.activityType,
+    logPrefix: "ActivityRenderer"
   }, /* @__PURE__ */React.createElement(MemoizedComponent, _objectSpread({}, componentProps)));
 }, function (prevProps, nextProps) {
   if (prevProps.activity.activityType !== nextProps.activity.activityType) {

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["../../../../../pro-components/chat/chat-engine/components/activity/render.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useState, useEffect, useMemo, Component, ErrorInfo } from 'react';\nimport isEqual from 'react-fast-compare';\nimport { type ActivityData } from 'tdesign-web-components';\nimport type { ActivityComponentProps } from './types';\nimport { activityRegistry } from './registry';\n\ninterface ActivityRendererProps {\n  activity: ActivityData;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\n/**\n * Activity 错误边界组件\n * 捕获子组件渲染错误，防止整个对话列表崩溃\n * TODO: 后续支持配置化的错误 UI\n */\nclass ActivityErrorBoundary extends Component<{ children: React.ReactNode; activityType: string }, ErrorBoundaryState> {\n  constructor(props: { children: React.ReactNode; activityType: string }) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    console.error(`[ActivityRenderer] Error in activity \"${this.props.activityType}\":`, error, errorInfo);\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return null;\n    }\n\n    return this.props.children;\n  }\n}\n\n/**\n * 默认的 Activity 渲染器\n * 当没有注册对应类型的组件时使用\n * TODO: 后续支持配置化的默认 UI\n */\nconst DefaultActivityRenderer: React.FC<ActivityRendererProps> = ({ activity }) => {\n  // 空白兜底，仅在控制台输出警告\n  console.warn(`[ActivityRenderer] Unknown activity type: ${activity.activityType}`, activity.content);\n  return null;\n};\n\n/**\n * Activity 渲染器组件\n * 根据 activityType 精确匹配查找注册的组件进行渲染\n *\n * 性能优化：\n * - 使用 react-fast-compare 替代 JSON.stringify 进行深比较\n * - 短路比较，发现差异立即停止，对大型 JSON 树性能提升显著\n */\nexport const ActivityRenderer = React.memo<ActivityRendererProps>(\n  ({ activity }) => {\n    // 添加注册状态监听\n    const [isRegistered, setIsRegistered] = useState(() => !!activityRegistry.getRenderFunction(activity.activityType));\n\n    // 缓存组件 props\n    const componentProps = useMemo<ActivityComponentProps>(\n      () => ({\n        activityType: activity.activityType,\n        content: activity.content,\n        messageId: activity.messageId || '',\n      }),\n      [activity.activityType, activity.content, activity.messageId],\n    );\n\n    // 监听组件注册事件，支持动态注册\n    useEffect(() => {\n      if (!isRegistered) {\n        const handleRegistered = (event: CustomEvent) => {\n          // 精确匹配\n          if (event.detail?.activityType === activity.activityType) {\n            setIsRegistered(true);\n          }\n        };\n\n        // 添加事件监听\n        window.addEventListener('activity-registered', handleRegistered as EventListener);\n\n        return () => {\n          window.removeEventListener('activity-registered', handleRegistered as EventListener);\n        };\n      }\n    }, [activity.activityType, isRegistered]);\n\n    // 使用 registry 的缓存渲染函数\n    const MemoizedComponent = useMemo(\n      () => activityRegistry.getRenderFunction(activity.activityType),\n      [activity.activityType, isRegistered],\n    );\n\n    // 如果没有注册对应的组件，使用默认渲染器\n    if (!MemoizedComponent) {\n      return <DefaultActivityRenderer activity={activity} />;\n    }\n\n    return (\n      <ActivityErrorBoundary activityType={activity.activityType}>\n        <MemoizedComponent {...componentProps} />\n      </ActivityErrorBoundary>\n    );\n  },\n  (prevProps, nextProps) => {\n    // 1. activityType 变化必须重渲染\n    if (prevProps.activity.activityType !== nextProps.activity.activityType) {\n      return false;\n    }\n\n    // 2. messageId 变化必须重渲染\n    if (prevProps.activity.messageId !== nextProps.activity.messageId) {\n      return false;\n    }\n\n    // 3. content 引用相同，跳过渲染\n    if (prevProps.activity.content === nextProps.activity.content) {\n      return true;\n    }\n\n    // 4. 使用 react-fast-compare 进行高效深比较\n    // 比 JSON.stringify 快 3-5 倍，且能正确处理循环引用\n    return isEqual(prevProps.activity.content, nextProps.activity.content);\n  },\n);\n\nActivityRenderer.displayName = 'ActivityRenderer';\n"],"names":["ActivityErrorBoundary","props","_this","_classCallCheck","_callSuper","state","hasError","error","_inherits","_Component","_createClass","key","value","componentDidCatch","errorInfo","console","activityType","render","children","getDerivedStateFromError","Component","DefaultActivityRenderer","_ref","activity","warn","concat","content","ActivityRenderer","React","memo","_ref2","_useState","useState","activityRegistry","getRenderFunction","_useState2","_slicedToArray","isRegistered","setIsRegistered","componentProps","useMemo","messageId","useEffect","handleRegistered","event","_event$detail","detail","window","addEventListener","removeEventListener","MemoizedComponent","createElement","_objectSpread","prevProps","nextProps","isEqual","displayName"],"mappings":"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"}
+{"version":3,"file":"render.js","sources":["../../../../../pro-components/chat/chat-engine/components/activity/render.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport isEqual from 'react-fast-compare';\nimport type { ActivityComponentProps } from './types';\nimport { activityRegistry, ACTIVITY_REGISTERED_EVENT, ACTIVITY_EVENT_DETAIL_KEY } from './registry';\nimport { ComponentErrorBoundary, useRegistrationListener } from '../shared';\nimport { type ActivityData } from 'tdesign-web-components/lib/chat-engine';\n\ninterface ActivityRendererProps {\n  activity: ActivityData;\n}\n\n/**\n * 默认的 Activity 渲染器\n * 当没有注册对应类型的组件时使用\n * TODO: 后续支持配置化的默认 UI\n */\nconst DefaultActivityRenderer: React.FC<ActivityRendererProps> = ({ activity }) => {\n  // 空白兜底，仅在控制台输出警告\n  console.warn(`[ActivityRenderer] Unknown activity type: ${activity.activityType}`, activity.content);\n  return null;\n};\n\n/**\n * Activity 渲染器组件\n * 根据 activityType 精确匹配查找注册的组件进行渲染\n *\n * 性能优化：\n * - 使用 react-fast-compare 替代 JSON.stringify 进行深比较\n * - 短路比较，发现差异立即停止，对大型 JSON 树性能提升显著\n */\nexport const ActivityRenderer = React.memo<ActivityRendererProps>(\n  ({ activity }) => {\n    // 使用公共 Hook 监听动态注册\n    const { MemoizedComponent } = useRegistrationListener<ActivityComponentProps>({\n      componentKey: activity.activityType,\n      eventName: ACTIVITY_REGISTERED_EVENT,\n      eventDetailKey: ACTIVITY_EVENT_DETAIL_KEY,\n      getRenderFunction: activityRegistry.getRenderFunction,\n    });\n\n    // 缓存组件 props\n    const componentProps = useMemo<ActivityComponentProps>(\n      () => ({\n        activityType: activity.activityType,\n        content: activity.content,\n        messageId: activity.messageId || '',\n      }),\n      [activity.activityType, activity.content, activity.messageId],\n    );\n\n    // 如果没有注册对应的组件，使用默认渲染器\n    if (!MemoizedComponent) {\n      return <DefaultActivityRenderer activity={activity} />;\n    }\n\n    return (\n      <ComponentErrorBoundary componentName={activity.activityType} logPrefix=\"ActivityRenderer\">\n        <MemoizedComponent {...componentProps} />\n      </ComponentErrorBoundary>\n    );\n  },\n  (prevProps, nextProps) => {\n    // 1. activityType 变化必须重渲染\n    if (prevProps.activity.activityType !== nextProps.activity.activityType) {\n      return false;\n    }\n    // 2. messageId 变化必须重渲染\n    if (prevProps.activity.messageId !== nextProps.activity.messageId) {\n      return false;\n    }\n    // 3. content 引用相同，跳过渲染\n    if (prevProps.activity.content === nextProps.activity.content) {\n      return true;\n    }\n    // 4. 使用 react-fast-compare 进行高效深比较\n    // 比 JSON.stringify 快 3-5 倍，且能正确处理循环引用\n    return isEqual(prevProps.activity.content, nextProps.activity.content);\n  },\n);\n\nActivityRenderer.displayName = 'ActivityRenderer';"],"names":["DefaultActivityRenderer","_ref","activity","console","warn","concat","activityType","content","ActivityRenderer","React","memo","_ref2","_useRegistrationListe","useRegistrationListener","componentKey","eventName","ACTIVITY_REGISTERED_EVENT","eventDetailKey","ACTIVITY_EVENT_DETAIL_KEY","getRenderFunction","activityRegistry","MemoizedComponent","componentProps","useMemo","messageId","createElement","ComponentErrorBoundary","componentName","logPrefix","_objectSpread","prevProps","nextProps","isEqual","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,uBAA2D,GAAA,SAA3DA,uBAA2DA,CAAAC,IAAA,EAAkB;AAAA,EAAA,IAAfC,QAAA,GAAAD,IAAA,CAAAC,QAAA,CAAA;AAElEC,EAAAA,OAAA,CAAQC,IAAK,CAAAC,4CAAAA,CAAAA,MAAA,CAA6CH,QAAS,CAAAI,YAAA,CAAgBJ,EAAAA,SAASK,OAAO,CAAA,CAAA;AAC5F,EAAA,OAAA,IAAA,CAAA;AACT,CAAA,CAAA;AAUO,IAAMC,gCAAmBC,KAAM,CAAAC,IAAA,CACpC,UAAAC,KAAA,EAAkB;AAAA,EAAA,IAAfT,QAAA,GAAAS,KAAA,CAAAT,QAAA,CAAA;EAEK,IAAAU,qBAAA,GAAwBC,uBAAgD,CAAA;MAC5EC,cAAcZ,QAAS,CAAAI,YAAA;AACvBS,MAAAA,SAAW,EAAAC,yBAAA;AACXC,MAAAA,cAAgB,EAAAC,yBAAA;MAChBC,mBAAmBC,gBAAiB,CAAAD,iBAAAA;AACtC,KAAC,CAAA;IALOE,iBAAkB,GAAAT,qBAAA,CAAlBS,iBAAkB,CAAA;EAQ1B,IAAMC,cAAiB,GAAAC,OAAA,CACrB,YAAA;IAAA,OAAO;MACLjB,cAAcJ,QAAS,CAAAI,YAAA;MACvBC,SAASL,QAAS,CAAAK,OAAA;AAClBiB,MAAAA,SAAA,EAAWtB,SAASsB,SAAa,IAAA,EAAA;KACnC,CAAA;AAAA,GAAA,EACA,CAACtB,QAAS,CAAAI,YAAA,EAAcJ,QAAS,CAAAK,OAAA,EAASL,SAASsB,SAAS,CAC9D,CAAA,CAAA;EAGA,IAAI,CAACH,iBAAmB,EAAA;AACtB,IAAA,sBAAQZ,KAAA,CAAAgB,aAAA,CAAAzB,uBAAA,EAAA;AAAwBE,MAAAA,QAAA,EAAAA,QAAAA;AAAoB,KAAA,CAAA,CAAA;AACtD,GAAA;AAEA,EAAA,sBACGO,KAAA,CAAAgB,aAAA,CAAAC,sBAAA,EAAA;IAAuBC,eAAezB,QAAS,CAAAI,YAAA;AAAcsB,IAAAA,SAAU,EAAA,kBAAA;AAAA,GAAA,iBACrEnB,KAAA,CAAAgB,aAAA,CAAAJ,iBAAA,EAAAQ,aAAA,CAAA,EAAA,EAAsBP,cAAA,CAAgB,CACzC,CAAA,CAAA;AAEJ,CAAA,EACA,UAACQ,WAAWC,SAAc,EAAA;EAExB,IAAID,SAAU,CAAA5B,QAAA,CAASI,YAAiB,KAAAyB,SAAA,CAAU7B,SAASI,YAAc,EAAA;AAChE,IAAA,OAAA,KAAA,CAAA;AACT,GAAA;EAEA,IAAIwB,SAAU,CAAA5B,QAAA,CAASsB,SAAc,KAAAO,SAAA,CAAU7B,SAASsB,SAAW,EAAA;AAC1D,IAAA,OAAA,KAAA,CAAA;AACT,GAAA;EAEA,IAAIM,SAAU,CAAA5B,QAAA,CAASK,OAAY,KAAAwB,SAAA,CAAU7B,SAASK,OAAS,EAAA;AACtD,IAAA,OAAA,IAAA,CAAA;AACT,GAAA;AAGA,EAAA,OAAOyB,QAAQF,SAAU,CAAA5B,QAAA,CAASK,OAAS,EAAAwB,SAAA,CAAU7B,SAASK,OAAO,CAAA,CAAA;AACvE,CACF,EAAA;AAEAC,gBAAA,CAAiByB,WAAc,GAAA,kBAAA;;;;"}

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

@@ -8,9 +8,9 @@ import './toolcall/index.js';
 import './activity/index.js';
 export { AgentStateProvider } from './provider/agent-state.js';
 export { isNonInteractive, isNonInteractiveConfig } from './toolcall/types.js';
-export { agentToolcallRegistry } from './toolcall/registry.js';
 export { ToolCallRenderer, withAgentStateToolcall, withAgentStateToolcall1 } from './toolcall/render.js';
-export { activityRegistry } from './activity/registry.js';
+export { TOOLCALL_EVENT_DETAIL_KEY, TOOLCALL_REGISTERED_EVENT, agentToolcallRegistry } from './toolcall/registry.js';
+export { ACTIVITY_EVENT_DETAIL_KEY, ACTIVITY_REGISTERED_EVENT, activityRegistry } from './activity/registry.js';
 export { ActivityRenderer } from './activity/render.js';
 import './activity/types.js';
 import 'react';
@@ -18,12 +18,16 @@ import '../hooks/useAgentState.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/slicedToArray';
 import 'tdesign-web-components/lib/chat-engine';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import './shared/index.js';
+import './shared/createRegistry.js';
+import './shared/ComponentErrorBoundary.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/possibleConstructorReturn';
 import '@babel/runtime/helpers/getPrototypeOf';
 import '@babel/runtime/helpers/inherits';
-import '@babel/runtime/regenerator';
+import './shared/useRegistrationListener.js';
 import 'react-fast-compare';
 //# sourceMappingURL=index.js.map

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

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