@lobehub/ui 1.47.0 → 1.48.1

package/es/ChatHeader/style.js

@@ -8,6 +8,6 @@ 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.colorSplit))
+    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))
   };
 });

package/es/DraggablePanel/index.js

@@ -20,7 +20,7 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     fullscreen = _ref.fullscreen,
     maxHeight = _ref.maxHeight,
     _ref$pin = _ref.pin,
-    pin = _ref$pin === void 0 ? 'true' : _ref$pin,
+    pin = _ref$pin === void 0 ? true : _ref$pin,
     _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? 'fixed' : _ref$mode,
     children = _ref.children,

package/es/EditableMessage/index.d.ts

@@ -44,7 +44,7 @@ export interface EditableMessageProps {
      * @default false
      */
     showEditWhenEmpty?: boolean;
-    style?: {
+    styles?: {
         /**
          * @title The style for the MessageInput component
          */

package/es/EditableMessage/index.js

@@ -20,7 +20,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     placeholder = _ref$placeholder === void 0 ? 'Type something...' : _ref$placeholder,
     _ref$showEditWhenEmpt = _ref.showEditWhenEmpty,
     showEditWhenEmpty = _ref$showEditWhenEmpt === void 0 ? false : _ref$showEditWhenEmpt,
-    style = _ref.style;
+    styles = _ref.styles;
   var _useControlledState = useControlledState(false, {
       onChange: onEditingChange,
       value: editing
@@ -46,7 +46,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
       setTyping(false);
     },
     placeholder: placeholder,
-    style: style === null || style === void 0 ? void 0 : style.input
+    style: styles === null || styles === void 0 ? void 0 : styles.input
   }) : /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(MessageModal, {
       editing: isEdit,
@@ -68,10 +68,10 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
         setTyping(false);
       },
       placeholder: placeholder,
-      style: style === null || style === void 0 ? void 0 : style.input
+      style: styles === null || styles === void 0 ? void 0 : styles.input
     }) : /*#__PURE__*/_jsx(Markdown, {
       className: classNames === null || classNames === void 0 ? void 0 : classNames.markdown,
-      style: style === null || style === void 0 ? void 0 : style.markdown,
+      style: styles === null || styles === void 0 ? void 0 : styles.markdown,
       children: value
     })]
   });

package/es/MessageInput/index.js

@@ -30,28 +30,30 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     temporarySystemRole = _useState2[0],
     setRole = _useState2[1];
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
-    gap: 8,
-    style: {
-      flex: 1,
-      width: '100%'
-    }
-  }, props), {}, {
-    children: [/*#__PURE__*/_jsx(CodeEditor, {
-      className: textareaClassname,
-      language: "md",
-      onValueChange: function onValueChange(value) {
-        setRole(value);
-      },
-      placeholder: placeholder,
-      resize: false,
-      style: _objectSpread({
-        height: height,
-        minHeight: '100%'
-      }, textareaStyle),
-      type: type,
-      value: temporarySystemRole
-    }), /*#__PURE__*/_jsx(Flexbox, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread({
+      gap: 8,
+      style: {
+        flex: 1,
+        width: '100%'
+      }
+    }, props), {}, {
+      children: /*#__PURE__*/_jsx(CodeEditor, {
+        className: textareaClassname,
+        language: "md",
+        onValueChange: function onValueChange(value) {
+          setRole(value);
+        },
+        placeholder: placeholder,
+        resize: false,
+        style: _objectSpread({
+          height: height,
+          minHeight: '100%'
+        }, textareaStyle),
+        type: type,
+        value: temporarySystemRole
+      })
+    })), /*#__PURE__*/_jsx(Flexbox, {
       direction: 'horizontal-reverse',
       gap: 8,
       children: renderButtons ? renderButtons(temporarySystemRole).map(function (buttonProps, index) {
@@ -63,16 +65,14 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
           onClick: function onClick() {
             onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(temporarySystemRole);
           },
-          size: "small",
           type: "primary",
           children: (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'
         }), /*#__PURE__*/_jsx(Button, {
           onClick: onCancel,
-          size: "small",
           children: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel'
         })]
       })
     })]
-  }));
+  });
 });
 export default MessageInput;

package/package.json

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