@lobehub/ui 1.66.0 → 1.68.0

package/es/ChatHeader/index.d.ts

@@ -1,6 +1,14 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { DivProps } from "../types";
 export interface ChatHeaderProps extends DivProps {
+    classNames?: {
+        left?: string;
+        right?: string;
+    };
+    contentStyles?: {
+        left?: CSSProperties;
+        right?: CSSProperties;
+    };
     gap?: {
         left?: number;
         right?: number;

package/es/ChatHeader/index.js

@@ -10,6 +10,8 @@ var ChatHeader = /*#__PURE__*/memo(function (_ref) {
     right = _ref.right,
     className = _ref.className,
     style = _ref.style,
+    contentStyles = _ref.contentStyles,
+    classNames = _ref.classNames,
     showBackButton = _ref.showBackButton,
     onBackClick = _ref.onBackClick,
     gap = _ref.gap;
@@ -25,8 +27,10 @@ var ChatHeader = /*#__PURE__*/memo(function (_ref) {
     style: style,
     children: [/*#__PURE__*/_jsxs(Flexbox, {
       align: 'center',
+      className: cx(styles.left, classNames === null || classNames === void 0 ? void 0 : classNames.left),
       gap: (gap === null || gap === void 0 ? void 0 : gap.left) || 12,
       horizontal: true,
+      style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.left,
       children: [showBackButton && /*#__PURE__*/_jsx(ActionIcon, {
         icon: ChevronLeft,
         onClick: function onClick() {
@@ -41,8 +45,10 @@ var ChatHeader = /*#__PURE__*/memo(function (_ref) {
       }), left]
     }), /*#__PURE__*/_jsx(Flexbox, {
       align: 'center',
+      className: cx(styles.right, classNames === null || classNames === void 0 ? void 0 : classNames.right),
       gap: (gap === null || gap === void 0 ? void 0 : gap.right) || 8,
       horizontal: true,
+      style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.right,
       children: right
     })]
   });

package/es/ChatHeader/style.d.ts

@@ -1,3 +1,5 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     container: string;
+    left: import("antd-style").SerializedStyles;
+    right: import("antd-style").SerializedStyles;
 }>;

package/es/ChatHeader/style.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
+var _templateObject, _templateObject2, _templateObject3;
 import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
 export var useStyles = createStyles(function (_ref) {
@@ -8,6 +8,8 @@ export var useStyles = createStyles(function (_ref) {
     stylish = _ref.stylish,
     cx = _ref.cx;
   return {
-    container: cx(stylish.blurStrong, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 10;\n\n        grid-area: header;\n        align-self: stretch;\n\n        width: 100%;\n        height: 64px;\n\n        background: linear-gradient(\n          to bottom,\n          ", ",\n          ", "\n        );\n        border-bottom: 1px solid ", ";\n      "])), rgba(token.colorBgLayout, 0.8), rgba(token.colorBgLayout, 0.4), token.colorBorder))
+    container: cx(stylish.blurStrong, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 10;\n\n        overflow: hidden;\n        grid-area: header;\n        align-self: stretch;\n\n        width: 100%;\n        height: 64px;\n\n        background: linear-gradient(\n          to bottom,\n          ", ",\n          ", "\n        );\n        border-bottom: 1px solid ", ";\n      "])), rgba(token.colorBgLayout, 0.8), rgba(token.colorBgLayout, 0.4), token.colorBorder)),
+    left: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n    "]))),
+    right: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: none;\n    "])))
   };
 });

package/es/ChatList/index.js

@@ -41,12 +41,8 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
         text: text,
         type: type
       }, item);
-      if (renderItem && renderItem[item.role]) {
-        return renderItem[item.role](_objectSpread({
-          key: key
-        }, props));
-      }
-      return /*#__PURE__*/_jsx(Item, _objectSpread({}, props), key);
+      var Render = renderItem && renderItem[item.role] ? renderItem[item.role] : Item;
+      return /*#__PURE__*/_jsx(Render, _objectSpread({}, props), key);
     })
   }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.66.0",
+  "version": "1.68.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",