@ant-design/agentic-ui 2.29.5 → 2.29.7

package/dist/ChatLayout/components/FooterBackgroundLottie/lottie.js

@@ -0,0 +1,382 @@
+import img_0 from "./images/img_0.png";
+import img_1 from "./images/img_1.png";
+import img_2 from "./images/img_2.png";
+export default {
+    v: '5.12.2',
+    fr: 25,
+    ip: 0,
+    op: 250,
+    w: 2880,
+    h: 600,
+    nm: '合成 3',
+    ddd: 0,
+    assets: [
+        {
+            id: 'image_0',
+            w: 2880,
+            h: 600,
+            u: '',
+            p: img_0,
+            e: 0
+        },
+        {
+            id: 'image_1',
+            w: 2880,
+            h: 600,
+            u: '',
+            p: img_1,
+            e: 0
+        },
+        {
+            id: 'image_2',
+            w: 2880,
+            h: 600,
+            u: '',
+            p: img_2,
+            e: 0
+        }
+    ],
+    layers: [
+        {
+            ddd: 0,
+            ind: 1,
+            ty: 2,
+            nm: '预合成 3 (0-00-00-00).png',
+            cl: 'png',
+            refId: 'image_0',
+            sr: 1,
+            ks: {
+                o: {
+                    a: 0,
+                    k: 100,
+                    ix: 11
+                },
+                r: {
+                    a: 0,
+                    k: 0,
+                    ix: 10
+                },
+                p: {
+                    a: 1,
+                    k: [
+                        {
+                            i: {
+                                x: 0.667,
+                                y: 1
+                            },
+                            o: {
+                                x: 0.333,
+                                y: 0
+                            },
+                            t: 0,
+                            s: [
+                                1440,
+                                294.735,
+                                0
+                            ],
+                            to: [
+                                0,
+                                0,
+                                0
+                            ],
+                            ti: [
+                                0,
+                                0,
+                                0
+                            ]
+                        },
+                        {
+                            i: {
+                                x: 0.667,
+                                y: 1
+                            },
+                            o: {
+                                x: 0.333,
+                                y: 0
+                            },
+                            t: 125,
+                            s: [
+                                995.751,
+                                287.009,
+                                0
+                            ],
+                            to: [
+                                0,
+                                0,
+                                0
+                            ],
+                            ti: [
+                                0,
+                                0,
+                                0
+                            ]
+                        },
+                        {
+                            t: 249,
+                            s: [
+                                1440,
+                                294.735,
+                                0
+                            ]
+                        }
+                    ],
+                    ix: 2,
+                    l: 2
+                },
+                a: {
+                    a: 0,
+                    k: [
+                        1440,
+                        300,
+                        0
+                    ],
+                    ix: 1,
+                    l: 2
+                },
+                s: {
+                    a: 0,
+                    k: [
+                        100,
+                        100,
+                        100
+                    ],
+                    ix: 6,
+                    l: 2
+                }
+            },
+            ao: 0,
+            ip: 0,
+            op: 250,
+            st: 0,
+            bm: 0
+        },
+        {
+            ddd: 0,
+            ind: 2,
+            ty: 2,
+            nm: '预合成 2 (0-00-00-00).png',
+            cl: 'png',
+            refId: 'image_1',
+            sr: 1,
+            ks: {
+                o: {
+                    a: 0,
+                    k: 100,
+                    ix: 11
+                },
+                r: {
+                    a: 0,
+                    k: 0,
+                    ix: 10
+                },
+                p: {
+                    a: 1,
+                    k: [
+                        {
+                            i: {
+                                x: 0.667,
+                                y: 1
+                            },
+                            o: {
+                                x: 0.333,
+                                y: 0
+                            },
+                            t: 0,
+                            s: [
+                                1440,
+                                294.735,
+                                0
+                            ],
+                            to: [
+                                0,
+                                0,
+                                0
+                            ],
+                            ti: [
+                                0,
+                                0,
+                                0
+                            ]
+                        },
+                        {
+                            i: {
+                                x: 0.667,
+                                y: 1
+                            },
+                            o: {
+                                x: 0.333,
+                                y: 0
+                            },
+                            t: 125,
+                            s: [
+                                1737.454,
+                                294.735,
+                                0
+                            ],
+                            to: [
+                                0,
+                                0,
+                                0
+                            ],
+                            ti: [
+                                0,
+                                0,
+                                0
+                            ]
+                        },
+                        {
+                            t: 249,
+                            s: [
+                                1440,
+                                294.735,
+                                0
+                            ]
+                        }
+                    ],
+                    ix: 2,
+                    l: 2
+                },
+                a: {
+                    a: 0,
+                    k: [
+                        1440,
+                        300,
+                        0
+                    ],
+                    ix: 1,
+                    l: 2
+                },
+                s: {
+                    a: 0,
+                    k: [
+                        100,
+                        100,
+                        100
+                    ],
+                    ix: 6,
+                    l: 2
+                }
+            },
+            ao: 0,
+            ip: 0,
+            op: 250,
+            st: 0,
+            bm: 0
+        },
+        {
+            ddd: 0,
+            ind: 3,
+            ty: 2,
+            nm: '预合成 1 (0-00-00-00).png',
+            cl: 'png',
+            refId: 'image_2',
+            sr: 1,
+            ks: {
+                o: {
+                    a: 0,
+                    k: 100,
+                    ix: 11
+                },
+                r: {
+                    a: 0,
+                    k: 0,
+                    ix: 10
+                },
+                p: {
+                    a: 1,
+                    k: [
+                        {
+                            i: {
+                                x: 0.667,
+                                y: 1
+                            },
+                            o: {
+                                x: 0.333,
+                                y: 0
+                            },
+                            t: 0,
+                            s: [
+                                1440,
+                                294.735,
+                                0
+                            ],
+                            to: [
+                                0,
+                                0,
+                                0
+                            ],
+                            ti: [
+                                0,
+                                0,
+                                0
+                            ]
+                        },
+                        {
+                            i: {
+                                x: 0.667,
+                                y: 1
+                            },
+                            o: {
+                                x: 0.333,
+                                y: 0
+                            },
+                            t: 125,
+                            s: [
+                                864.407,
+                                294.735,
+                                0
+                            ],
+                            to: [
+                                0,
+                                0,
+                                0
+                            ],
+                            ti: [
+                                0,
+                                0,
+                                0
+                            ]
+                        },
+                        {
+                            t: 249,
+                            s: [
+                                1440,
+                                294.735,
+                                0
+                            ]
+                        }
+                    ],
+                    ix: 2,
+                    l: 2
+                },
+                a: {
+                    a: 0,
+                    k: [
+                        1440,
+                        300,
+                        0
+                    ],
+                    ix: 1,
+                    l: 2
+                },
+                s: {
+                    a: 0,
+                    k: [
+                        100,
+                        100,
+                        100
+                    ],
+                    ix: 6,
+                    l: 2
+                }
+            },
+            ao: 0,
+            ip: 0,
+            op: 250,
+            st: 0,
+            bm: 0
+        }
+    ],
+    markers: [],
+    props: {}
+};

