@lobehub/ui 1.124.0 → 1.124.2

package/es/ActionIcon/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type FlexboxProps } from 'react-layout-kit';
 import { type IconProps, type IconSizeConfig, type IconSizeType } from "../Icon";
 import { type TooltipProps } from "../Tooltip";
 interface ActionIconSizeConfig extends IconSizeConfig {
@@ -7,7 +8,7 @@ interface ActionIconSizeConfig extends IconSizeConfig {
 }
 type ActionIconSizeType = 'site' | IconSizeType;
 export type ActionIconSize = ActionIconSizeType | ActionIconSizeConfig;
-export interface ActionIconProps extends Omit<IconProps, 'size' | 'icon'> {
+export interface ActionIconProps extends Omit<IconProps, 'size' | 'icon'>, FlexboxProps {
     /**
      * @description Whether the icon is active or not
      * @default false

package/es/ActionIcon/index.js

@@ -69,6 +69,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var actionIconBlock = /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'center',
     className: cx(styles.block, disable ? styles.disabled : styles.normal, className),
+    horizontal: true,
     justify: 'center',
     onClick: loading || disable ? undefined : onClick,
     ref: ref,

package/es/Burger/index.d.ts

@@ -1,16 +1,19 @@
-/// <reference types="react" />
 import { MenuProps } from 'antd';
-import { DivProps } from "../types";
-export interface BurgerProps extends DivProps {
+import { CSSProperties } from 'react';
+import { type ActionIconProps } from "../ActionIcon";
+export interface BurgerProps {
+    className?: string;
     /**
      * @description The height of the header component
      * @default 64
      */
     headerHeight?: number;
+    icon?: ActionIconProps;
     /**
      * @description The items to be displayed in the menu
      */
     items: MenuProps['items'];
+    onClick?: MenuProps['onClick'];
     /**
      * @description The keys of the currently open sub-menus
      */
@@ -27,6 +30,7 @@ export interface BurgerProps extends DivProps {
      * @description A callback function to set the opened state
      */
     setOpened: (state: boolean) => void;
+    style?: CSSProperties;
 }
 declare const Burger: import("react").NamedExoticComponent<BurgerProps>;
 export default Burger;

package/es/Burger/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["items", "openKeys", "selectedKeys", "opened", "setOpened", "className", "headerHeight"];
+var _excluded = ["items", "openKeys", "selectedKeys", "opened", "setOpened", "className", "headerHeight", "onClick", "icon"];
 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; }
 import { Drawer, Menu } from 'antd';
@@ -20,6 +20,9 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
     className = _ref.className,
     _ref$headerHeight = _ref.headerHeight,
     headerHeight = _ref$headerHeight === void 0 ? 64 : _ref$headerHeight,
+    onClick = _ref.onClick,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? {} : _ref$icon,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(headerHeight),
     cx = _useStyles.cx,
@@ -30,10 +33,10 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
       setOpened(!opened);
     }
   }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(ActionIcon, {
+    children: [/*#__PURE__*/_jsx(ActionIcon, _objectSpread({
       icon: opened ? X : MenuIcon,
       size: "site"
-    }), /*#__PURE__*/_jsxs(Drawer, {
+    }, icon)), /*#__PURE__*/_jsxs(Drawer, {
       className: styles.drawer,
       closeIcon: undefined,
       open: opened,
@@ -52,6 +55,7 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
         className: styles.menu,
         items: items,
         mode: 'inline',
+        onClick: onClick,
         openKeys: openKeys,
         selectedKeys: selectedKeys
       }), /*#__PURE__*/_jsx("div", {

package/es/Form/components/FormGroup.js

@@ -27,7 +27,7 @@ export var useStyles = createStyles(function (_ref, variant) {
   var variantStyle = cx(variant === 'default' && defaultStyle, variant === 'block' && blockStyle, variant === 'ghost' && ghostStyle, variant === 'pure' && pureStyle);
   return {
     flatGroup: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          overflow: hidden;\n          padding-inline: 16px;\n        "]))), variantStyle),
-    group: cx(isDarkMode && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            .", "-collapse-content {\n              background: transparent;\n              border-color: ", ";\n            }\n\n            .", "-collapse-header {\n              background: ", ";\n            }\n          "])), prefixCls, token.colorBorderSecondary, prefixCls, token.colorFillTertiary), css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          overflow: hidden;\n\n          .", "-collapse-item {\n            border: none;\n          }\n\n          .", "-collapse-header {\n            align-items: center !important;\n            border-radius: 0 !important;\n          }\n\n          .", "-collapse-content-box {\n            padding-top: 0 !important;\n            padding-bottom: 0 !important;\n          }\n\n          .", "-form-item-label {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n        "])), prefixCls, prefixCls, prefixCls, prefixCls), variantStyle),
+    group: cx(isDarkMode && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            .", "-collapse-content {\n              background: transparent;\n              border-color: ", ";\n            }\n\n            .", "-collapse-header {\n              background: ", ";\n            }\n          "])), prefixCls, token.colorBorderSecondary, prefixCls, token.colorFillTertiary), css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          overflow: hidden;\n          flex: none;\n\n          .", "-collapse-item {\n            border: none;\n          }\n\n          .", "-collapse-header {\n            align-items: center !important;\n            border-radius: 0 !important;\n          }\n\n          .", "-collapse-content-box {\n            padding-top: 0 !important;\n            padding-bottom: 0 !important;\n          }\n\n          .", "-form-item-label {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n        "])), prefixCls, prefixCls, prefixCls, prefixCls), variantStyle),
     icon: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        transition: all 100ms ", ";\n      "])), token.motionEaseOut),
     mobileGroupBody: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        padding: 0 16px;\n        background: ", ";\n      "])), token.colorBgContainer),
     mobileGroupHeader: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        padding: 16px;\n        background: ", ";\n      "])), token.colorBgLayout),

package/package.json

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