@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/ChatBootPage/Title.js

@@ -1,28 +1,24 @@
-// src/ChatBootPage/Title.tsx
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext } from "react";
 import { useStyle } from "./style";
-var Title = ({
-  title,
-  subtitle,
-  style,
-  className,
-  prefixCls: customPrefixCls
-}) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("agentic-chatboot-title", customPrefixCls);
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  if (!title && !subtitle) {
-    return null;
-  }
-  const mainCls = classNames(`${prefixCls}-main`, hashId);
-  const subtitleCls = classNames(`${prefixCls}-subtitle`, hashId);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId, className), style }, title && /* @__PURE__ */ React.createElement("div", { className: mainCls }, title), subtitle && /* @__PURE__ */ React.createElement("div", { className: subtitleCls }, subtitle))
-  );
-};
-var Title_default = Title;
-export {
-  Title_default as default
+var Title = function(param) {
+    var title = param.title, subtitle = param.subtitle, style = param.style, className = param.className, customPrefixCls = param.prefixCls;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('agentic-chatboot-title', customPrefixCls);
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    if (!title && !subtitle) {
+        return null;
+    }
+    var mainCls = classNames("".concat(prefixCls, "-main"), hashId);
+    var subtitleCls = classNames("".concat(prefixCls, "-subtitle"), hashId);
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames(prefixCls, hashId, className),
+        style: style
+    }, title && /*#__PURE__*/ React.createElement("div", {
+        className: mainCls
+    }, title), subtitle && /*#__PURE__*/ React.createElement("div", {
+        className: subtitleCls
+    }, subtitle)));
 };
+export default Title;

package/dist/ChatBootPage/index.js

@@ -1,11 +1,9 @@
-// src/ChatBootPage/index.ts
-import { default as default2 } from "./Title";
-import { default as default3 } from "./CaseReply";
-import { default as default4 } from "./ButtonTab";
-import { default as default5 } from "./ButtonTabGroup";
-export {
-  default4 as ButtonTab,
-  default5 as ButtonTabGroup,
-  default3 as CaseReply,
-  default2 as Title
-};
+/**
+ * @file ChatBootPage 组件模块导出
+ *
+ * 该文件导出聊天启动页面相关组件。
+ * 所有组件的详细文档请参考各自的组件定义文件。
+ */ export { default as Title } from "./Title";
+export { default as CaseReply } from "./CaseReply";
+export { default as ButtonTab } from "./ButtonTab";
+export { default as ButtonTabGroup } from "./ButtonTabGroup";

package/dist/ChatBootPage/style.js

@@ -1,55 +1,85 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/ChatBootPage/style.ts
-import {
-  useEditorStyleRegister
-} from "../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      textAlign: "center",
-      marginBottom: 24,
-      "&-main": {
-        fontSize: 30,
-        fontWeight: 600,
-        lineHeight: "38px",
-        marginBottom: 8,
-        color: "var(--color-gray-text-default)"
-      },
-      "&-subtitle": {
-        fontSize: 15,
-        lineHeight: "24px",
-        color: "var(--color-gray-text-default)"
-      }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
     }