package/dist/ChatLayout/index.js

@@ -1,8 +1,38 @@
+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 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]);
+        });
+    }
+    return target;
+}
 import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { forwardRef, memo, useContext, useImperativeHandle } from "react";
+import clsx from "classnames";
+import React, { forwardRef, memo, useContext, useImperativeHandle, useRef } from "react";
 import { LayoutHeader } from "../Components/LayoutHeader";
 import useAutoScroll from "../Hooks/useAutoScroll";
+import { useElementSize } from "../Hooks/useElementSize";
+import FooterBackgroundLottie from "./components/FooterBackgroundLottie";
 import { useStyle } from "./style";
 /**
  * ChatLayout 组件 - 聊天布局组件
@@ -69,7 +99,7 @@ import { useStyle } from "./style";
  *
  * @returns {React.ReactElement} 渲染的聊天布局组件
  */ var ChatLayoutComponent = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var header = param.header, children = param.children, footer = param.footer, _param_footerHeight = param.footerHeight, footerHeight = _param_footerHeight === void 0 ? 90 : _param_footerHeight, _param_scrollBehavior = param.scrollBehavior, scrollBehavior = _param_scrollBehavior === void 0 ? 'smooth' : _param_scrollBehavior, className = param.className, style = param.style;
+    var header = param.header, children = param.children, footer = param.footer, _param_footerHeight = param.footerHeight, footerHeight = _param_footerHeight === void 0 ? 48 : _param_footerHeight, _param_scrollBehavior = param.scrollBehavior, scrollBehavior = _param_scrollBehavior === void 0 ? 'smooth' : _param_scrollBehavior, className = param.className, style = param.style, classNames = param.classNames, styles = param.styles, _param_showFooterBackground = param.showFooterBackground, showFooterBackground = _param_showFooterBackground === void 0 ? true : _param_showFooterBackground;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var prefixCls = getPrefixCls('chat-layout');
     var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
