@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/Components/GradientText/style.js

@@ -1,71 +1,96 @@
-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/Components/GradientText/style.ts
+    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;
+}
+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 { Keyframes } from "@ant-design/cssinjs";
-import {
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var animateGradientText = new Keyframes("animateGradientText", {
-  "0%": {
-    backgroundPosition: "100%"
-  },
-  "100%": {
-    backgroundPosition: "-100%"
-  }
+import { useEditorStyleRegister } from "../../Hooks/useStyle";
+var animateGradientText = new Keyframes('animateGradientText', {
+    '0%': {
+        backgroundPosition: '100%'
+    },
+    '100%': {
+        backgroundPosition: '-100%'
+    }
 });
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      position: "relative",
-      margin: "0 auto",
-      display: "flex",
-      maxWidth: "fit-content",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      fontWeight: 500,
-      overflow: "hidden",
-      ["&-text-content"]: {
-        display: "inline-block",
-        position: "relative",
+var genStyle = function(token) {
+    return _define_property({}, token.componentCls, _define_property({
+        position: 'relative',
+        margin: '0 auto',
+        display: 'flex',
+        maxWidth: 'fit-content',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontWeight: 500,
+        overflow: 'hidden'
+    }, '&-text-content', {
+        display: 'inline-block',
+        position: 'relative',
         zIndex: 2,
-        backgroundSize: "200% 100%",
-        backgroundClip: "text",
-        WebkitBackgroundClip: "text",
-        color: "transparent",
+        backgroundSize: '200% 100%',
+        backgroundClip: 'text',
+        WebkitBackgroundClip: 'text',
+        color: 'transparent',
         animationName: animateGradientText,
-        animationTimingFunction: "linear",
-        animationIterationCount: "infinite"
-      }
-    }
-  };
+        animationTimingFunction: 'linear',
+        animationIterationCount: 'infinite'
+    }));
 };
-var useGradientTextStyle = (prefixCls) => {
-  return useEditorStyleRegister("gradient-text", (token) => {
-    const gradientTextToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export var useGradientTextStyle = function(prefixCls) {
+    return useEditorStyleRegister('gradient-text', function(token) {
+        var gradientTextToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(gradientTextToken)
+        ];
     });
-    return [genStyle(gradientTextToken)];
-  });
-};
-export {
-  useGradientTextStyle
 };

package/dist/Components/ImageList.js

@@ -1,138 +1,116 @@
-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]);
+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;
-};
-
-// src/Components/ImageList.tsx
+    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 React from "react";
-var VisualList = ({
-  className,
-  style,
-  data = [],
-  filter = () => true,
-  emptyRender,
-  renderItem,
-  loading = false,
-  loadingRender,
-  itemStyle,
-  imageStyle,
-  linkStyle
-}) => {
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className,
-        style: __spreadValues({
-          display: "flex",
-          listStyle: "none",
-          margin: 0,
-          padding: 0,
-          flexFlow: "wrap"
-        }, style)
-      },
-      loadingRender ? loadingRender() : /* @__PURE__ */ React.createElement("span", null, "加载中...")
-    );
-  }
-  const displayList = data.filter(filter);
-  if (displayList.length === 0) {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className,
-        style: __spreadValues({
-          display: "flex",
-          listStyle: "none",
-          margin: 0,
-          padding: 0
+export var VisualList = function(param) {
+    var className = param.className, style = param.style, _param_data = param.data, data = _param_data === void 0 ? [] : _param_data, _param_filter = param.filter, filter = _param_filter === void 0 ? function() {
+        return true;
+    } : _param_filter, emptyRender = param.emptyRender, renderItem = param.renderItem, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading, loadingRender = param.loadingRender, itemStyle = param.itemStyle, imageStyle = param.imageStyle, linkStyle = param.linkStyle;
+    // 加载状态渲染
+    if (loading) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: className,
+            style: _object_spread({
+                display: 'flex',
+                listStyle: 'none',
+                margin: 0,
+                padding: 0,
+                flexFlow: 'wrap'
+            }, style)
+        }, loadingRender ? loadingRender() : /*#__PURE__*/ React.createElement("span", null, "加载中..."));
+    }
+    // 过滤数据
+    var displayList = data.filter(filter);
+    // 空状态渲染
+    if (displayList.length === 0) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: className,
+            style: _object_spread({
+                display: 'flex',
+                listStyle: 'none',
+                margin: 0,
+                padding: 0
+            }, style)
+        }, emptyRender ? emptyRender() : /*#__PURE__*/ React.createElement("span", null, "暂无数据"));
+    }
+    // 默认渲染函数
+    var defaultRenderItem = function(item, index) {
+        return /*#__PURE__*/ React.createElement("li", {
+            key: item.id || index,
+            style: _object_spread({
+                marginRight: 8,
+                marginBottom: 8,
+                borderRadius: 8,
+                boxSizing: 'border-box',
+                overflow: 'hidden',
+                border: '1px solid #ddd',
+                display: 'flex'
+            }, itemStyle)
+        }, item.href ? /*#__PURE__*/ React.createElement("a", {
+            href: item.href,
+            style: _object_spread({
+                display: 'flex',
+                textDecoration: 'none'
+            }, linkStyle)
+        }, /*#__PURE__*/ React.createElement("img", {
+            width: 40,
+            height: 40,
+            src: item.src,
+            alt: item.alt || item.title || '',
+            title: item.title,
+            style: _object_spread({
+                objectFit: 'cover'
+            }, imageStyle)
+        })) : /*#__PURE__*/ React.createElement("img", {
+            width: 40,
+            height: 40,
+            src: item.src,
+            alt: item.alt || item.title || '',
+            title: item.title,
+            style: _object_spread({
+                objectFit: 'cover'
+            }, imageStyle)
+        }));
+    };
+    return /*#__PURE__*/ React.createElement("ul", {
+        className: className,
+        style: _object_spread({
+            display: 'flex',
+            boxSizing: 'border-box',
+            listStyle: 'none',
+            margin: 0,
+            padding: 0,
+            flexFlow: 'wrap'
         }, style)
-      },
-      emptyRender ? emptyRender() : /* @__PURE__ */ React.createElement("span", null, "暂无数据")
-    );
-  }
-  const defaultRenderItem = (item, index) => /* @__PURE__ */ React.createElement(
-    "li",
-    {
-      key: item.id || index,
-      style: __spreadValues({
-        marginRight: 8,
-        marginBottom: 8,
-        borderRadius: 8,
-        boxSizing: "border-box",
-        overflow: "hidden",
-        border: "1px solid #ddd",
-        display: "flex"
-      }, itemStyle)
-    },
-    item.href ? /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        href: item.href,
-        style: __spreadValues({
-          display: "flex",
-          textDecoration: "none"
-        }, linkStyle)
-      },
-      /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          width: 40,
-          height: 40,
-          src: item.src,
-          alt: item.alt || item.title || "",
-          title: item.title,
-          style: __spreadValues({
-            objectFit: "cover"
-          }, imageStyle)
+    }, displayList.map(function(item, index) {
+        if (renderItem) {
+            return renderItem(item, index);
         }
-      )
-    ) : /* @__PURE__ */ React.createElement(
-      "img",
-      {
-        width: 40,
-        height: 40,
-        src: item.src,
-        alt: item.alt || item.title || "",
-        title: item.title,
-        style: __spreadValues({
-          objectFit: "cover"
-        }, imageStyle)
-      }
-    )
-  );
-  return /* @__PURE__ */ React.createElement(
-    "ul",
-    {
-      className,
-      style: __spreadValues({
-        display: "flex",
-        boxSizing: "border-box",
-        listStyle: "none",
-        margin: 0,
-        padding: 0,
-        flexFlow: "wrap"
-      }, style)
-    },
-    displayList.map((item, index) => {
-      if (renderItem) {
-        return renderItem(item, index);
-      }
-      return defaultRenderItem(item, index);
-    })
-  );
-};
-export {
-  VisualList
+        return defaultRenderItem(item, index);
+    }));
 };

