@lobehub/ui 2.0.3 → 2.0.5

package/es/Drawer/Drawer.js

@@ -88,6 +88,34 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
       onClick: onClose
     }, closeIconProps))]
   });
+  var sidebarContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Flexbox, {
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.sidebar,
+      paddingBlock: 12,
+      paddingInline: 16,
+      style: _objectSpread({
+        background: theme.colorBgLayout,
+        borderRight: "1px solid ".concat(theme.colorBorderSecondary),
+        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: _objectSpread({
+        background: theme.colorBgContainer,
+        height: '100%',
+        overflowX: 'hidden',
+        overflowY: 'auto'
+      }, styles === null || styles === void 0 ? void 0 : styles.sidebarContent),
+      children: children
+    })]
+  });
   return /*#__PURE__*/_jsx(AntdDrawer, _objectSpread(_objectSpread({
     classNames: classNames,
     closable: false,
@@ -100,7 +128,8 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
     styles: _objectSpread(_objectSpread({}, styles), {}, {
       body: _objectSpread({
         background: 'transparent',
-        padding: '0 4px'
+        paddingBlock: sidebar ? 0 : 12,
+        paddingInline: sidebar ? 0 : 16
       }, styles === null || styles === void 0 ? void 0 : styles.body),
       content: _objectSpread({
         background: sidebar ? "linear-gradient(to right, ".concat(theme.colorBgLayout, " 49.9%, ").concat(theme.colorBgContainer, " 50%)") : theme.colorBgContainer
@@ -132,43 +161,14 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
   }, rest), {}, {
     children: /*#__PURE__*/_jsxs(Flexbox, {
       className: classNames === null || classNames === void 0 ? void 0 : classNames.bodyContent,
-      height: '100%',
       horizontal: !!sidebar,
-      paddingBlock: sidebar ? undefined : 12,
-      paddingInline: sidebar ? undefined : 16,
       style: _objectSpread({
         justifySelf: 'center',
         maxWidth: containerMaxWidth,
+        minHeight: '100%',
         width: '100%'
       }, 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: _objectSpread({
-            background: theme.colorBgLayout,
-            borderRight: "1px solid ".concat(theme.colorBorderSecondary),
-            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: _objectSpread({
-            background: theme.colorBgContainer,
-            height: '100%',
-            overflowX: 'hidden',
-            overflowY: 'auto'
-          }, styles === null || styles === void 0 ? void 0 : styles.sidebarContent),
-          children: children
-        })]
-      }) : children]
+      children: [noHeader && extraNode, sidebar ? sidebarContent : children]
     })
   }));
 });

package/es/Drawer/type.d.ts

@@ -10,7 +10,7 @@ export interface DrawerProps extends Omit<AntdDrawerProps, 'styles' | 'className
         title?: string;
     };
     closeIconProps?: ActionIconProps;
-    containerMaxWidth?: number;
+    containerMaxWidth?: number | string;
     noHeader?: boolean;
     ref?: Ref<HTMLDivElement>;
     sidebar?: ReactNode;

package/es/Input/style.js

@@ -14,7 +14,7 @@ export var useStyles = createStyles(function (_ref) {
     filledOPT: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          ", ";\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.variantFilled),
     outlined: stylish.variantOutlined,
     outlinedOPT: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          ", ";\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.variantOutlined),
-    root: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      overflow: hidden;\n    "]))),
+    root: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""]))),
     rootOPT: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          &:focus-within {\n            border-color: ", ";\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, token.colorBorder),
     shadow: stylish.shadow,
     shadowOPT: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          ", ";\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.shadow)

package/es/chat/ChatInputArea/ChatInputArea.js

@@ -60,7 +60,10 @@ var ChatInputArea = /*#__PURE__*/memo(function (_ref) {
             _onSend === null || _onSend === void 0 || _onSend();
             setExpand === null || setExpand === void 0 || setExpand(false);
           },
-          ref: ref
+          ref: ref,
+          style: {
+            paddingInline: 16
+          }
         }, rest))
       }), bottomAddons]
     })

package/es/mobile/ChatInputArea/ChatInputArea.js

@@ -92,6 +92,7 @@ var ChatInputArea = /*#__PURE__*/memo(function (_ref) {
         active: true,
         className: styles.expandButton,
         icon: expand ? ChevronDown : ChevronUp,
+        id: 'sssssss',
         onClick: function onClick() {
           return setExpand === null || setExpand === void 0 ? void 0 : setExpand(!expand);
         },
@@ -111,9 +112,9 @@ var ChatInputArea = /*#__PURE__*/memo(function (_ref) {
         children: /*#__PURE__*/_jsx(ChatInputAreaInner, {
           autoSize: expand ? false : {
             maxRows: 6,
-            minRows: 0
+            minRows: 1
           },
-          className: cx(expand && styles.expandTextArea),
+          className: styles.expandTextArea,
           loading: loading,
           onBlur: function onBlur() {
             return setIsFocused(false);

package/es/mobile/ChatInputArea/style.js

@@ -6,7 +6,7 @@ export var useStyles = createStyles(function (_ref) {
     token = _ref.token;
   return {
     container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex: none;\n      padding-block: 12px;\n      background: ", ";\n      border-block-start: 1px solid ", ";\n    "])), token.colorFillQuaternary, token.colorFillTertiary),
-    expand: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      height: 100%;\n    "]))),
+    expand: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    "]))),
     expandButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-inline-end: 14px;\n    "]))),
     expandTextArea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex: 1;\n    "]))),
     inner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      height: inherit;\n      padding-block: 0;\n      padding-inline: 8px;\n    "])))

package/package.json

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