@@ -79,36 +109,44 @@ import { useStyle } from "./style";
         timeout: 200,
         scrollBehavior: scrollBehavior
     }), containerRef = _useAutoScroll.containerRef, scrollToBottom = _useAutoScroll.scrollToBottom;
+    var footerRef = useRef(null);
+    var _useElementSize = useElementSize(footerRef), actualFooterHeight = _useElementSize.height;
     useImperativeHandle(ref, function() {
         return {
             scrollContainer: containerRef.current,
             scrollToBottom: scrollToBottom
         };
     });
-    var rootClassName = classNames(prefixCls, className, hashId);
-    var contentClassName = classNames("".concat(prefixCls, "-content"), hashId);
-    var scrollableClassName = classNames("".concat(prefixCls, "-content-scrollable"), hashId);
-    var footerClassName = classNames("".concat(prefixCls, "-footer"), hashId);
+    var rootClassName = clsx(prefixCls, className, classNames === null || classNames === void 0 ? void 0 : classNames.root, hashId);
+    var contentClassName = clsx("".concat(prefixCls, "-content"), classNames === null || classNames === void 0 ? void 0 : classNames.content, hashId);
+    var scrollableClassName = clsx("".concat(prefixCls, "-content-scrollable"), classNames === null || classNames === void 0 ? void 0 : classNames.scrollable, hashId);
+    var footerClassName = clsx("".concat(prefixCls, "-footer"), classNames === null || classNames === void 0 ? void 0 : classNames.footer, hashId);
+    var footerBackgroundClassName = clsx("".concat(prefixCls, "-footer-background"), classNames === null || classNames === void 0 ? void 0 : classNames.footerBackground, hashId);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: rootClassName,
-        style: style
+        style: _object_spread({}, styles === null || styles === void 0 ? void 0 : styles.root, style)
     }, header && /*#__PURE__*/ React.createElement(LayoutHeader, header), /*#__PURE__*/ React.createElement("div", {
-        className: contentClassName
+        className: contentClassName,
+        style: styles === null || styles === void 0 ? void 0 : styles.content
     }, /*#__PURE__*/ React.createElement("div", {
         className: scrollableClassName,
-        ref: containerRef
+        ref: containerRef,
+        style: styles === null || styles === void 0 ? void 0 : styles.scrollable
     }, children, footer && /*#__PURE__*/ React.createElement("div", {
         style: {
-            height: footerHeight,
+            height: actualFooterHeight,
             width: '100%'
         },
         "aria-hidden": "true"
     }))), footer && /*#__PURE__*/ React.createElement("div", {
+        ref: footerRef,
         className: footerClassName,
-        style: {
+        style: _object_spread({
             minHeight: footerHeight
-        }
-    }, footer)));
+        }, styles === null || styles === void 0 ? void 0 : styles.footer)
+    }, showFooterBackground && /*#__PURE__*/ React.createElement(FooterBackgroundLottie, {
+        className: footerBackgroundClassName
+    }), footer)));
 });
 ChatLayoutComponent.displayName = 'ChatLayout';
 // 使用 React.memo 优化性能，避免不必要的重新渲染

package/dist/ChatLayout/style.js