-  };
-};
-var useStyle = (prefixCls) => {
-  return useEditorStyleRegister("ChatBootTitle", (token) => {
-    const titleToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { useEditorStyleRegister } from "../Hooks/useStyle";
+var genStyle = function(token) {
+    return _define_property({}, token.componentCls, {
+        textAlign: 'center',
+        marginBottom: 24,
+        '&-main': {
+            fontSize: 30,
+            fontWeight: 600,
+            lineHeight: '38px',
+            marginBottom: 8,
+            color: 'var(--color-gray-text-default)'
+        },
+        '&-subtitle': {
+            fontSize: 15,
+            lineHeight: '24px',
+            color: 'var(--color-gray-text-default)'
+        }
     });
-    return [genStyle(titleToken)];
-  });
 };
-export {
-  useStyle
+/**
+ * Title 组件样式
+ * @param prefixCls
+ * @returns
+ */ export var useStyle = function(prefixCls) {
+    return useEditorStyleRegister('ChatBootTitle', function(token) {
+        var titleToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(titleToken)
+        ];
+    });
 };

package/dist/ChatLayout/index.js

@@ -1,63 +1,99 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-
-// src/ChatLayout/index.tsx
 import { ConfigProvider } from "antd";
 import React, { forwardRef, useContext, useImperativeHandle } from "react";
 import { LayoutHeader } from "../Components/LayoutHeader";
 import useAutoScroll from "../Hooks/useAutoScroll";
 import { useStyle } from "./style";
-import { LayoutHeader as LayoutHeader2 } from "../Components/LayoutHeader";
-var ChatLayout = forwardRef(
-  ({ header, children, footer, className, style }, ref) => {
-    const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-    const prefixCls = getPrefixCls("chat-layout");
-    const { wrapSSR, hashId } = useStyle(prefixCls);
-    const { containerRef } = useAutoScroll({
-      SCROLL_TOLERANCE: 30,
-      onResize: () => {
-      },
-      timeout: 200
+/**
+ * ChatLayout 组件 - 聊天布局组件
+ *
+ * 该组件提供了一个完整的聊天界面布局，包含头部区域、内容区域和底部区域。
+ * 头部区域包含标题、左侧折叠按钮、分享按钮和右侧折叠按钮。
+ * 内容区域用于放置对话内容（如 BubbleList）。
+ * 底部区域固定在底部，用于放置输入框或AI对话按钮等组件。
+ *
+ * @component
+ * @description 聊天布局组件，提供完整的对话界面布局
+ * @param {ChatLayoutProps} props - 组件属性
+ *
+ * @example
+ * ```tsx
+ * import { ChatLayout } from './ChatLayout';
+ *
+ * // 基本用法
+ * <ChatLayout
+ *   header={{
+ *     title: "AI 助手",
+ *     onLeftCollapse: () => console.log('左侧折叠'),
+ *     onRightCollapse: () => console.log('右侧折叠'),
+ *     onShare: () => console.log('分享')
+ *   }}
+ * >
+ *   <div>对话内容</div>
+ * </ChatLayout>
+ *
+ * // 受控模式 - 折叠状态
+ * <ChatLayout
+ *   header={{
+ *     title: "AI 助手",
+ *     leftCollapsed: leftCollapsed,
+ *     rightCollapsed: rightCollapsed,
+ *     onLeftCollapse: setLeftCollapsed,
+ *     onRightCollapse: setRightCollapsed
+ *   }}
+ * >
+ *   <div>对话内容</div>
+ * </ChatLayout>
+ *
+ * // 非受控模式 - 默认折叠状态
+ * <ChatLayout
+ *   header={{
+ *     title: "AI 助手",
+ *     leftDefaultCollapsed: true,
+ *     rightDefaultCollapsed: false,
+ *     onLeftCollapse: (collapsed) => console.log('左侧折叠状态:', collapsed),
+ *     onRightCollapse: (collapsed) => console.log('右侧折叠状态:', collapsed)
+ *   }}
+ * >
+ *   <div>对话内容</div>
+ * </ChatLayout>
+ *
+ * // 自定义底部
+ * <ChatLayout
+ *   header={{ title: "AI 助手" }}
+ *   footer={<div>自定义底部内容</div>}
+ * >
+ *   <div>对话内容</div>
+ * </ChatLayout>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的聊天布局组件
+ */ var ChatLayout = /*#__PURE__*/ forwardRef(function(param, ref) {
+    var header = param.header, children = param.children, footer = param.footer, className = param.className, style = param.style;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('chat-layout');
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var containerRef = useAutoScroll({
+        SCROLL_TOLERANCE: 30,
+        onResize: function() {},
+        timeout: 200
+    }).containerRef;
+    useImperativeHandle(ref, function() {
+        return {
+            scrollContainer: containerRef.current
+        };
     });
-    useImperativeHandle(ref, () => ({
-      scrollContainer: containerRef.current
-    }));
-    return wrapSSR(
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${prefixCls} ${className || ""} ${hashId}`,
-          style
-        },
-        header && /* @__PURE__ */ React.createElement(LayoutHeader, __spreadValues({}, header)),
-        /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content ${hashId}` }, /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `${prefixCls}-content-scrollable ${hashId}`,
-            ref: containerRef
-          },
-          children
-        )),
-        footer && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-footer ${hashId}` }, footer)
-      )
-    );
-  }
-);
-export {
-  LayoutHeader2 as ChatFlowHeader,
-  ChatLayout
-};
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: "".concat(prefixCls, " ").concat(className || '', " ").concat(hashId),
+        style: style
+    }, header && /*#__PURE__*/ React.createElement(LayoutHeader, header), /*#__PURE__*/ React.createElement("div", {
+        className: "".concat(prefixCls, "-content ").concat(hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "".concat(prefixCls, "-content-scrollable ").concat(hashId),
+        ref: containerRef
+    }, children)), footer && /*#__PURE__*/ React.createElement("div", {
+        className: "".concat(prefixCls, "-footer ").concat(hashId)
+    }, footer)));
+});
+// 保持向后兼容，导出 ChatFlowHeader 作为 LayoutHeader 的别名
+export { LayoutHeader as ChatFlowHeader } from "../Components/LayoutHeader";
+export { ChatLayout };