@lobehub/ui 1.170.5 → 1.170.6

package/es/Drawer/index.d.ts

@@ -1,11 +1,15 @@
 import { type DrawerProps as AntdDrawerProps } from 'antd';
 import { CSSProperties, ReactNode } from 'react';
+import { type ActionIconProps } from "../ActionIcon";
 export interface DrawerProps extends Omit<AntdDrawerProps, 'styles' | 'classNames'> {
     classNames?: AntdDrawerProps['classNames'] & {
         bodyContent?: string;
         extra?: string;
+        sidebar?: string;
+        sidebarContent?: string;
         title?: string;
     };
+    closeIconProps?: ActionIconProps;
     containerMaxWidth?: number;
     noHeader?: boolean;
     sidebar?: ReactNode;
@@ -13,6 +17,8 @@ export interface DrawerProps extends Omit<AntdDrawerProps, 'styles' | 'className
     styles?: AntdDrawerProps['styles'] & {
         bodyContent?: CSSProperties;
         extra?: CSSProperties;
+        sidebar?: CSSProperties;
+        sidebarContent?: CSSProperties;
         title?: CSSProperties;
     };
 }

package/es/Drawer/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["onClose", "containerMaxWidth", "classNames", "title", "placement", "styles", "children", "height", "width", "extra", "noHeader", "sidebarWidth", "sidebar"];
+var _excluded = ["onClose", "containerMaxWidth", "classNames", "title", "placement", "styles", "children", "height", "width", "extra", "closeIconProps", "noHeader", "sidebarWidth", "sidebar", "closeIcon"];
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -30,10 +30,12 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
     height = _ref.height,
     width = _ref.width,
     extra = _ref.extra,
+    closeIconProps = _ref.closeIconProps,
     noHeader = _ref.noHeader,
     _ref$sidebarWidth = _ref.sidebarWidth,
     sidebarWidth = _ref$sidebarWidth === void 0 ? 280 : _ref$sidebarWidth,
     sidebar = _ref.sidebar,
+    closeIcon = _ref.closeIcon,
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
   var headerBorder = useMemo(function () {
@@ -80,11 +82,11 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
       right: 4,
       top: 4
     }, styles === null || styles === void 0 ? void 0 : styles.extra),
-    children: [extra, /*#__PURE__*/_jsx(ActionIcon, {
+    children: [extra, closeIcon || /*#__PURE__*/_jsx(ActionIcon, _objectSpread({
       icon: XIcon,
       onClick: onClose,
       size: 'site'
-    })]
+    }, closeIconProps))]
   });
   return /*#__PURE__*/_jsx(AntdDrawer, _objectSpread(_objectSpread({
     classNames: classNames,
@@ -140,23 +142,29 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
       }, styles === null || styles === void 0 ? void 0 : styles.bodyContent),
       children: [noHeader && extraNode, sidebar ? /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx(Flexbox, {
+          className: classNames === null || classNames === void 0 ? void 0 : classNames.sidebar,
           paddingBlock: 12,
           paddingInline: 16,
-          style: {
+          style: _objectSpread({
             background: theme.colorBgContainer,
             borderRight: "1px solid ".concat(theme.colorBorderSecondary),
-            height: '100%'
-          },
+            height: '100%',
+            overflowX: 'hidden',
+            overflowY: 'auto'
+          }, styles === null || styles === void 0 ? void 0 : styles.sidebar),
           width: sidebarWidth,
           children: sidebar
         }), /*#__PURE__*/_jsx(Flexbox, {
+          className: classNames === null || classNames === void 0 ? void 0 : classNames.sidebarContent,
           flex: 1,
           paddingBlock: 12,
           paddingInline: 16,
-          style: {
+          style: _objectSpread({
             background: theme.colorBgLayout,
-            height: '100%'
-          },
+            height: '100%',
+            overflowX: 'hidden',
+            overflowY: 'auto'
+          }, styles === null || styles === void 0 ? void 0 : styles.sidebarContent),
           children: children
         })]
       }) : children]

package/package.json

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