package/dist/Components/LayoutHeader/index.js

@@ -1,9 +1,50 @@
-// src/Components/LayoutHeader/index.tsx
-import {
-  AlignLeft,
-  LaptopMinimal,
-  SquareArrowOutUpRight
-} from "@sofa-design/icons";
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { AlignLeft, LaptopMinimal, SquareArrowOutUpRight } from "@sofa-design/icons";
 import { Button, ConfigProvider } from "antd";
 import classNames from "classnames";
 import { useMergedState } from "rc-util";
@@ -11,84 +52,107 @@ import React, { useContext } from "react";
 import { I18nContext } from "../../I18n";
 import { ActionIconBox } from "../ActionIconBox";
 import { useLayoutHeaderStyle } from "./style";
-var LayoutHeader = ({
-  title = "AI 助手",
-  showShare = true,
-  leftCollapsible = true,
-  rightCollapsible = false,
-  leftCollapsed: controlledLeftCollapsed,
-  rightCollapsed: controlledRightCollapsed,
-  leftDefaultCollapsed = false,
-  rightDefaultCollapsed = false,
-  onLeftCollapse,
-  onRightCollapse,
-  onShare,
-  leftExtra,
-  rightExtra,
-  className
-}) => {
-  const { locale } = useContext(I18nContext);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("layout-header");
-  const { wrapSSR, hashId } = useLayoutHeaderStyle(prefixCls);
-  const [leftCollapsed, setLeftCollapsed] = useMergedState(
-    leftDefaultCollapsed,
-    {
-      value: controlledLeftCollapsed,
-      onChange: onLeftCollapse
-    }
-  );
-  const [rightCollapsed, setRightCollapsed] = useMergedState(
-    rightDefaultCollapsed,
-    {
-      value: controlledRightCollapsed,
-      onChange: onRightCollapse
-    }
-  );
-  const handleLeftCollapse = () => {
-    if (leftCollapsible) {
-      setLeftCollapsed(!leftCollapsed);
-    }
-  };
-  const handleRightCollapse = () => {
-    if (rightCollapsible) {
-      setRightCollapsed(!rightCollapsed);
-    }
-  };
-  const handleShare = () => {
-    onShare == null ? void 0 : onShare();
-  };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId, className) }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-left`, hashId) }, leftCollapsible && /* @__PURE__ */ React.createElement(
-      ActionIconBox,
-      {
+/**
+ * LayoutHeader 组件 - 布局头部组件
+ *
+ * 该组件提供了一个通用的布局头部区域，包含标题、左侧折叠按钮、分享按钮和右侧折叠按钮。
+ * 支持自定义左侧和右侧的额外内容，以及受控和非受控模式。
+ *
+ * @component
+ * @description 布局头部组件，提供完整的头部布局和交互功能
+ * @param {LayoutHeaderProps} props - 组件属性
+ *
+ * @example
+ * ```tsx
+ * import { LayoutHeader } from './LayoutHeader';
+ *
+ * // 基本用法
+ * <LayoutHeader
+ *   title="AI 助手"
+ *   onLeftCollapse={() => console.log('左侧折叠')}
+ *   onRightCollapse={() => console.log('右侧折叠')}
+ *   onShare={() => console.log('分享')}
+ * />
+ *
+ * // 受控模式 - 折叠状态
+ * <LayoutHeader
+ *   title="AI 助手"
+ *   leftCollapsed={leftCollapsed}
+ *   rightCollapsed={rightCollapsed}
+ *   onLeftCollapse={setLeftCollapsed}
+ *   onRightCollapse={setRightCollapsed}
+ * />
+ *
+ * // 非受控模式 - 默认折叠状态
+ * <LayoutHeader
+ *   title="AI 助手"
+ *   leftDefaultCollapsed={true}
+ *   rightDefaultCollapsed={false}
+ *   onLeftCollapse={(collapsed) => console.log('左侧折叠状态:', collapsed)}
+ *   onRightCollapse={(collapsed) => console.log('右侧折叠状态:', collapsed)}
+ * />
+ *
+ * // 自定义内容
+ * <LayoutHeader
+ *   title="AI 助手"
+ *   leftExtra={<div>自定义左侧内容</div>}
+ *   rightExtra={<div>自定义右侧内容</div>}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的头部组件
+ */ var LayoutHeader = function(param) {
+    var _param_title = param.title, title = _param_title === void 0 ? 'AI 助手' : _param_title, _param_showShare = param.showShare, showShare = _param_showShare === void 0 ? true : _param_showShare, _param_leftCollapsible = param.leftCollapsible, leftCollapsible = _param_leftCollapsible === void 0 ? true : _param_leftCollapsible, _param_rightCollapsible = param.rightCollapsible, rightCollapsible = _param_rightCollapsible === void 0 ? false : _param_rightCollapsible, controlledLeftCollapsed = param.leftCollapsed, controlledRightCollapsed = param.rightCollapsed, _param_leftDefaultCollapsed = param.leftDefaultCollapsed, leftDefaultCollapsed = _param_leftDefaultCollapsed === void 0 ? false : _param_leftDefaultCollapsed, _param_rightDefaultCollapsed = param.rightDefaultCollapsed, rightDefaultCollapsed = _param_rightDefaultCollapsed === void 0 ? false : _param_rightDefaultCollapsed, onLeftCollapse = param.onLeftCollapse, onRightCollapse = param.onRightCollapse, onShare = param.onShare, leftExtra = param.leftExtra, rightExtra = param.rightExtra, className = param.className;
+    var locale = useContext(I18nContext).locale;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('layout-header');
+    var _useLayoutHeaderStyle = useLayoutHeaderStyle(prefixCls), wrapSSR = _useLayoutHeaderStyle.wrapSSR, hashId = _useLayoutHeaderStyle.hashId;
+    // 使用 useMergedState 管理左侧折叠状态
+    var _useMergedState = _sliced_to_array(useMergedState(leftDefaultCollapsed, {
+        value: controlledLeftCollapsed,
+        onChange: onLeftCollapse
+    }), 2), leftCollapsed = _useMergedState[0], setLeftCollapsed = _useMergedState[1];
+    // 使用 useMergedState 管理右侧折叠状态
+    var _useMergedState1 = _sliced_to_array(useMergedState(rightDefaultCollapsed, {
+        value: controlledRightCollapsed,
+        onChange: onRightCollapse
+    }), 2), rightCollapsed = _useMergedState1[0], setRightCollapsed = _useMergedState1[1];
+    var handleLeftCollapse = function() {
+        if (leftCollapsible) {
+            setLeftCollapsed(!leftCollapsed);
+        }
+    };
+    var handleRightCollapse = function() {
+        if (rightCollapsible) {
+            setRightCollapsed(!rightCollapsed);
+        }
+    };
+    var handleShare = function() {
+        onShare === null || onShare === void 0 ? void 0 : onShare();
+    };
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames(prefixCls, hashId, className)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-left"), hashId)
+    }, leftCollapsible && /*#__PURE__*/ React.createElement(ActionIconBox, {
         onClick: handleLeftCollapse,
-        "aria-label": (locale == null ? void 0 : locale["chatFlow.collapseLeft"]) || "折叠左侧边栏",
-        title: (locale == null ? void 0 : locale["chatFlow.collapseLeft"]) || "折叠左侧边栏"
-      },
-      /* @__PURE__ */ React.createElement(AlignLeft, null)
-    ), /* @__PURE__ */ React.createElement("h1", { className: classNames(`${prefixCls}-left-title`, hashId) }, title), leftExtra), /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-right`, hashId) }, showShare && /* @__PURE__ */ React.createElement(
-      Button,
-      {
+        "aria-label": (locale === null || locale === void 0 ? void 0 : locale['chatFlow.collapseLeft']) || '折叠左侧边栏',
+        title: (locale === null || locale === void 0 ? void 0 : locale['chatFlow.collapseLeft']) || '折叠左侧边栏'
+    }, /*#__PURE__*/ React.createElement(AlignLeft, null)), /*#__PURE__*/ React.createElement("h1", {
+        className: classNames("".concat(prefixCls, "-left-title"), hashId)
+    }, title), leftExtra), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-right"), hashId)
+    }, showShare && /*#__PURE__*/ React.createElement(Button, {
         size: "small",
-        className: classNames(`${prefixCls}-right-share-btn`, hashId),
+        className: classNames("".concat(prefixCls, "-right-share-btn"), hashId),
         onClick: handleShare,
-        "aria-label": (locale == null ? void 0 : locale["chatFlow.shareDialog"]) || "分享对话",
-        icon: /* @__PURE__ */ React.createElement(SquareArrowOutUpRight, null),
+        "aria-label": (locale === null || locale === void 0 ? void 0 : locale['chatFlow.shareDialog']) || '分享对话',
+        icon: /*#__PURE__*/ React.createElement(SquareArrowOutUpRight, null),
         color: "default"
-      },
-      (locale == null ? void 0 : locale["chatFlow.share"]) || "分享"
-    ), rightCollapsible && /* @__PURE__ */ React.createElement(
-      ActionIconBox,
-      {
+    }, (locale === null || locale === void 0 ? void 0 : locale['chatFlow.share']) || '分享'), rightCollapsible && /*#__PURE__*/ React.createElement(ActionIconBox, {
         onClick: handleRightCollapse,
-        "aria-label": (locale == null ? void 0 : locale["chatFlow.collapseRight"]) || "折叠右侧边栏",
-        title: (locale == null ? void 0 : locale["chatFlow.collapseRight"]) || "折叠右侧边栏"
-      },
-      /* @__PURE__ */ React.createElement(LaptopMinimal, null)
-    ), rightExtra))
-  );
-};
-export {
-  LayoutHeader
+        "aria-label": (locale === null || locale === void 0 ? void 0 : locale['chatFlow.collapseRight']) || '折叠右侧边栏',
+        title: (locale === null || locale === void 0 ? void 0 : locale['chatFlow.collapseRight']) || '折叠右侧边栏'
+    }, /*#__PURE__*/ React.createElement(LaptopMinimal, null)), rightExtra)));
 };
+export { LayoutHeader };