@tdesign-react/chat 1.1.0-alpha.1 → 1.1.0-alpha.11

package/CHANGELOG.md

@@ -5,6 +5,19 @@ toc: false
 spline: explain
 ---
 
-## 🌈 0.1.0-alpha.1 `2025-05-26`
+## 🌈 1.0.2 `2026-02-05`
+
+### 🚀 Features
+
+- `ChatEngine`: 
+  - 支持AG-UI Activity-Snapshot/Delta事件的适配，新增useAgentActivity注册hook，并增加示例 @carolin913 ([#4119](https://github.com/Tencent/tdesign-react/pull/4119))
+  - 增加在无 UI 场景下使用 ChatEngine 事件总线机制，并增加示例 @carolin913 ([#4119](https://github.com/Tencent/tdesign-react/pull/4119))
+  - ToolCallRender 增加错误边界处理 @carolin913 ([#4119](https://github.com/Tencent/tdesign-react/pull/4119))
+  - AG-UI协议下几个Delta事件，支持自动初始化接收无Snapshot情况下SSE Chunk流 @carolin913 ([#4119](https://github.com/Tencent/tdesign-react/pull/4119))
+  - Immutable JSON Patch 性能优化，并支持append操作用来追加字符串 @carolin913 ([#4119](https://github.com/Tencent/tdesign-react/pull/4119))
+- `ChatMarkdown`: 大幅优化依赖CherryMarkdown造成的打包体积膨胀问题，**不再内置highlight代码块样式高亮**，需要业务自行引入配置 @LzhengH @carolin913 ([#4119](https://github.com/Tencent/tdesign-react/pull/4119))
+- `ChatSender`: 支持readyToSend可以接管发送前校验  @LzhengH ([#4119](https://github.com/Tencent/tdesign-react/pull/4119))
+
+## 🌈 1.0.0 `2026-11-20`
 
 - Release 1st version

package/README.md

@@ -23,54 +23,108 @@ TDesign AIGC Components for React Framework
 
 # 📦 Installation
 
-```shell
-npm i @tdesign-react/chat
-```
+```bash
+# npm
+npm install @tdesign-react/chat
 
-```shell
+# yarn
 yarn add @tdesign-react/chat
-```
 
-```shell
+# pnpm
 pnpm add @tdesign-react/chat
 ```
 
-# 🔨 Usage
+**依赖要求**: React >= 18.0.0
+
+# 🔨 Quick Start
+
+## 一体化组件集成
+
+直接使用 `ChatBot` 组件，内置完整的 UI 结构和交互逻辑，适合快速集成标准聊天界面。
 
 ```tsx
 import React from 'react';
 import { ChatBot } from '@tdesign-react/chat';
 import '@tdesign-react/chat/es/style/index.js';
 
-function App() {
+export default function App() {
   return (
-    <div style={{ height: '600px' }}>
-      <ChatBot
-        chatServiceConfig={{
-          endpoint: 'https://your-api-endpoint.com/chat',
-        }}
-      />
-    </div>
+    <ChatBot
+      chatServiceConfig={{
+        endpoint: 'https://your-api-endpoint.com/chat',
+        stream: true,
+      }}
+    />
   );
 }
+```
+
+## 组合式开发
+
+通过 `useChat` Hook 自由组合 UI 组件，适合需要深度定制 UI 结构和交互逻辑的场景。
+
+```tsx
+import React from 'react';
+import { useChat, ChatList, ChatMessage, ChatSender } from '@tdesign-react/chat';
+import '@tdesign-react/chat/es/style/index.js';
 
-ReactDOM.createRoot(document.getElementById('app')).render(<App />);
+export default function CompositeChat() {
+  const { chatEngine, messages, status } = useChat({
+    chatServiceConfig: {
+      endpoint: 'https://your-api-endpoint.com/chat',
+      stream: true,
+    },
+  });
+
+  return (
+    <>
+      <ChatList>
+        {messages.map((message) => (
+          <ChatMessage key={message.id} message={message} />
+        ))}
+      </ChatList>
+      <ChatSender
+        loading={status === 'streaming'}
+        onSend={(e) => chatEngine.sendUserMessage({ prompt: e.detail.value })}
+        onStop={() => chatEngine.abortChat()}
+      />
+    </>
+  );
+}
 ```
 
-# Browser Support
+## 协议配置
 
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/> IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Safari |
-| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Edge >=84                                                                                                                                                                                                        | Firefox >=83                                                                                                                                                                                                      | Chrome >=84                                                                                                                                                                                                   | Safari >=14.1                                                                                                                                                                                                 |
+支持**自定义协议**和**AG-UI 标准协议**两种模式：
 
-Read our [browser compatibility](https://github.com/Tencent/tdesign/wiki/Browser-Compatibility) for more details.
+| 场景               | 推荐协议   |
+| ------------------ | ---------- |
+| 快速集成到现有服务 | 自定义协议 |
+| 构建复杂 AI 应用   | AG-UI 协议 |
+| 多工具调用场景     | AG-UI 协议 |
 
+```javascript
+// 通过 onMessage 解析数据
+const customConfig = {
+  endpoint: '/api/chat',
+  protocol: 'agui', // 开启 AG-UI 协议，自动解析标准事件
+  onMessage: (chunk) => chunk.data,
+};
+
+```
+
+📖 [体验示例和完整文档](https://tdesign.tencent.com/react-chat/overview)
+
+# Browser Support
+
+| IE / Edge | Firefox      | Chrome      | Safari        |
+| --------- | ------------ | ----------- | ------------- |
+| Edge >=84 | Firefox >=83 | Chrome >=84 | Safari >=14.1 |
 
 # Contributing
 
 Contributing is welcome. Read [guidelines for contributing](https://github.com/Tencent/tdesign-react/blob/develop/CONTRIBUTING.md) before submitting your [Pull Request](https://github.com/Tencent/tdesign-react/pulls).
 
-
 # Feedback
 
 Create your [Github issues](https://github.com/Tencent/tdesign-react/issues) or scan the QR code below to join our user groups

package/es/_chunks/dep-076af7c3.js

@@ -0,0 +1,438 @@
+/**
+ * tdesign v1.1.0-alpha.11
+ * (c) 2026 tdesign
+ * @license MIT
+ */
+
+import { JsonRenderActivityRenderer } from '../chat-engine/components/json-render/renderer/JsonRenderActivityRenderer.js';
+import { A2UIJsonRenderActivityRenderer } from '../chat-engine/components/json-render/renderer/A2UIJsonRenderActivityRenderer.js';
+import '../chat-engine/components/json-render/contexts/index.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React, { useRef, useMemo, useCallback, memo } from 'react';
+import { r as reactFastCompare } from './dep-5b6b17d0.js';
+import { JsonRenderButton } from '../chat-engine/components/json-render/catalog/atomic/button.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Input, Space, Button } from 'tdesign-react';
+import '../chat-engine/components/json-render/catalog/catalog-to-prompt.js';
+import _typeof from '@babel/runtime/helpers/typeof';
+import { getByPath } from '@json-render/core';
+import { useDataBinding, useDataValue, useDataStore } from '../chat-engine/components/json-render/contexts/data.js';
+import { JsonRenderCard } from '../chat-engine/components/json-render/catalog/atomic/card.js';
+import { JsonRenderText } from '../chat-engine/components/json-render/catalog/atomic/text.js';
+import { JsonRenderRow, JsonRenderCol, JsonRenderSpace, JsonRenderColumn, JsonRenderDivider } from '../chat-engine/components/json-render/catalog/atomic/layout.js';
+import '../chat-engine/components/json-render/contexts/visibility.js';
+import '../chat-engine/components/json-render/contexts/actions.js';
+import '../chat-engine/components/json-render/contexts/validation.js';
+
+var _excluded$2 = ["value", "defaultValue", "placeholder", "disabled", "readonly", "size", "type", "maxlength", "clearable", "status", "onChange", "onBlur", "onFocus", "onEnter", "onClear"],
+  _excluded2$1 = ["label", "valuePath", "placeholder", "type", "disabled", "size"];
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var JsonRenderInput = function JsonRenderInput(_ref) {
+  var element = _ref.element;
+  var _element$props = element.props,
+    value = _element$props.value,
+    defaultValue = _element$props.defaultValue,
+    placeholder = _element$props.placeholder,
+    _element$props$disabl = _element$props.disabled,
+    disabled = _element$props$disabl === void 0 ? false : _element$props$disabl,
+    _element$props$readon = _element$props.readonly,
+    readonly = _element$props$readon === void 0 ? false : _element$props$readon,
+    _element$props$size = _element$props.size,
+    size = _element$props$size === void 0 ? "medium" : _element$props$size,
+    _element$props$type = _element$props.type,
+    type = _element$props$type === void 0 ? "text" : _element$props$type,
+    maxlength = _element$props.maxlength,
+    _element$props$cleara = _element$props.clearable,
+    clearable = _element$props$cleara === void 0 ? false : _element$props$cleara,
+    status = _element$props.status,
+    onChange = _element$props.onChange,
+    onBlur = _element$props.onBlur,
+    onFocus = _element$props.onFocus,
+    onEnter = _element$props.onEnter,
+    onClear = _element$props.onClear,
+    restProps = _objectWithoutProperties(_element$props, _excluded$2);
+  return /* @__PURE__ */React.createElement(Input, _objectSpread$4({
+    value: value,
+    defaultValue: defaultValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    readonly: readonly,
+    size: size,
+    type: type,
+    maxlength: maxlength,
+    clearable: clearable,
+    status: status,
+    onChange: onChange,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onEnter: onEnter,
+    onClear: onClear
+  }, restProps));
+};
+JsonRenderInput.displayName = "JsonRenderInput";
+var JsonRenderTextField = function JsonRenderTextField(_ref2) {
+  var element = _ref2.element;
+  var _element$props2 = element.props,
+    label = _element$props2.label,
+    valuePath = _element$props2.valuePath,
+    placeholder = _element$props2.placeholder,
+    _element$props2$type = _element$props2.type,
+    type = _element$props2$type === void 0 ? "text" : _element$props2$type,
+    _element$props2$disab = _element$props2.disabled,
+    disabled = _element$props2$disab === void 0 ? false : _element$props2$disab,
+    _element$props2$size = _element$props2.size,
+    size = _element$props2$size === void 0 ? "medium" : _element$props2$size,
+    restProps = _objectWithoutProperties(_element$props2, _excluded2$1);
+  var _useDataBinding = useDataBinding(valuePath),
+    _useDataBinding2 = _slicedToArray(_useDataBinding, 2),
+    _useDataBinding2$ = _useDataBinding2[0],
+    value = _useDataBinding2$ === void 0 ? "" : _useDataBinding2$,
+    setValue = _useDataBinding2[1];
+  if (label) {
+    return /* @__PURE__ */React.createElement(Space, {
+      direction: "vertical",
+      size: 4,
+      style: {
+        width: "100%"
+      }
+    }, /* @__PURE__ */React.createElement("label", {
+      style: {
+        fontSize: "14px",
+        fontWeight: 500
+      }
+    }, label), /* @__PURE__ */React.createElement(Input, _objectSpread$4({
+      value: value,
+      placeholder: placeholder,
+      type: type,
+      disabled: disabled,
+      size: size,
+      onChange: setValue
+    }, restProps)));
+  }
+  return /* @__PURE__ */React.createElement(Input, _objectSpread$4({
+    value: value,
+    placeholder: placeholder,
+    type: type,
+    disabled: disabled,
+    size: size,
+    onChange: setValue
+  }, restProps));
+};
+JsonRenderTextField.displayName = "JsonRenderTextField";
+
+var _excluded$1 = ["valuePath", "disabledPath", "action", "disabled"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function resolveActionParams(params, data) {
+  var maxDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+  var resolved = {};
+  var stack = [{
+    source: params,
+    target: resolved,
+    depth: 0
+  }];
+  while (stack.length > 0) {
+    var _stack$pop = stack.pop(),
+      source = _stack$pop.source,
+      target = _stack$pop.target,
+      depth = _stack$pop.depth;
+    if (depth >= maxDepth) {
+      Object.assign(target, source);
+      continue;
+    }
+    for (var _i = 0, _Object$entries = Object.entries(source); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (value && _typeof(value) === "object" && "path" in value) {
+        var pathValue = value.path;
+        target[key] = getByPath(data, pathValue);
+      } else if (value && _typeof(value) === "object" && !Array.isArray(value)) {
+        var nestedTarget = {};
+        target[key] = nestedTarget;
+        stack.push({
+          source: value,
+          target: nestedTarget,
+          depth: depth + 1
+        });
+      } else {
+        target[key] = value;
+      }
+    }
+  }
+  return resolved;
+}
+function A2UIBoundInner(_ref) {
+  var element = _ref.element,
+    children = _ref.children,
+    onAction = _ref.onAction,
+    WrappedComponent = _ref.WrappedComponent,
+    valueField = _ref.valueField,
+    onChangeField = _ref.onChangeField,
+    supportsAction = _ref.supportsAction,
+    actionTrigger = _ref.actionTrigger;
+  var _element$props = element.props,
+    valuePath = _element$props.valuePath,
+    disabledPath = _element$props.disabledPath,
+    action = _element$props.action,
+    staticDisabled = _element$props.disabled,
+    componentProps = _objectWithoutProperties(_element$props, _excluded$1);
+  var _useDataBinding = useDataBinding(valuePath),
+    _useDataBinding2 = _slicedToArray(_useDataBinding, 2),
+    boundValue = _useDataBinding2[0],
+    setBoundValue = _useDataBinding2[1];
+  var disabledValue = useDataValue(disabledPath);
+  var store = useDataStore();
+  var storeRef = useRef(store);
+  storeRef.current = store;
+  var boundDisabled = useMemo(function () {
+    if (disabledPath) {
+      return Boolean(disabledValue);
+    }
+    return staticDisabled !== null && staticDisabled !== void 0 ? staticDisabled : false;
+  }, [disabledPath, disabledValue, staticDisabled]);
+  var handleChange = useCallback(function (newValue) {
+    if (valuePath && setBoundValue) {
+      setBoundValue(newValue);
+    }
+  }, [valuePath, setBoundValue]);
+  var handleAction = useCallback(function () {
+    if (!action || !onAction) return;
+    var actionObj = typeof action === "string" ? {
+      name: action,
+      params: {}
+    } : action;
+    var currentData = storeRef.current.getData();
+    var resolvedParams = actionObj.params ? resolveActionParams(actionObj.params, currentData) : {};
+    var resolvedAction = {
+      name: actionObj.name,
+      params: resolvedParams
+    };
+    onAction(resolvedAction);
+  }, [action, onAction]);
+  var finalProps = useMemo(function () {
+    var props = _objectSpread$3(_objectSpread$3({}, componentProps), {}, {
+      disabled: boundDisabled
+    });
+    if (valuePath !== void 0) {
+      props[valueField] = boundValue;
+      props[onChangeField] = handleChange;
+    }
+    if (supportsAction && action) {
+      var originalHandler = componentProps[actionTrigger];
+      props[actionTrigger] = function () {
+        if (typeof originalHandler === "function") {
+          originalHandler.apply(void 0, arguments);
+        }
+        handleAction();
+      };
+    }
+    return props;
+  }, [componentProps, boundDisabled, valuePath, valueField, boundValue, onChangeField, handleChange, supportsAction, action, actionTrigger, handleAction]);
+  return /* @__PURE__ */React.createElement(WrappedComponent, _objectSpread$3({}, finalProps), children);
+}
+function withA2UIBinding(WrappedComponent) {
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _config$valueField = config.valueField,
+    valueField = _config$valueField === void 0 ? "value" : _config$valueField,
+    _config$onChangeField = config.onChangeField,
+    onChangeField = _config$onChangeField === void 0 ? "onChange" : _config$onChangeField,
+    _config$supportsActio = config.supportsAction,
+    supportsAction = _config$supportsActio === void 0 ? false : _config$supportsActio,
+    _config$actionTrigger = config.actionTrigger,
+    actionTrigger = _config$actionTrigger === void 0 ? "onClick" : _config$actionTrigger;
+  var A2UIBoundComponent = function A2UIBoundComponent(props) {
+    return /* @__PURE__ */React.createElement(A2UIBoundInner, _objectSpread$3(_objectSpread$3({}, props), {}, {
+      WrappedComponent: WrappedComponent,
+      valueField: valueField,
+      onChangeField: onChangeField,
+      supportsAction: supportsAction,
+      actionTrigger: actionTrigger
+    }));
+  };
+  A2UIBoundComponent.displayName = "withA2UIBinding(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");
+  return /*#__PURE__*/memo(A2UIBoundComponent, function (prevProps, nextProps) {
+    if (prevProps.element === nextProps.element) return true;
+    var prevEl = prevProps.element;
+    var nextEl = nextProps.element;
+    if (prevEl.type !== nextEl.type) return false;
+    if (prevEl.key !== nextEl.key) return false;
+    var prevElProps = prevEl.props || {};
+    var nextElProps = nextEl.props || {};
+    var prevKeys = Object.keys(prevElProps);
+    var nextKeys = Object.keys(nextElProps);
+    if (prevKeys.length !== nextKeys.length) return false;
+    for (var _i2 = 0, _prevKeys = prevKeys; _i2 < _prevKeys.length; _i2++) {
+      var key = _prevKeys[_i2];
+      if (prevElProps[key] !== nextElProps[key]) return false;
+    }
+    return true;
+  });
+}
+
+var _excluded = ["label"],
+  _excluded2 = ["label", "children"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var BaseInput = function BaseInput(_ref) {
+  var label = _ref.label,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (label) {
+    return /* @__PURE__ */React.createElement(Space, {
+      direction: "vertical",
+      size: 4,
+      style: {
+        width: "100%"
+      }
+    }, /* @__PURE__ */React.createElement("label", {
+      style: {
+        fontSize: "14px",
+        fontWeight: 500
+      }
+    }, label), /* @__PURE__ */React.createElement(Input, _objectSpread$2({}, props)));
+  }
+  return /* @__PURE__ */React.createElement(Input, _objectSpread$2({}, props));
+};
+BaseInput.displayName = "BaseInput";
+var BaseButton = function BaseButton(_ref2) {
+  var label = _ref2.label,
+    children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var content = label || children;
+  return /* @__PURE__ */React.createElement(Button, _objectSpread$2({}, props), content);
+};
+BaseButton.displayName = "BaseButton";
+var A2UITextField = withA2UIBinding(BaseInput, {
+  valueField: "value",
+  onChangeField: "onChange",
+  supportsAction: false
+});
+var A2UIButton = withA2UIBinding(BaseButton, {
+  supportsAction: true
+});
+var a2uiRegistry = {
+  TextField: A2UITextField,
+  Button: A2UIButton,
+  Card: JsonRenderCard,
+  Text: JsonRenderText,
+  Row: JsonRenderRow,
+  Col: JsonRenderCol,
+  Space: JsonRenderSpace,
+  Column: JsonRenderColumn,
+  Divider: JsonRenderDivider
+};
+function createA2UIRegistry(customComponents) {
+  return _objectSpread$2(_objectSpread$2({}, a2uiRegistry), customComponents);
+}
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function createJsonRenderActivityConfig() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$activityType = options.activityType,
+    activityType = _options$activityType === void 0 ? "json-render" : _options$activityType,
+    _options$registry = options.registry,
+    registry = _options$registry === void 0 ? tdesignRegistry : _options$registry,
+    _options$actionHandle = options.actionHandlers,
+    actionHandlers = _options$actionHandle === void 0 ? {} : _options$actionHandle,
+    _options$debug = options.debug,
+    debug = _options$debug === void 0 ? false : _options$debug,
+    _options$description = options.description,
+    description = _options$description === void 0 ? "json-render \u52A8\u6001 UI \u6E32\u67D3\u5668" : _options$description;
+  return {
+    activityType: activityType,
+    component: /*#__PURE__*/React.memo(function (props) {
+      return /* @__PURE__ */React.createElement(JsonRenderActivityRenderer, _objectSpread$1(_objectSpread$1({}, props), {}, {
+        registry: registry,
+        actionHandlers: actionHandlers,
+        debug: debug
+      }));
+    }),
+    description: description
+  };
+}
+function createA2UIJsonRenderActivityConfig() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$activityType2 = options.activityType,
+    activityType = _options$activityType2 === void 0 ? "a2ui-json-render" : _options$activityType2,
+    _options$registry2 = options.registry,
+    registry = _options$registry2 === void 0 ? a2uiRegistry : _options$registry2,
+    _options$actionHandle2 = options.actionHandlers,
+    actionHandlers = _options$actionHandle2 === void 0 ? {} : _options$actionHandle2,
+    _options$debug2 = options.debug,
+    debug = _options$debug2 === void 0 ? false : _options$debug2,
+    _options$description2 = options.description,
+    description = _options$description2 === void 0 ? "A2UI + json-render \u9002\u914D\u6E32\u67D3\u5668" : _options$description2;
+  return {
+    activityType: activityType,
+    component: /*#__PURE__*/React.memo(function (props) {
+      return /* @__PURE__ */React.createElement(A2UIJsonRenderActivityRenderer, _objectSpread$1(_objectSpread$1({}, props), {}, {
+        registry: registry,
+        actionHandlers: actionHandlers,
+        debug: debug
+      }));
+    }),
+    description: description
+  };
+}
+
+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 withStableProps(Component) {
+  return /*#__PURE__*/React.memo(Component, function (prevProps, nextProps) {
+    var prevElement = prevProps.element;
+    var nextElement = nextProps.element;
+    if (prevProps.children !== nextProps.children) {
+      return false;
+    }
+    if (prevElement === nextElement) return true;
+    if (prevElement.id !== nextElement.id || prevElement.type !== nextElement.type) {
+      return false;
+    }
+    return reactFastCompare(prevElement.props, nextElement.props);
+  });
+}
+var tdesignRegistry = {
+  Button: JsonRenderButton,
+  Input: JsonRenderInput,
+  TextField: JsonRenderTextField,
+  Card: JsonRenderCard,
+  Text: JsonRenderText,
+  Row: JsonRenderRow,
+  Col: JsonRenderCol,
+  Space: JsonRenderSpace,
+  Column: JsonRenderColumn,
+  Divider: JsonRenderDivider,
+  button: JsonRenderButton,
+  input: JsonRenderInput,
+  textfield: JsonRenderTextField,
+  card: JsonRenderCard,
+  text: JsonRenderText,
+  row: JsonRenderRow,
+  col: JsonRenderCol,
+  space: JsonRenderSpace,
+  column: JsonRenderColumn,
+  divider: JsonRenderDivider
+};
+function createCustomRegistry(customComponents) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$enableStable = options.enableStableProps,
+    enableStableProps = _options$enableStable === void 0 ? false : _options$enableStable;
+  var processedComponents = {};
+  if (enableStableProps) {
+    for (var _i = 0, _Object$entries = Object.entries(customComponents); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        name = _Object$entries$_i[0],
+        Component = _Object$entries$_i[1];
+      processedComponents[name] = withStableProps(Component);
+    }
+  } else {
+    Object.assign(processedComponents, customComponents);
+  }
+  return _objectSpread(_objectSpread({}, tdesignRegistry), processedComponents);
+}
+
+export { A2UITextField as A, JsonRenderInput as J, a2uiRegistry as a, createA2UIRegistry as b, createCustomRegistry as c, A2UIButton as d, withA2UIBinding as e, createJsonRenderActivityConfig as f, createA2UIJsonRenderActivityConfig as g, JsonRenderTextField as h, tdesignRegistry as t, withStableProps as w };
+//# sourceMappingURL=dep-076af7c3.js.map