@@ -196,11 +196,22 @@ var genStyle = function(token) {
             justifyContent: 'center',
             background: 'linear-gradient(to bottom, #fff0 20%, var(--color-gray-bg-card-white) 70%)',
             width: '100%',
+            paddingTop: 8,
+            paddingBottom: 24,
+            gap: 24,
             position: 'absolute',
             bottom: 0,
             zIndex: 100,
             borderBottomLeftRadius: 'var(--radius-xl)',
             borderBottomRightRadius: 'var(--radius-xl)'
+        },
+        '&-footer-background': {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            pointerEvents: 'none'
         }
     }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
         '&-header': {

package/dist/ChatLayout/types.d.ts

@@ -15,6 +15,34 @@ export interface ChatLayoutProps extends BaseStyleProps {
     footerHeight?: number;
     /** 滚动行为 */
     scrollBehavior?: 'smooth' | 'auto';
+    /** 是否显示底部背景 */
+    showFooterBackground?: boolean;
+    /** 自定义类名 */
+    classNames?: {
+        /** 根容器类名 */
+        root?: string;
+        /** 内容区域类名 */
+        content?: string;
+        /** 滚动区域类名 */
+        scrollable?: string;
+        /** 底部区域类名 */
+        footer?: string;
+        /** 底部背景区域类名 */
+        footerBackground?: string;
+    };
+    /** 自定义样式 */
+    styles?: {
+        /** 根容器样式 */
+        root?: React.CSSProperties;
+        /** 内容区域样式 */
+        content?: React.CSSProperties;
+        /** 滚动区域样式 */
+        scrollable?: React.CSSProperties;
+        /** 底部区域样式 */
+        footer?: React.CSSProperties;
+        /** 底部背景区域样式 */
+        footerBackground?: React.CSSProperties;
+    };
 }
 export interface ChatLayoutRef {
     scrollContainer: HTMLDivElement | null;

package/dist/Components/ActionIconBox/index.js

@@ -126,7 +126,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -134,13 +134,17 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -152,7 +156,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -278,8 +282,8 @@ import { useStyle } from "./style";
  * - 集成 Ant Design 组件
  * - 响应式交互设计
  */ export var ActionIconBox = function(props) {
-    var _props_title, _props_title1, _props_title2, _props_title3;
     var _props_isLoading;
+    var _props_title, _props_title1, _props_title2, _props_title3;
     var propLoading = (_props_isLoading = props.isLoading) !== null && _props_isLoading !== void 0 ? _props_isLoading : props.loading;
     var _useMergedState = _sliced_to_array(useMergedState(false, {
         value: propLoading,
@@ -346,8 +350,8 @@ import { useStyle } from "./style";
         tabIndex: 0,
         "aria-label": (_props_title1 = props.title) === null || _props_title1 === void 0 ? void 0 : _props_title1.toString(),
         className: cx(prefixCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-danger"), props.type === 'danger'), _define_property(_obj, "".concat(prefixCls, "-primary"), props.type === 'primary'), _define_property(_obj, "".concat(prefixCls, "-border-less"), props.borderLess), _define_property(_obj, "".concat(prefixCls, "-active"), props.active), _define_property(_obj, "".concat(prefixCls, "-transform"), props.transform), _define_property(_obj, "".concat(prefixCls, "-").concat(props.theme || 'light'), props.theme || 'light'), _define_property(_obj, "".concat(prefixCls, "-noPadding"), props.noPadding), _obj)),
-        onClick: /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(e) {
+        onClick: function(e) {
+            return _async_to_generator(function() {
                 var _props_onClick, error;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -396,13 +400,10 @@ import { useStyle } from "./style";
                             ];
                     }
                 });
-            });
-            return function(e) {
-                return _ref.apply(this, arguments);
-            };
-        }(),
-        onKeyDown: /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(e) {
+            })();
+        },
+        onKeyDown: function(e) {
+            return _async_to_generator(function() {
                 var error;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -455,11 +456,8 @@ import { useStyle } from "./style";
                             ];
                     }
                 });
-            });
-            return function(e) {
-                return _ref.apply(this, arguments);
-            };
-        }(),
+            })();
+        },
         onMouseEnter: function() {
             return setIsHovered(true);
         },
@@ -476,8 +474,8 @@ import { useStyle } from "./style";
         "aria-label": (_props_title2 = props.title) === null || _props_title2 === void 0 ? void 0 : _props_title2.toString(),
         title: (_props_title3 = props.title) === null || _props_title3 === void 0 ? void 0 : _props_title3.toString(),
         className: cx(prefixCls, hashId, props.className, (_obj1 = {}, _define_property(_obj1, "".concat(prefixCls, "-danger"), props.type === 'danger'), _define_property(_obj1, "".concat(prefixCls, "-primary"), props.type === 'primary'), _define_property(_obj1, "".concat(prefixCls, "-border-less"), props.borderLess), _define_property(_obj1, "".concat(prefixCls, "-active"), props.active), _define_property(_obj1, "".concat(prefixCls, "-transform"), props.transform), _define_property(_obj1, "".concat(prefixCls, "-").concat(props.theme || 'light'), props.theme || 'light'), _define_property(_obj1, "".concat(prefixCls, "-noPadding"), props.noPadding), _obj1)),
-        onClick: /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(e) {
+        onClick: function(e) {
+            return _async_to_generator(function() {
                 var _props_onClick, error;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -526,13 +524,10 @@ import { useStyle } from "./style";
                             ];
                     }
                 });
-            });
-            return function(e) {
-                return _ref.apply(this, arguments);
-            };
-        }(),
-        onKeyDown: /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(e) {
+            })();
+        },
+        onKeyDown: function(e) {
+            return _async_to_generator(function() {
                 var error;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -585,11 +580,8 @@ import { useStyle } from "./style";
                             ];
                     }
                 });
-            });
-            return function(e) {
-                return _ref.apply(this, arguments);
-            };
-        }(),
+            })();
+        },
         onMouseEnter: function() {
             return setIsHovered(true);
         },